@charset "utf-8";
@import url(base.css);
.hq_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

.box{width: 100%;}
.header{background: #2b2b2b;position: fixed;top: 0;left: 0;height: 130px;width: 100%;z-index: 10;}
.headercon{width: 100%;padding-top: 52px;box-sizing: border-box;}
.logo{float: left;margin-top: 8px;}
.logo img{display: block;
    width: 100%;
    object-fit: cover;
    height: 36px;}
    
    
.yuyan{float: right;font-size: 26px;color: #e1e1e1;font-weight: 400;line-height: 28px;cursor: pointer;position: relative;}
.yuyan i{display: inline-block;width: 28px;height: 28px;background: url(../images/icon.png) center no-repeat;background-size: 100%;vertical-align: -5px;}
.headernav{width: 100%;background: #fff;margin-top: 20px;height: 70px;padding: 0 40px;box-sizing: border-box;line-height: 70px;}
.headernavleft{float: left;}
.headernavleft a{float: left;font-size: 20px;color: #b1b1b1;margin-right: 100px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernavleft a:last-child{margin-right: 0;}
.headernavleft a i{display: inline-block;width: 10px;height: 14px;background: url(../images/icon1.png) center no-repeat;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headernavright{float: right;width: 40px;margin-top: 15px;}
.headernavright a{display: block;width: 100%;}
.headernavright a img{display: block;width: 100%;height: 40px;}
.headernavcon{width: 100%;background: rgba(255,255,255);margin-top: 20px;display: none;}
.smailnav{width: 100%;height: 70px;padding: 0 40px;box-sizing: border-box;line-height: 70px;}
.sclose{float: left;width: 26px;height: 26px;cursor: pointer;background: url(../images/cha.png) center no-repeat;margin-top: 22px;margin-right: 80px;}
.smailnav .headernavleft a.active{color: #303030;}
.smailnav .headernavleft a.active i{transform: rotate(180deg);}
.smailbox{width: 100%;padding: 0 40px 30px 40px;box-sizing: border-box;max-height: 68vh;overflow-y: auto;}
.smailist{width: 100%;display: none;}
.smailist:first-child{display: block;}
.smailist ul li{    width: 32%;
    margin-right: 2%;
    margin-top: 10px;
    float: left;}
.smailist ul li:nth-child(3n){margin-right: 0;}
.smailist ul li a{display: block;width: 100%;}
.smailist ul li a img{    display: block;
    max-width: 50%;
    margin: 0 auto;}
.smailist ul li a p{font-size: 24px;color: #000;font-weight: 400;text-align: center;}
.smailbut{width: 100%;
    padding: 30px 40px;
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: auto;
    height: 68vh;}
.smailup{width: 100%;overflow-x: scroll;padding-bottom: 10px;box-sizing: border-box;}
.smailup::-webkit-scrollbar-thumb{background: #888;}
.smailup ul{width: max-content;width: -moz-max-content;width: -o-max-content;position: relative;padding: 0 20px;box-sizing: border-box;}
.smailup ul li{float: left;width: 218px;position: relative;padding: 0 20px;box-sizing: border-box;cursor: pointer;}
.smailup ul li::before{content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;}
.smailup ul li a{display: block;width: 100%;}
.smailup ul li a img{display: block;max-width: 100%;margin: 0 auto;}
.smailup ul li.active::before{display: none;}
.smaillast{width: 100%;padding: 80px 0 20px 0;box-sizing: border-box;}
.smaillast>div{display: none;}
.smaillast>div:first-child{display: block;}
.smaillast h4{font-size: 18px;color: #000;font-weight: 500;margin-bottom: 50px;position: relative;display: inline-block;}
.smaillast h4::before{content: '';width: 100%;height: 1px;background: #888;position: absolute;bottom: -2px;left: 0;}
.smailastbut{
    width: 100%;
    position: relative;
    
    justify-content: space-between;
    align-items: flex-start;
}
.smailastbutleft{
    width: 70%;
    display: flex;
    align-items: center;
    gap: 80px;
}
.smailastbutleft .img-link{
    display: block;
    position: relative;
}
.smailastbutleft .img-link img{
    display: block;
    width: 15vw;
    max-width: 20vw ;
    transition: transform 0.3s ease;
}
.smailastbutleft > div:hover .img-link img {
    transform: scale(1.05);
}
.smailastbutleft .img-link img{
    display: block;
    width: 15vw;
    max-width: 20vw ;
}

/* DISCOVER MORE按钮样式 */
.discover-more{
    display: block;
    width: 260px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    background: #413c3c;
    transition: .3s;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.discover-more:hover{
    background: #ff4040;
}

/* 添加图片容器样式 */
.smailastbutleft > div {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    overflow: hidden;
}

.smailastbutleft > div:last-child {
    margin-right: 0;
}

.smailastbutleft .img-link {
    display: block;
    position: relative;
        background: #fff;
    width: 100%;
    height: 100%;
}

.smailastbutleft .img-link img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
}

.smailastbutleft > div:hover .img-link img {
    transform: scale(1.05);
}
.slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    z-index: 10; /* 确保超链接在最上层 */
}

/* 默认情况下显示 PC 图片 */
.pc-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1; /* 确保图片在内容下方 */
}

.mobile-image {
    display: none; /* 默认隐藏移动端图片 */
}

.one{width: 100%;height: 100vh;}
.onecon{width: 100%;}
.onecon ul li{width: 100%;overflow: hidden;background-repeat: no-repeat; background-position: center;background-attachment: fixed;
background-size: cover;user-select: none;}
.onecon .bannerpages{bottom: 60px !important;}
.onecon .swiper-pagination-bullet{width: 10px;height: 10px;background:#fff;opacity: 1;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.onecon .swiper-pagination-bullet-active{background: #ff4040;width: 30px;border-radius: 25px;}
.onebox{width: 100%;position: absolute;bottom: 82px;left: 0;}
.oneconter{width: 100%;}
.oneleft{float: left;}
.oneleft h4{font-size: 32px;color: #f8f8f8;font-weight: 300;text-transform: uppercase;margin-bottom: 24px;}
.oneleft h4:last-child{margin-bottom: 0;}
.oneright{float: right;}
.oneright a{display: block;width: 190px;height: 60px;text-align: center;line-height: 60px;font-size: 20px;color: #535353;
background: linear-gradient( 0, #979797 0%, #cecece 100%);text-transform: uppercase;margin-top: 50px;border-radius: 4px;}
.two{width: 100%;height: 100vh;overflow: hidden;background-repeat: no-repeat; background-position: center;background-attachment: fixed;
background-size: cover;user-select: none;display: flex;align-items: center;padding-top: 80px;box-sizing: border-box;}
.twocon{width: 100%;    text-align: -webkit-right;}
.twoleft{width: 48%;margin-right: 4%;}
.twoleft img{display: block;width: 100%;}
.tworight{width: 48%;}
.tworight h4{text-align: right;font-size: 32px;color: #fff;font-weight: 600;text-transform: uppercase;}
.tworight p{text-align: right;font-size: 16px;color: #fff;font-weight: 400;text-transform: uppercase;margin-top: 20px;line-height: 28px;}
.more{width: 100%;}
.more a{float: right;width: 260px;height: 60px;text-align: center;line-height: 60px;font-size: 20px;color: #fff;border: 1px solid #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-top: 50px;text-transform: uppercase;border-radius: 4px;}
.more a:hover{background: #262626;border-color: #262626;}
.three{width: 100%;height: 100vh;overflow: hidden;background-repeat: no-repeat; background-position: center;background-attachment: fixed;
background-size: cover;user-select: none;display: flex;align-items: center;padding-top: 120px;box-sizing: border-box;background-image: url(../images/banner2.jpg);}
.three .tworight h4{color: #303030;}
.three .tworight p{color: #303030;}
.three .more a{color: #303030;border-color: #303030;}
.three .more a:hover{color: #fff;background: #262626;border-color: #262626;}
.fore{width: 100%;box-sizing: border-box;background: #fff;}
.forecon{width: 100%;}
.forecon .title{text-align: center;font-size: 32px;color: #303030;font-weight: 400;margin-bottom: 40px;}
.foretext{width: 100%;}
.foretext p{font-size: 16px;color: #191919;font-weight: 400;line-height: 28px;padding-left: 10px;
    padding-right: 10px;}
.forelast{width: 100%;margin-top: 40px;padding: 0 10%;box-sizing: border-box;}
.forelast input{border: 1px solid #c5c5c5;border-radius: 4px;padding: 0 10px;height: 60px;font-size: 18px;color: #333;
outline: none;width: 65%;margin-right: 15%;float: left;box-sizing: border-box;margin-bottom: 20px;}
.forelast button{display: block;width: 20%;height: 60px;text-align: center;line-height: 60px;font-size: 20px;color: #535353;
background: linear-gradient( 0, #979797 0%, #dadada 100%);text-transform: uppercase;border: 0;float: right;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;}
.forelast button:hover {
    background: linear-gradient( 0, #858585 0%, #c8c8c8 100%);
}
.forecon i{display: block;width: 100%;height: 2px;background: #c5c5c5;margin-top: 60px;}
.footer{width: 100%;background: #111111;padding: 80px 0 60px 0;box-sizing: border-box;}
.footercon{width: 100%;}
.footerup{width: 100%;display: flex;justify-content: center;margin-bottom: 32px;}
.footerup h1{margin-right: 10%;position: relative;}
.footerup h1::before{content: '';width: 1px;height: 80%;background: #6d6d6d;position: absolute;top: 10%;right: -20%;}
.footerup h1 img{display: block;max-width: 100%;margin: 0 auto;}
.footerup p{font-size: 32px;color: #ffffff;font-weight: 300;font-family: Eurostile;}
.footertext{width: 100%;padding: 0 10px;box-sizing: border-box;display: flex;justify-content: space-between;margin-bottom: 32px;}
.footertext p{font-size: 32px;font-weight: 600;color: #161616;text-transform: uppercase;}
.footerlast{width: 100%;display: flex;justify-content: center;}
.footerlasted{display: flex;}
.footerlasted a{display: block;width: 40px;height: 40px;margin-right: 24px;}
.footerlasted a:last-child{margin-right: 0;}
.footerlasted a img{display: block;}
.threeed{padding-top: 0;}
.threeup{width: 100%;}
.threeup img{display: block;max-width: 85%;margin: 0 auto;}
.threelast{width: 100%;margin-top: 20px;}
.threelast ul li{float: left;width: 33.3%;text-align: center;}
.threelast ul li h4{font-size: 28px;color: #141414;text-transform: uppercase;font-weight: 600;}
.threelast ul li p{font-size: 18px;color: #141414;text-transform: uppercase;font-weight: 300;}
.five{width: 100%;height: 100vh;display: flex;align-items: center;background: #fff url(../images/jc4.png) 0 -40px no-repeat;}
.fivecon{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.fiveleft{width: 45%;margin-right: 5%;}
.fiveleft img{display: none;max-width: 100%;}
.fiveleft img:first-child{display: block;}
.fivetext{width: 35%;}
.fivetext img{display: block;max-width: 50%;}
.fivetext p{font-size: 20px;color: #303030;font-weight: 500;text-transform: uppercase;margin-top: 40px;}
.fiveadd p{font-size: 20px;color: #303030;font-weight: 500;writing-mode: tb-rl;text-align: center;margin: 0 auto 20px;display: none;}
.fiveadd p:first-child{display: block;}
.fiveright ul li{width: 60px;height: 60px;padding: 5px;box-sizing: border-box;cursor: pointer;margin-bottom: 24px;
border: 1px solid #fff;}
.fiveright ul li:last-child{margin-bottom: 0;}
.fiveright ul li span{display: block;width: 100%;height: 100%;}
.fiveright ul li.active{border-color: #969696;}
.detail{width: 100%;box-sizing: border-box;position: relative;}
.detailnav{width: 100%;display: flex;justify-content: center;margin-bottom: 20px;
    margin-top: 20px;}
.detailnav ul li{float: left;margin-right: 32px;cursor: pointer;font-size: 20px;color: #707070;width: 200px;text-align: center;text-transform: uppercase;
border: 2px solid #7f7f7f;border-radius: 25px;height: 50px;line-height: 46px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.detailnav ul li:last-child{margin-right: 0;}
.detailnav ul li.active{background: #232323;border-color: #232323;color: #fff;}
.detailnav ul li:hover{background: #232323;border-color: #232323;color: #fff;}
.detailcon{width: 100%;}
.detailist{width: 100%;display: none;}
.detailist:first-child{display: block;}
.detailimg{width: 100%;}
.detailimg img{display: block;width: 100%;}
.detailboxcon{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;}
.detailboxed{width: 100%;display: flex;align-items: center;justify-content: space-around;    padding-bottom: 60px;}
.deimg{width: 100%;margin-right: 10%;}
.deimg img{display: none;max-width: 100%;margin: 0 auto;}
.deimg img:first-child{display: block;}
.deright{width: 45%;}
.deright img{display: block;max-width: 100%;margin-bottom: 40px;}
.dtext{width: 100%;}
.dtext p{font-size: 20px;color: #4c4c4c;}
.debut{width: 100%;margin-top: 60px;}
.debut p{font-size: 20px;color: #303030;font-weight: 500;text-align: center;}
.debut ul li{width: 60px;height: 60px;padding: 5px;box-sizing: border-box;cursor: pointer;margin-right: 20px;
border: 1px solid #fff;float: left;position: relative;}
.debut ul li:last-child{margin-right: 0;}
.debut ul li span{display: block;width: 100%;height: 100%;}
.debut ul li strong{font-size: 16px;color: #fff;width: 70px;height: 34px;background: #212121;text-align: center;line-height: 34px;display: block;
position: absolute;bottom: -44px;left: 50%;transform: translateX(-50%);display: none;}
.debut ul li strong::before{content: '';width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:8px;
border-style:solid dashed dashed dashed;border-color: transparent transparent #212121 transparent;
position: absolute;top: -16px;left: 50%;margin-left: -8px;}
.debut ul li.active{border-color: #969696;}
.debut ul li.active strong{display: block;}
.detailnew{width: 100%;padding-top: 60px;box-sizing: border-box;}
.detailnewtitle{font-size: 42px;color: #282828;text-transform: uppercase;margin-bottom: 40px;font-weight: 500;}
.dnewlist{width: 100%;}
.dnewlist ul{
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}
.dnewlist ul li{float: left;
    width: 30%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    background: #fff;
    flex: 1;
    margin: 0 10px;}
.dnewlist ul li:last-child{margin-right: 0;}
.dnewlist ul li a{display: block;width: 100%;}
.dnimg{width: 100%;height: 320px;}
.dnimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.dntext{    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 180px;}
.dntext h5{font-size: 20px;color: #000;border-bottom: 1px solid #3e3e3e;box-sizing: border-box;padding-bottom: 10px;text-transform: uppercase;
margin-bottom: 12px;}
.dntext p{font-size: 20px;color: #2d2d2d;word-wrap: break-word;}
.deconter{width: 100%;padding-top: 40px;box-sizing: border-box;}
.decimg{width: 100%;position: relative;height: 864px;}
.decimg img{display: block;width: 100%;margin: 0;}
.delist{position: absolute;}
.delist i{display: block;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;font-size:14px;color:#fff;background: #ff0303;cursor: pointer;}
.delist p{padding: 20px 16px;border-radius: 0px;background: #fff;
font-size: 16px;color: #000;box-sizing: border-box;position: absolute;top: 44px;left: 50%;transform: translateX(-50%);display: none;
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.25);line-height: 16px;width: 300px;}
.delist1 p{padding: 20px 16px;border-radius: 0px;background: #fff;
font-size: 16px;color: #000;box-sizing: border-box;position: absolute;top: 44px;left: 50%;transform: translateX(-50%);display: none;
box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.25);line-height: 16px;width: 300px;}
.delist p::before{content: '';width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:8px;
border-style:solid dashed dashed dashed;border-color: transparent transparent #fff transparent;
position: absolute;top: -16px;left: 50%;margin-left: -8px;}
.delist p span{font-size: 16px;color: #000;border-bottom: 1px solid #3e3e3e;box-sizing: border-box;padding-bottom: 10px;text-transform: uppercase;
margin-bottom: 10px;display: block;white-space: nowrap;}
.delist p strong{font-size: 14px;color: #2d2d2d;font-weight: 400;display: block;word-wrap: break-word;}
.delist p b{display: block;margin-top: 20px;font-size: 14px;color: #2d2d2d;font-weight: 400;}
.delist p b i{display: inline-block;cursor: pointer;width: 30px;height: 30px;background: url(../images/bf.png) center no-repeat;
background-size: 100%;vertical-align: -10px;margin-right: 4px;}
.delist:nth-child(1){top: 325px;
    left: 259px;}
.delist:nth-child(2){    top: 289px;
    right: 366px;}
.delist:nth-child(3){top: 334px;
    right: 67px;}
.delist:nth-child(4){bottom: 289px;
    right: 542px;}
.delist:nth-child(5){    bottom: 185px;
    left: 94px;}
.delist:nth-child(6){top: 160px;
    left: 534px;}
.delist:nth-child(7){    top: 366px;
    left: 539px;}
.delist:hover p{display: block;}
.debutton{width: 100%;margin-top: 60px;display: flex;align-items: center;}
.debutton-d{width: 100%;margin-top: 60px;display: flex;align-items: center;}
.dleft{width: 48%;margin-right: 4%;padding-right: 4%;border-right: 1px solid #e4dada;box-sizing: border-box;}
.dleft img{display: block;max-width: 100%;}
.dright{width: 48%;}
.dright ul li{width: 100%;margin-bottom: 18px;}
.dright ul li:last-child{margin-bottom: 0;}
.dright ul li p{float: left;width: 50%;font-size: 18px;color: #6b6b6b;}
.dright ul li span{float: right;width:50%;font-size: 16px;color: #000;font-weight: 400;}
.fiveleft img.active {
            opacity: 1;
    display: block;
    width: 50vw;
    max-width: 100%;

        }
        
.delist1 {
    position: absolute;
}

.delist1 i {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size:14px;
    color:#fff;
    background: #ff0303;
    cursor: pointer;
}

.delist1 p {
    padding: 20px 16px;
    border-radius: 0px;
    background: #fff;
    font-size: 16px;
    color: #000;
    box-sizing: border-box;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.25);
    line-height: 16px;
    width: 300px;
}

.delist1 p::before {
    content: '';
    width:0;
    height:0;
    overflow:hidden;
    font-size: 0;
    line-height: 0;
    border-width:8px;
    border-style:solid dashed dashed dashed;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}

.delist1 p span {
    font-size: 20px;
    color: #000;
    border-bottom: 1px solid #3e3e3e;
    box-sizing: border-box;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    white-space: nowrap;
}

.delist1 p strong {
    font-size: 14px;
    color: #2d2d2d;
    font-weight: 400;
    display: block;
    word-wrap: break-word;
}

.delist1 p b {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #2d2d2d;
    font-weight: 400;
}

.delist1 p b i {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../images/bf.png) center no-repeat;
    background-size: 100%;
    vertical-align: -10px;
    margin-right: 4px;
}

.delist1:nth-child(1){top: 220px;
    left: 344px;}
.delist1:nth-child(2){top: 291px;
    right: 441px;}
.delist1:nth-child(3){top: 327px;
    right: 64px;}
.delist1:nth-child(4){bottom: 269px;
    right: 564px;}
.delist1:nth-child(5){    bottom: 150px;
    left: 88px;}
.delist1:nth-child(6){    top: 167px;
    left: 498px;}

.delist1:hover p {
    display: block;
}
.debutton{width: 80%;display: flex;align-items: center;margin: 0 auto;height: 80vh;}
.debutton-d{width: 100%;display: flex;align-items: center;margin: 0 auto;height: 70vh;}

.dleft1 {width: 48%;margin-right: 4%;padding-right: 4%;border-right: 1px solid #e4dada;box-sizing: border-box;}
.dleft1 img{display: block;max-width: 100%;}
.dright1 {width: 48%;}
.dright1 ul li{width: 100%;margin-bottom: 18px;}
.dright1 ul li:last-child{margin-bottom: 0;}
.dright1 ul li p{float: left;width: 50%;font-size: 18px;color: #6b6b6b;font-weight: bold;}
.dright1 ul li span{float: right;width:50%;font-size: 16px;color: #000;font-weight: 400;}
.fiveleft img.active {opacity: 1;display: block;width: 50vw;max-width: 100%;}



/*@media screen and (max-width: 1210px) {*/
/*	.hq_1200{max-width: 100%;padding: 0 4%;}*/
/*	.forelast{padding: 0;}*/
/*}*/
@media screen and (max-width: 768px) {
    
    .logo img{
display: block;
        width: 100%;
        object-fit: cover;
        height: 36px;
        max-width: 200px;
    }
   
    .pc-image {
        display: none; /* 隐藏 PC 图片 */
    }
    .mobile-image {
        display: block; /* 显示移动端图片 */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        z-index: -1;
    }
    .discover-more{
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 60px;
        font-size: 20px;
        color: #fff;
        background: #413c3c;
        transition: .3s;
        text-transform: uppercase;
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 2;
    }
	.banner-container {
		height: 60vh;
	}
	.banner {
		height: 60vh;
	}
	.two, .three {
		min-height: 62vh;
		background-attachment: scroll;
		background-position: center;
		background-size: cover;
		position: relative;
		overflow: hidden;
		margin-top: 25%;
	}
	.two .hq_1200, .three .hq_1200 {
		position: relative;
		z-index: 2;
		padding: 20px;
	}
	.two .tworight, .three .tworight {
		
		padding: 20px;
		border-radius: 10px;
		margin-top: 40vh;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.two .tworight h4, .three .tworight h4 {
		font-size: 24px;
		margin-bottom: 15px;
		text-align: center;
	}
	.two .tworight p, .three .tworight p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 20px;
		text-align: center;
	}
	.two .more a, .three .more a {
		width: 100%;
		max-width: 200px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin: 20px auto;
		display: block;
		float: none;
	}
	
	
	.fivetext img{
	        display: block;
    max-width: 70%;
    margin: 0 auto;
	}
	
	
	.deright img{
	        display: block;
    max-width: 100%;
    width: 80%;
    margin: 0 auto;
	}
	.dtext{
	    width: 100%;
    text-align: center;
	}
	.debut ul li{
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        margin-right: 5px;
        border: 1px solid #fff;
        float: left;
        position: relative;
        max-width: 72px;
        width: 100%;
        margin-left: 2%;
	}
	
	.detailnewtitle{
	        font-size: 42px;
    color: #282828;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 500;
    text-align: center;
	}
	
	
	
	.forelast input{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.forelast button{margin: 0 auto;display: block;float: none;width: 30%;}
	.footer {
		padding: 30px 20px;
		background: #111111;
		    margin-top: 20px;
	}
	.footerup {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 20px;
	}
	.footerup h1 {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.footerup h1::before {
		display: none;
	}
	.footerup p {
		font-size: 20px;
		color: #ffffff;
		text-align: center;
	}
	.footertext {
		flex-direction: column;
		text-align: center;
		margin-bottom: 20px;
	}
	.footertext p {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.footerlast {
		justify-content: center;
	}
	.footerlasted a {
		width: 32px;
		height: 32px;
		margin: 0 10px;
	}
	.five{display: block;padding: 60px 0;box-sizing: border-box;height: auto;}
	.fivecon{display: block;}
	.fiveleft{float: none;margin-right: 0;width: 100%;}
	.fivetext{float: none;width: 100%;}
	.fiveright p{writing-mode: initial;}
	.fiveright ul{overflow: hidden;}
	.fiveright ul li{float: left;margin-bottom: 0;margin-right: 20px;}
	.debutton{display: block;        flex-direction: column;
        padding: 20px;
        height: auto;
        margin-top: 40px;}
	.debutton-d{display: block;}
	.dleft{width: 100%;padding: 0;margin-right: 0;border-right: 0;}
	.dright{width: 100%;padding: 15px;background: #fff;margin-top: 20px;}
	.detailboxed{display: block;}
	.deimg{        width: 80%;
        margin: 0 auto;}
	.deright{width: 100%;}
	.debut{margin-top: 20px;}
	.fiveleft img.active{opacity: 1;
        opacity: 1;
        display: block;
        width: 80%;
        max-width: 100%;
        margin: 0 auto;
	}
	.smaillast{
	        width: 100%;
    padding: 40px 0 20px 0;
    box-sizing: border-box;
	}
	.smailastbutleft .img-link img{
display: block;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
	}
    /* 第一个区域的补充样式 */
    .three {
       
        height: auto;
        padding: 40px 0;
        background-attachment: scroll;
    }

    .three .hq_1200 {
        padding: 0 20px;
    }

    .three .tworight {
        width: 100%;
        text-align: center;
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .three .tworight h4 {
        font-size: 24px;
        margin-bottom: 15px;
        text-align: center;
    }

    .three .tworight p {
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
    }

    /* 第二个区域的补充样式 */
    .debutton-d {
        flex-direction: column;
        height: auto;
        padding: 20px;
    }

    .dleft1 {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        margin-bottom: 30px;
    }

    .dright1 {
        width: 100%;
    }

    /* 第三个区域的补充样式 */
    .five {
        height: auto;
        padding: 40px 0;
    }

    .fivecon {
        /*padding: 0 20px;*/
    }

    .fiveleft {
        margin-bottom: 30px;
    }

    .fivetext {
        text-align: center;
        margin-bottom: 30px;
    }

    .fiveright {
        display: flex;
        justify-content: center;
    }

    .fiveright ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .fiveright ul li {
        margin: 0;
    }


    .dright ul {
        padding: 0;
        margin: 0;
    }

    .dright ul li {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
        margin: 0;
        width: 100%;
    }

    .dright ul li:last-child {
        border-bottom: none;
    }

    .dright ul li p {
        width: 50%;
        font-size: 14px;
        color: #333;
        margin: 0;
        font-weight: normal;
        float: none;
    }

    .dright ul li span {
        width: 55%;
        font-size: 14px;
        color: #333;
        text-align: right;
        float: none;
    }

    /* 移除之前的分组边框样式 */
    .dright ul li:nth-child(1),
    .dright ul li:nth-child(2),
    .dright ul li:nth-child(3),
    .dright ul li:nth-child(4),
    .dright ul li:nth-child(5),
    .dright ul li:nth-child(6),
    .dright ul li:nth-child(7),
    .dright ul li:nth-child(8),
    .dright ul li:nth-child(9),
    .dright ul li:nth-child(10),
    .dright ul li:nth-child(11) {
        border-left: none;
    }
}
@media screen and (max-width: 680px) {
	.header{height: 80px;}
	.headercon{padding-top: 14px; padding-left: 10px; padding-right: 10px;}
	.yuyan{font-size: 18px;margin-top: 6px;}
	.yuyan i{vertical-align: -7px;}
	.headernav{padding: 0 10px;height: 40px;line-height: 40px;}
	.headernavright{width: 32px;margin-top: 4px;}
	.headernavright a img{height: 32px;}
	.headernavleft a{margin-right: 10px;font-size: 14px;}
	.headernavleft a i{vertical-align: -2px;}
	.smailnav{padding: 0 10px;height: 40px;line-height: 40px;}
	.sclose{margin-right: 10px;margin-top: 6px;}
	.smailbox{padding: 0 10px 20px 10px;}
	.smailist ul li{margin-top: 20px;width: 49%;margin-right: 2%;}
	.smailist ul li:nth-child(2n){margin-right: 0;}
	.smailist ul li a img{margin-bottom: 10px;}
	.smailist ul li a p{font-size: 14px;}
	.smaillast{
	    width: 100%;
        padding: 40px 0 20px 0;
        box-sizing: border-box;
	}
	    .dnewlist ul{
        display: block;
    }
	.smailbut{padding: 20px 10px;}
	.smailup ul{padding: 0;}
	.smailastbutleft{float: none;width: 100%;display: grid;}
	.smaillast h4{margin-bottom: 20px;}
	/*.smailastbut a{margin: 0 auto;*/
 /*       display: block;*/
 /*       width: 260px;*/
 /*       height: 60px;*/
 /*       text-align: center;*/
 /*       line-height: 60px;*/
 /*       font-size: 20px;*/
 /*       color: #fff;*/
 /*       background: #413c3c;*/
 /*       transition: .3s;*/
 /*       text-transform: uppercase;*/
 /*       z-index: 2;}*/
	.footertext{flex-wrap: wrap;}
	.footertext p{width: 100%;text-align: center;}
	.footerup{display: block;}

	/* 移动端视觉差效果 */
	.two, .three {
		
		background-attachment: scroll;
		background-position: center;
		background-size: cover;
		position: relative;
		overflow: hidden;
	}

	.two .hq_1200, .three .hq_1200 {
		position: relative;
		z-index: 2;
		padding: 20px;
	}

	.two .tworight, .three .tworight {
		
        border-radius: 10px;
        margin-top: 62vh;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
	}

	.two .tworight h4, .three .tworight h4 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.two .tworight p, .three .tworight p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.two .more a, .three .more a {
		width: 100%;
		max-width: 200px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.forelast button{width: 100%;}
	.oneleft{float: none;text-align: center;}
	.oneright{float: none;display: block;margin: 0 auto;}
	.oneright a{margin: 20px auto 0;}
	.footerup h1::before{display: none;}
	.fiveright ul li{float: left;margin-right: 6px;margin-bottom: 4px;}
	.detailnav ul{width: 100%;        margin-right: -52%;}
	.detailnav ul li{width: 48%;margin-right: 4%;}
	.decimg{height: auto;}
	.de{display: block;width: 100%;}
	.delist{display: block;position: relative;float: left;}
	.delist:nth-child(1){top: auto;left: auto;}
	.delist:nth-child(2){top: auto;right:auto;}
	.delist:nth-child(3){top: auto;right:auto;}
	.delist:nth-child(4){bottom: auto;right:auto;}
	.delist:nth-child(5){bottom: auto;left:auto;}
	.delist:nth-child(6){top: auto;left:auto;}
	.delist:nth-child(7){top: auto;left:auto;}
	.delist i{display: none;}
	.delist p{display: block;position: static;transform: translateX(0);border-radius: 4px;padding:  12px;margin-right: 12px;}
	.add{overflow-x: scroll;}
	.de{width: max-content;width: -moz-max-content;width: -o-max-content;position: relative;}
	.dnewlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.dnimg{height: auto;}
	.delist p::before{display: none;}
	
	.delist1{display: block;position: relative;float: left;}
	.delist1:nth-child(1){top: auto;left: auto;}
	.delist1:nth-child(2){top: auto;right:auto;}
	.delist1:nth-child(3){top: auto;right:auto;}
	.delist1:nth-child(4){bottom: auto;right:auto;}
	.delist1:nth-child(5){bottom: auto;left:auto;}
	.delist1:nth-child(6){top: auto;left:auto;}
	.delist1:nth-child(7){top: auto;left:auto;}
	.delist1 i{display: none;}
	.delist1 p{display: block;position: static;transform: translateX(0);border-radius: 4px;padding:  12px;margin-right: 12px;}
	.add{overflow-x: scroll;}
	.de{width: max-content;width: -moz-max-content;width: -o-max-content;position: relative;}
	.detail,.fore{padding: 0px 0;}
	.dnewlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.dnimg{height: auto;}
	.delist p::before{display: none;}
}

@media screen and (max-width: 768px) {
    .two {
        background-image: url(/6.png)!important;;
        
        background-position: center;
        background-repeat: no-repeat;
        
        
    }
    .three {
        background-image: url(/7.png) !important;
        
        background-position: center;
        background-repeat: no-repeat;
       
    }
}
@media screen and (min-width: 1920px) {
.oneleft h4{ font-size:2.5vw}
.hq_1200{ max-width:90%;width: 1400px;}
.oneright a{ width:auto; height:auto; padding-left:2.5vw; padding-right:2.5vw; font-size:1.5vw ; line-height:4vw}
.smailbox{ max-height:70vh}
.smailist ul li a p{ font-size:1.5vw}
.tworight h4,.forecon .title{ font-size:2.5vw}
.tworight p,.foretext p{ font-size:1.3vw; line-height:1.9vw}
.more a{ width:18vw;font-size:1.5vw; height:6vh; line-height:6vh}
.forelast input{ height:6vh; font-size:1vw}
.forelast button{ height:6vh; font-size:1vw}
.headernav{ line-height:6vh}
.headernavleft a{ font-size:1vw; line-height:7vh}
.headernav,.smailnav{ height:7vh}
.smailbut { max-height:70vh}
.smailnav{ line-height:6vh}
.logo img{ height:4vh}
.yuyan{ font-size:1.5vw; line-height:3vh}
.yuyan i{ width:1.6vw; height:1.6vw; }
.headernavright{ width:auto; margin-top:1.3vh;}
.headernavright a img{ height:5vh; width:auto}
.smailist ul li a img{ width:60%}
.sclose{ margin-top:2.2vh; width:1.1vw; height:1.1vw; background-size:100%}
.footerup p{ font-size:30px}
.smaillast h4{ font-size:1.5vw}
.footerup h1 img{ width:20vw}
.smailup ul li a img{ width:100%}
.footerlasted a{ width:2vw}
.smailup ul li{ width:10vw; height:7vw}
.smailastbutleft img{ width:15vw; max-width:20vw !important}
.smailastbut{ position:relative}
.smailastbut a{ position:absolute; bottom:0; right:0; width:15vw; line-height:3.2vw; height:auto; font-size:1.2vw}
.onecon .swiper-pagination-bullet{ width:0.8vw; height:0.8vw}
.onecon .swiper-pagination-bullet-active{ width:2vw}
.header{ height:14vh}
.headercon{ margin-top:5.4vh}
.headercon{ padding-top:1vh}
.dntext h5{ font-size:1vw}
.dntext p{ font-size:20px;}
.detailnav ul li{ font-size:1.1vw; height:auto; line-height:6vh; width:12vw;border-radius:12vw}
.deright img{ max-width:100%;        }
.dtext p{ font-size:1.5vw}
/*.debut ul li{ width:3vw; height:3vw}*/
.debut ul li strong{ bottom:-2.2vw}
.debut ul li strong{ font-size:1vw; width:auto; line-height:4vh; padding-left:1vw; height:auto; padding-right:1vw}
.five{ background-size:100% auto}
.threeup img{ width:55vw}
.threelast ul li h4{ font-size:1.85vw}
.threelast ul li p{ font-size:1.2vw}
.fivetext img{ max-width:16vw}
.fivetext p{ font-size:1.55vw; line-height:2vw; margin-top:5vh}
.fiveleft img{ width:100%}
/*.fiveright ul li{ width:3vw; height:3vw}*/
.fiveadd p{ font-size:1vw}
.decimg{
width: 75%;
        position: relative;
        height: 866px;
        margin: 0 auto;
}
    
}


/* 修改过渡效果 */
.headercon,
.headernav {
    transition: all 0.5s ease-in-out;
}

/* 修改滚动时的头部导航样式 */
.header {
    transition: background 0.5s ease-in-out;
}

.header.scrolled {
    height: auto;
    background: none;
}

.header.scrolled .headercon {
    display: none;
}

/* 默认状态下的导航样式 */
.headernav {
    position: relative;
    transform: none;
}

/* 滚动时的导航样式 */
.header.scrolled .headernav {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    animation: slideDown 0.5s ease-in-out forwards;
    max-width: 1200px;
}

/* 添加向下滑动的进入动画 */
@keyframes slideDown {
    0% {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

@font-face {
    font-family: 'Eurostile';
    src: url('/EUROSTILELTSTD-EX2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cnmedium';
    src: url('/CN-MEDIUM.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 优化更大屏幕的响应式布局 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .debutton {
        padding: 40px 20px;
    }

    .dleft {
        width: 45%;
    }

    .dright {
        width: 50%;
    }
}

/* Language Dropdown Styles */
.language-dropdown {
    position: relative;
    float: right;
}

.language-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #2b2b2b;
    min-width: 100px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    padding-top: 10px;
    margin-top: 10px;
}

.language-dropdown:hover .language-options {
    display: block;
}

.language-options a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    color: #e1e1e1;
    text-decoration: none;
    font-size: 20px;
    transition: all 0.3s ease;
    text-align: center;
    white-space: nowrap;
    gap: 8px;
}

.flag-icon {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
}

.language-options a:hover {
    background-color: #413c3c;
    color: #fff;
}

/* 添加下拉箭头 */
.language-dropdown::after {
    /*content: '';*/
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e1e1e1;
    transition: transform 0.3s ease;
}

.language-dropdown:hover::after {
    transform: translateY(-50%) rotate(180deg);
}

/* 添加一个透明的连接区域 */
.language-dropdown::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
    background: transparent;
    z-index: 1001;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .language-dropdown {
        position: relative;
        float: right;
        margin-top: 6px;
    }

    .yuyan {
        font-size: 18px;
        line-height: 28px;
    }

    .yuyan i {
        width: 20px;
        height: 20px;
        vertical-align: -7px;
    }

    .language-options {
        position: absolute;
        top: 100%;
        right: 0;
        background: #2b2b2b;
        min-width: 80px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        z-index: 1000;
        padding-top: 5px;
        border-radius: 4px;
    }

    .language-options a {
        padding: 8px 12px;
        font-size: 16px;
        color: #e1e1e1;
        text-decoration: none;
        transition: all 0.3s ease;
        text-align: center;
        white-space: nowrap;
        gap: 6px;
    }

    .flag-icon {
        width: 18px;
        height: 13px;
    }

    .language-options a:hover {
        background-color: #413c3c;
        color: #fff;
    }

    /* 移动端下拉箭头调整 */
    .language-dropdown::after {
        right: -10px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #e1e1e1;
    }

    /* 移动端连接区域调整 */
    .language-dropdown::before {
        height: 5px;
    }
}

@media screen and (max-width: 680px) {
    .language-dropdown {
        margin-top: 4px;
    }

    .yuyan {
        
        line-height: 24px;
    }

    .yuyan i {
        
        vertical-align: -4px;
    }

    .language-options {
        min-width: 70px;
    }

    .language-options a {
        padding: 6px 10px;
        font-size: 14px;
        gap: 5px;
    }

    .flag-icon {
        width: 16px;
        height: 12px;
    }
}