/*导航*/
.dl_nav_top_box {
    width: 100%;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dl_nav_top {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.dl_nav_top a {
    color: #555555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_top a:hover {
    color: #B88B5E;
}

.dl_nav_top span {
    width: 1px;
    height: 0.8rem;
    font-size: 0;
    background: #bcbcbc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 1rem;
}

.dl_nav_box {
    width: 100%;
    height: 4.8rem;
    background: #e6e6e6;
    position: sticky;
    top: 0;
    z-index: 1000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_box_on {
    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 5px 0 rgba(20, 32, 43, 0.2);
}

.dl_nav_box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0vh;
    font-size: 0;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.dl_nav_box_hover:before {
    height: 100vh;
    opacity: 1;
}


.dl_nav {
    width: 1400px;
    width: var(--mainwidth);
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}

.dl_nav_logo {
    width: auto;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_nav_logo > a {
    width: auto;
    height: 100%;
    margin: 0 auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.dl_nav_logo img {
    width: auto;
    height: 65%;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_main {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: static;
}

.dl_nav_meun {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: static;
}

.dl_nav_meun_tiem {
    width: auto;
    height: 3rem;
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dl_nav_meun_tiemdt{
	width: auto;
	height: 3rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    padding: 0rem 2.5rem;
	position: relative;
    border-radius: 7px 7px 0 0;
}
.dl_nav_meun_tiemdt_ico{
	width: 1.2rem;
	height: 1.2rem;
	font-size: 0;
	display: none;
}
.dl_nav_meun_tiemdt_ico img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dl_nav_meun_tiemdt > a {
    width: auto;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #36587a;
    z-index: 10;
    font-weight: 400;
}

.dl_nav_box_on .dl_nav_meun_tiemdt > a {
    color: #36597b;
}

.dl_nav_meun_tiem:hover .dl_nav_meun_tiemdt {
    color: #36597b;
    background: #FFFFFF;
}

.dl_nav_meun_tiemon .dl_nav_meun_tiemdt {
    color: #36597b;
    background: #FFFFFF;
}

.dl_nav_box_on .dl_nav_meun_tiemdt > a {
    color: #36597b;
}

.dl_nav_meun_tiem .dl_nav_meun_tiemdt:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    font-size: 0;
    background: var(--OneColor);
    left: 0;
    bottom: -1px;
    transform: scaleX(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_tiem:hover .dl_nav_meun_tiemdt:after {
    transform: scaleX(1);
}

.dl_nav_meun_tiemon .dl_nav_meun_tiemdt:after {
    transform: scaleX(1);
}



/*down sup*/
.dl_nav_meun_down {
    width: 1420px;
    width: calc(var(--mainwidth) + 20px);
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 3.9rem;
    padding: 0 10px;
    left: -10px;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;

}

.dl_nav_meun_tiem:hover .dl_nav_meun_down {
    height: auto;
    opacity: 1;
}

.dl_nav_meun_tiem:hover .dl_nav_meun_down.dl_nav_meun_down_disappear {
    height: 0 !important;
    opacity: 0 !important;
}

.dl_nav_meun_down_title {
    width: 100%;
    height: 3.8rem;
    background: rgba(20, 33, 46, 0.8);
    border-radius: 7px 7px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2.5rem;
    color: #FFFFFF;
}

.dl_nav_meun_down_title a {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
}

.dl_nav_meun_down_title_ico {
    width: 2.4rem;
    height: 2.4rem;
    background: #c5252c;
    font-size: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    margin-left: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_title a:hover .dl_nav_meun_down_title_ico {
    background: #ea323a;
}

.dl_nav_meun_down_title_ico svg {
    width: 60%;
    height: 60%;
    fill: #ffffff;
}

.dl_nav_meun_down_app {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 0 0 7px 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 3rem 1rem;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
	margin-bottom: 20px;
}

.dl_nav_meun_down_app a {
    text-align: center;
}

.dl_nav_meun_down_app_ico {
    font-size: 0;
    width: auto;
    height: 3.3rem;
}

.dl_nav_meun_down_app_ico img {
    width: auto;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_app a:hover .dl_nav_meun_down_app_ico img {
    transform: scale(1.15);
}

.dl_nav_meun_down_app_title {
    color: #b88b5e;
	width: 9rem;
	text-align: center;
	height: 4rem;
    line-height: 120%;
    margin-top: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 400;
}

.dl_nav_meun_down_app a:hover .dl_nav_meun_down_app_title {
    color: #785b3d;
}

.dl_nav_meun_down_sup a:hover .dl_nav_meun_down_app_title {
    color: #785b3d;
}

.dl_nav_meun_down_app_des {
    color: #878787;
	font-size: 1rem;
	height: auto;
	width: 10rem;
	text-align: left;
    line-height: 160%;
    margin-top: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 400;
}


.dl_nav_meun_down_app_link {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.43rem;
    padding-bottom: 10px;
}

.dl_nav_meun_down_app_link_item {
    width: 100%;
    height: auto;
    margin-left: 0.43rem;
    border-radius: 7px;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
}

.dl_nav_meun_down_app_link_item:first-of-type {
    margin-left: 0;
}

.dl_nav_meun_down_app_link_item a {
    width: 100%;
    height: 3.8rem;
    background: rgba(20, 33, 46, 0.8);
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2.5rem;
    color: #FFFFFF;
    font-weight: 400;

}

.dl_nav_meun_down_app_link_ico {
    width: 2.4rem;
    height: 2.4rem;
    background: #c5252c;
    font-size: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    margin-left: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_app_link a:hover .dl_nav_meun_down_app_link_ico {
    background: #ea323a;
}

.dl_nav_meun_down_app_link_ico svg {
    width: 60%;
    height: 60%;
    fill: #ffffff;
}

.dl_nav_meun_down_app_link_item_con,
.dl_nav_meun_down_app_link_item_con a {
    width: 100%;
    height: 6rem;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.25rem;
    color: #b88b5e;
    line-height: 130%;
}

.dl_nav_meun_down_app_link_item_con a:hover {
    color: #785b3d;
}


/*down sup*/

.dl_nav_meun_down_sup {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding: 3rem 1rem;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
}

.dl_nav_meun_down_sup a {
    text-align: center;
    margin: 0 2.5rem;
}

.dl_nav_meun_down_sup_ico {
    font-size: 0;
    width: auto;
    height: 3rem;
}

.dl_nav_meun_down_sup_ico img {
    width: auto;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_sup a:hover .dl_nav_meun_down_sup_ico img {
    transform: scale(1.15);
}

.dl_nav_meun_down_sup_title {
    color: #b88b5e;
    line-height: 120%;
    margin-top: 1rem;
}

/*down pro*/

.dl_nav_meun_down_pro {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 0 0 7px 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 2.5rem;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
}

.dl_nav_meun_down_pro_item {
    width: calc(1400px * 0.13 * 4 + 3rem);
    width: calc(var(--mainwidth) * 0.13 * 4 + 3rem);
    height: auto;
}

.dl_nav_meun_down_pro_item_title {
    color: #203347;
}

.dl_nav_meun_down_pro_item_conb {
    width: 100%;
    height: auto;
}

.dl_nav_meun_down_pro_item_con {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem;
}

.dl_nav_meun_down_pro_item_con a {
    display: block;
    width: calc(1400px * 0.13);
    width: calc(var(--mainwidth) * 0.13);
}

.dl_nav_meun_down_pro_item_con_img {
    width: 100%;
    height: 6rem;
    font-size: 0;
    position: relative;
    text-align: center;
    padding-bottom: 0.5rem;
}

.dl_nav_meun_down_pro_item_con_img img {
    width: auto;
    height: 100%;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_nav_meun_down_pro_item_con a:hover .dl_nav_meun_down_pro_item_con_img img {
    transform: perspective(100px) translateZ(3px);
}

.dl_nav_meun_down_pro_item_con_img div {
    width: 100%;
    height: 55%;
    background: #e8f2fc;
    border-radius: 7px;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
}

.dl_nav_meun_down_pro_item_con_title {
    width: 100%;
    height: auto;
    color: #b88b5e;
    text-align: center;
    margin-top: 0.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_pro_item_con a:hover .dl_nav_meun_down_pro_item_con_title {
    color: #785b3d;
}

.dl_nav_meun_down_pro_item_con2 {
    white-space: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 2rem;
    padding-bottom: 0.6rem;
}

.dl_nav_meun_down_pro_item_con2 a {

    width: calc(1400px * 0.13);
    width: calc(var(--mainwidth) * 0.13);
    height: auto;
    text-align: center;
}

.dl_nav_meun_down_pro_item_con2_img {
    width: auto;
    height: 1.6rem;
    background: #203347;
    font-size: 0;
    padding: 0 0.5rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.5rem;
    margin: 0 auto;
}

.dl_nav_meun_down_pro_item_con2_img img {
    width: auto;
    height: 60%;
}

.dl_nav_meun_down_pro_item_con2_img2 {
    width: auto;
    height: 1.6rem;
}

.dl_nav_meun_down_pro_item_con2_title {
    width: auto;
    height: auto;
    color: #b88b5e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_pro_item_con2 a:hover .dl_nav_meun_down_pro_item_con2_title {
    color: #785b3d;
}


.dl_nav_meun_down_pro_item2 {
    width: calc(1400px * 0.13);
    width: calc(var(--mainwidth) * 0.13);
    height: auto;
}

.dl_nav_meun_down_pro_item2_con {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem;
}

.dl_nav_meun_down_pro_item2_con a {
    display: block;
    width: 100%;
    height: auto;
}

.dl_nav_meun_down_pro_item2_con .dl_nav_meun_down_pro_item_con_img div {
    width: 100%;
    height: 55%;
    background: #e3f3ea;
    border-radius: 7px;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
}

.dl_nav_meun_down_pro_item2_con .dl_nav_meun_down_pro_item_con_img {
    padding-bottom: 0.5rem;
    padding-top: 1rem;
}

.dl_nav_meun_down_pro_item2_con a:hover .dl_nav_meun_down_pro_item_con_img img {
    transform: perspective(100px) translateZ(3px);
}

.dl_nav_meun_down_pro_item2_con a:hover .dl_nav_meun_down_pro_item_con_title {
    color: #785b3d;
}

.dl_nav_meun_down_pro_item3 {
    width: auto;
    height: auto;
}

.dl_nav_meun_down_pro_item3_con {
    width: auto;
    height: auto;
    padding-top: 0.5rem;
}

.dl_nav_meun_down_pro_item3_con a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 1.5rem;
}

.dl_nav_meun_down_pro_item3_con_img {
    width: auto;
    height: 1.6rem;
    background: #203347;
    font-size: 0;
    padding: 0 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.5rem;
}

.dl_nav_meun_down_pro_item3_con_img img {
    width: auto;
    height: 60%;
}

.dl_nav_meun_down_pro_item3_con_title {
    width: auto;
    height: auto;
    color: #b88b5e;
    padding-left: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_pro_item3_con a:hover .dl_nav_meun_down_pro_item3_con_title {
    color: #785b3d;
}


.dl_nav_meun_down_pro2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.43rem;
	margin-bottom: 20px;
}

.dl_nav_meun_down_pro2i {
    width: 100%;
    height: auto;
    margin-left: 0.43rem;
}

.dl_nav_meun_down_pro2i:nth-of-type(1) {
    margin-left: 0
}

.dl_nav_meun_down_pro2ic {
    width: 100%;
    height: 6rem;
    background: #FFFFFF;
    border-radius: 0 0 7px 7px;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    padding: 1.3rem 2.5rem 0 2.5rem;
    overflow: hidden;
}

.dl_nav_meun_down_pro2_on .dl_nav_meun_down_pro2ic {
    height: calc(100% - 2.8rem);
}

.dl_nav_meun_down_pro2icl {
    width: 100%;
    height: auto;
}

.dl_nav_meun_down_pro2ic a {
    width: auto;
    height: 1.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #b88b5e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_meun_down_pro2ic a:hover {
    color: #785b3d;
}

.dl_nav_meun_down_pro2ic a:nth-of-type(2) {
    margin-bottom: 1.3rem;
}

.dl_nav_meun_down_pro2_on .dl_nav_meun_down_pro2ic a:nth-of-type(2) {
    margin-bottom: 0rem;
}

.dl_nav_meun_down_pro2_on .dl_nav_meun_down_pro2ic a:last-of-type {
    margin-bottom: 1.3rem;
}


.dl_nav_meun_down_pro3 {
    width: 100%;
    height: auto;
    text-align: right;
    margin-top: 0.43rem;
    padding-bottom: 10px;
}

.dl_nav_meun_down_pro3 a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.9rem;
    cursor: pointer;
    background: #b88b5e;
    border-radius: 2rem;
    color: #FFFFFF;
    padding: 0 1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -moz-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
    box-shadow: 0px 0px 10px 0 rgba(20, 32, 43, 0.6);
}

.dl_nav_meun_down_pro3 a:hover {
    background: #785b3d;
}


.dl_nav_lang {
    width: auto;
    height: 100%;
    margin-left: 1rem;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.dl_nav_car {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 3rem;
}

.dl_nav_car svg {
    width: 100%;
    height: 100%;
    fill: #36587a;
}

.dl_nav_car a:hover {
    color: var(--OneColor);
}


.dl_nav_search {
    width: 1.3rem;
    height: 100%;
    position: relative;
    margin-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 0;
}

.dl_nav_search_on {
    z-index: 10;
}

.dl_nav_search_btn {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 0;
    cursor: pointer;
}

.dl_nav_search_btn svg {
    width: auto;
    height: 100%;
    fill: #36587a;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_nav_search_main {
    width: auto;
    height: 3rem;
    overflow: hidden;
    border-radius: 7px;
    position: absolute;
    right: -1rem;
    top: 0.9rem;
    background: #FFFFFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    z-index: -1;
}

.dl_nav_search_on .dl_nav_search_main {
    opacity: 1;
    z-index: 10;
}

.searchforms{
    width: auto;
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.dl_nav_search_main a {
    width: 3rem;
    height: 3rem;
    font-size: 0;
    background: rgba(20, 32, 43, 0.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 7px 0 0 7px;
	cursor: pointer;
}

.dl_nav_search_main a svg {
    width: 50%;
    height: 50%;
    fill: rgba(255, 255, 255, 1);
}

.dl_nav_search_main input {
    width: calc(100% - 2.6rem);
    height: 100%;
    background: none;
    border: none;
    padding: 0 0.7rem;
    font-size: 1.385rem;
    color: rgba(20, 32, 43, 0.7);
}

.dl_nav_search_main input::placeholder {
    color: rgba(20, 32, 43, 0.5)
}


.menubtn {
    display: none;
}


/*footer*/
.dl_footer {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
    padding: 1.5rem 0;
    padding-left: 2rem;
}

.dl_footer_top {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_footer_top_logo {
    width: auto;
    height: 2.5rem;
    font-size: 0;
}

.dl_footer_top_logo img {
    width: auto;
    height: 100%;
}

.dl_footer_top_tel {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1.7rem;
}

.dl_footer_top_tel svg {
    width: auto;
    height: 2rem;
    fill: #B88B5E;
}

.dl_footer_top_tel a {
    color: #555555;
	font-weight: 500;
	font-size: 1.5rem;
}

.dl_footer_top_mail {
    width: auto;
    height: 2.2rem;
    border-radius: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
}

.dl_footer_top_mail svg {
    width: auto;
    height: 2rem;
    fill: #B88B5E;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.dl_footer_top_mail a {
    color: #555555;
    margin-left: 0.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	font-weight: 500;
	font-size: 1.5rem;
}

.dl_footer_top_mail:hover a {
    color: #555555;
}

.dl_footer_top_link {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5px;
}

.dl_footer_top_link a {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 7px;
    background: #878787;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    margin-left: 5px;
}

.dl_footer_top_link a img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_footer_top_link a:hover img {
    opacity: 1;
}

.dl_footer_top_sub {
    width: auto;
    height: 2.2rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 7px;
    overflow: hidden;
    margin-left: 5px;
}

.dl_footer_top_sub_input {
    width: 16rem;
    height: 100%;
    border-radius: 7px 0 0 7px;
    border: 1px solid #878787;
    border-right: none;
}

.dl_footer_top_sub_input input {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 1rem;
    background: none;
}

.dl_footer_top_sub_btn {
    width: auto;
    height: 100%;
    background: #878787;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_footer_top_sub_btn:hover {
    color: rgba(255, 255, 255, 1);
}


.dl_footer_menu {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1.5rem;
}

.dl_footer_menu_item {
    width: auto;
    height: auto;
    color: #878787;
    margin-right: 6rem;
}

.dl_footer_menu_item a {
    display: block;
    transition: all 0.5s;
    font-weight: 300;
}

/* 不可点击的标题 */
.dl_footer_menu_item_ta {
    color: #878787;
    font-weight: 700;
    margin-bottom: 0.7rem;
    text-transform: uppercase;
}
.dl_footer_menu_item_ta a{
    color: #878787;
    font-weight: 700;
    margin-bottom: 0.7rem;
    text-transform: uppercase;
    transition: all 0.5s;
}


/* 不可点击的子项 */
.dl_footer_menu_item_a:not(a) {
    color: #878787;
    margin-bottom: 0.3rem;
    font-weight: 300;
}

/* 可点击的链接 */
.dl_footer_menu_item_a[href] {
    color: #878787;
    margin-bottom: 0.3rem;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.dl_footer_menu_item_a[href]:hover {
    color: #B88B5E;
}

.dl_footer_menu_item_a[href]::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #B88B5E;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
}

.dl_footer_menu_item_a[href]:hover::after {
    visibility: visible;
    transform: scaleX(1);
}

/* 可选：为可点击的链接添加一个小图标
.dl_footer_menu_item_a[href]::before {
    content: '➤';
    margin-right: 5px;
    font-size: 0.8em;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dl_footer_menu_item_a[href]:hover::before {
    opacity: 1;
}
*/
.dl_footer_menu_item_fen {
    color: #878787;
    height: 1.5rem;
}


.dl_footer_bottom {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem 3rem 2rem;
}

.dl_footer_bottom_left {
    /*color: #969696;*/
    color: #555555;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_footer_bottom_left_link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1rem;
}

.dl_footer_bottom_left a {
    /*color: #969696;*/
    color: #878787;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 1rem;
    text-decoration: underline;
}

.dl_footer_bottom_left a:hover {
    color: #B88B5E;
}

.dl_footer_bottom_right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.dl_footer_bottom_right a {
    /*color: #969696;*/
    color: #878787;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_footer_bottom_right a:hover {
    color: #B88B5E;
}

.dl_footer_bottom_right span {
    width: 1px;
    height: 1rem;
    font-size: 0;
    background: #bcbcbc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 0.75rem;
}

.dl_footer_link{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 2rem;
}
.dl_footer_link a{
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin-right: 1.5rem;
	font-size: 0;
}
.dl_footer_link a svg{
	width: 100%;
	height: 100%;
	fill: #878787;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.dl_footer_link a:hover svg{
	fill: #b88b5e;
}

.dl_footer_codes{
	width: 8.5rem;
	height: 8.5rem;
	position: relative;
	font-size: 0;
	margin-top: 1rem;
}
.dl_footer_codes img{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


/*首页*/

.dl_banner {
    width: 98%;
    aspect-ratio: 1720/550;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #183450;
    --paddingleft: calc((98vw - 1400px) / 2);
    --paddingleft: calc((98vw - var(--mainwidth)) / 2);
    --videowidth: calc(55.86vw - (98vw - 1400px) / 2);
    --videowidth: calc(68.5vw - (98vw - var(--mainwidth)) / 2); /* Increased from 55.86vw */
}

.dl_bannerback_sw {
    position: absolute;
    z-index: 5;
    width: 68%;
    height: 100%;
    right: 0;
    clip-path: circle(66% at 53.75% 50%);
}

.dl_bannerback_sw .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.dl_bannerback_img {
    width: var(--videowidth);
    height: 100%;
    overflow: hidden;
    position: relative;
	overflow: hidden;
}

.dl_bannerback_img img {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dl_bannerback_img video {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
}

.dl_banner_back {
    width: var(--paddingleft);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.dl_banner_back video {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    transform: rotateY(180deg);
    z-index: 0;
}

.dl_banner_back img {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    transform: rotateY(180deg);
    z-index: 0;
}

.dl_banner_back_blur {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    backdrop-filter: blur(2.5px);
}

.dl_bannerback_sw2 {
    position: absolute;
    z-index: 10;
    width: 40%;
    height: calc(100% - 3rem);
	padding-right: 5rem;
    padding-left: var(--paddingleft);
}

.dl_bannerback_sw2 .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dl_bannerback_sw2_title {
    height: auto;
    transform: translateY(5rem);
    opacity: 0;
    max-width: fit-content;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.dl_bannerback_sw2 .swiper-slide-active .dl_bannerback_sw2_title {
    transform: translateY(0rem);
    opacity: 1;
}

.dl_bannerback_sw2_title span {
    display: inline-block;
    width: auto;
    height: auto;
    background-image: linear-gradient(to right, #f8c0ea, #8ec6d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 100% 100%;
}

.dl_bannerback_sw2_des {
    color: #FFFFFF;
    line-height: 150%;
    margin-top: 1rem;
    transform: translateY(5rem);
    opacity: 0;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.dl_bannerback_sw2 .swiper-slide-active .dl_bannerback_sw2_des {
    transform: translateY(0rem);
    opacity: 1;
}

.dl_bannerback_sw2_btn {
    margin-top: 3rem;
    transform: translateY(5rem);
    opacity: 0;
    -webkit-transition: all 0.5s 0.5s;
    -moz-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}
.dl_bannerback_sw2_btn2 {
    margin-top: 1rem;
}
.dl_download_btn{
    opacity: 1 !important;
    transform: translateY(0rem) !important;
}
.dl_download_btn a{
    /* 去掉下划线 */
    text-decoration: none !important;
}
.dl_bannerdro_text .dl_bannerback_sw2_btn:nth-of-type(3)  {
    margin-top: 1rem;
}

.dl_bannerback_sw2 .swiper-slide-active .dl_bannerback_sw2_btn {
    transform: translateY(0rem);
    opacity: 1;
}

.dl_bannerback_sw2_btn a {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5rem;
    width: auto;
    height: 2.7rem;
    padding: 0 1rem;
    color: #FFFFFF;
    background: #C5252C;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_bannerback_sw2_btn a:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.05),
    0 8px 16px rgba(255, 255, 255, 0.05),
    inset 0 -4px 8px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1919px)and (min-width: 1024px) {

    .dl_bannerback_sw2_title {
        max-width: 85%;
    }

}

@media screen and (max-width: 1300px)and (min-width: 1024px) {

    .dl_bannerback_sw2_title {
        max-width: 85%;
    }

    .dl_bannerback_sw2_btn {
        margin-top: 2rem;
    }
    .dl_bannerdro_text .dl_bannerback_sw2_btn:nth-of-type(3) {
        margin-top: 1rem;
    }

    .dl_bannerback_sw2_btn a {
        height: 2.5rem;
        padding: 0 1rem;
    }

}

.dl_bannerback_sw2_menu {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 2rem;
    padding-left: var(--paddingleft);
}

.dl_bannerback_sw2_menu_btn {
    width: 1.7rem;
    height: 1.7rem;
    background: #0c1a28;
    border-radius: 50%;
    font-size: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.dl_bannerback_sw2_menu_btn svg {
    width: auto;
    height: 54%;
    fill: #bcbcbc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_bannerback_sw2_menu_btn:hover svg {
    fill: #ffffff;
}

.dl_bannerback_sw2_menu_itembox {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.3rem;
	text-wrap-mode: nowrap;

}

.dl_bannerback_sw2_menu_item {
    width: 0.6rem;
    height: 0.6rem;
    background: #0c1a28;
    border-radius: 50%;
    font-size: 0;
    margin: 0 0.3rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_bannerback_sw2_menu_item_on {
    width: auto;
    height: 1.7rem;
    border-radius: 1.7rem;
    font-size: 1.075rem;
    color: #bcbcbc;
    padding: 0 1rem;
}

.dl_bannerback_sw2_menu_item_on:hover {
    color: #FFFFFF;
}

/**/
.dl_bannerdro {
    width: 98%;
    aspect-ratio: 1720/512;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #183450;
    --paddingleft: calc((98vw - 1400px) / 2);
    --paddingleft: calc((98vw - var(--mainwidth)) / 2);
    --videowidth: calc(55.86vw - (98vw - 1400px) / 2);
    --videowidth: calc(55.86vw - (98vw - var(--mainwidth)) / 2);
}


.dl_bannerdro_text {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 50%;
    height: calc(100% - 0rem);
    padding-left: var(--paddingleft);
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.dl_bannerdro_text .dl_bannerback_sw2_title {
    transform: translateY(0rem);
    opacity: 1;
}

.dl_bannerdro_text .dl_bannerback_sw2_des {
    transform: translateY(0rem);
    opacity: 1;
    max-width: 85%;
}

.dl_bannerdro_text .dl_bannerback_sw2_btn {
    transform: translateY(0rem);
    opacity: 1;
}

.dl_bannerdro_void {
    position: absolute;
    z-index: 5;
    width: 57%;
    height: 100%;
    right: 0;
    overflow: hidden;
    top: 0;
    clip-path: circle(70% at 60% 50%);
}

.dl_bannerdro_voidl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.dl_bannerdroback_img {
    width: var(--videowidth);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.dl_bannerdroback_img img {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
}

.dl_bannerdroback_img video {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
}


.dl_bannerdro_back {
    width: var(--paddingleft);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.dl_bannerdro_back video {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    transform: rotateY(180deg);
    z-index: 0;
}

.dl_bannerdro_back img {
    width: var(--videowidth);
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    transform: rotateY(180deg);
    z-index: 0;
}

.dl_bannerdro_back_blur {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    backdrop-filter: blur(2.5px);
}


.dl_id_title_box {
    height: 6.75rem;
    width: 100%;
    background-image: url("https://io.nokov.com/en/utilities/images/dots.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 4.25rem;
    margin-bottom: 1.25rem;

}

.dl_id_title {
    color: #b88b5e;
}

.dl_id_title font {
    color: #b88b5e;
}

.dl_id_app_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_id_app {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_id_app_item {
    width: calc(50% - 0.43rem);
    aspect-ratio: 694/300;
    position: relative;
    margin-top: 0.86rem;
    overflow: hidden;
    border-radius: 10px;
}

.dl_id_app_item_img {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.dl_id_app_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_id_app_item:hover .dl_id_app_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_id_app_item_con {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 2rem);
    height: 4rem;
    position: absolute;
    left: 1rem;
    bottom: 0.86rem;
    background: rgba(20, 32, 43, 0.66);
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid rgba(20, 32, 43, 1);
    padding: 0 1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_id_app_item:hover .dl_id_app_item_con {
    background: rgba(20, 32, 43, 1);
}

.dl_id_app_item_type {
    /* font-family: ding; */
    color: #FFFFFF;
}

.dl_id_app_item_tile {
    color: #CFB193;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: calc(100% - 16rem);
    padding-left: 1.2rem;
}

.dl_id_app_item_tile:hover {
    color: #E7D8C9;
}

.dl_id_app_item_btn {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_id_app_item_btn:hover {
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_id_app_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_id_pro_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_id_pro {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dl_id_pro_item {
    width: calc(25% - 0.645rem);
    height: auto;
    position: relative;
    margin-top: 0.86rem;

}

.dl_id_pro_item a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_id_pro_item:hover a {
    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dl_id_pro_item_back {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 0;
}

.dl_id_pro_item_back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_id_pro_item_con {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 10;
    padding: 1rem;
    padding-bottom: 4rem;
}

.dl_id_pro_item_title {
    color: #FFFFFF;
    font-weight: 500;
    line-height: 100%;
}

.dl_id_pro_item:nth-of-type(2) .dl_id_pro_item_title, .dl_id_pro_item:nth-of-type(4) .dl_id_pro_item_title {
    color: #b88b5e;
}

.dl_id_pro_item_img {
    width: 94%;
    aspect-ratio: 299/208;
    margin: 0 auto;
    font-size: 0;
    margin-top: 1rem;
}

.dl_id_pro_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dl_id_pro_item_ltitle {
    width: 100%;
    height: 3rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 1rem;
    line-height: 130%;
}

.dl_id_pro_item:nth-of-type(2) .dl_id_pro_item_ltitle, .dl_id_pro_item:nth-of-type(4) .dl_id_pro_item_ltitle {
    color: #000000;
}

.dl_id_pro_item_line {
    width: 94%;
    height: 1px;
    font-size: 0;
    background: #b88b5e;
    margin: 2.5rem auto;
}

.dl_id_pro_item_con1 {
    width: 94%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.dl_id_pro_item_con1_item {
    text-align: center;
}

.dl_id_pro_item_con1_item_1 {
    font-size: 0.875rem;
    color: #b88b5e;
    line-height: 171%;
}

.dl_id_pro_item_con1_item_2 {
    font-size: 1.714rem;
    color: #b88b5e;
}

.dl_id_pro_item_btn {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    bottom: 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_id_pro_item:hover .dl_id_pro_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_id_pro_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_id_pro_item_con2 {
    width: 94%;
    height: auto;
    margin: 0 auto;
    color: #b88b5e;
    line-height: 171%;
}


.dl_id_hb_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_id_hb {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

.dl_id_hb_item {
    width: 14.28%;
    height: 6rem;
    font-size: 0;
	text-align: center;
	margin: 2rem 0;
}

.dl_id_hb_item img {
    width: auto;
    height: 100%;
}


/*contact_ser*/
.dl_cot_box {
    position: fixed;
    width: calc(58vw + 3.7rem);
    height: auto;
    bottom: 2rem;
    right: 0;
    z-index: 2000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    transform: translateX(58vw);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_cot_box_on {
    transform: translateX(0px);
}

.dl_cot_btn {
    position: relative;
    z-index: 5;
    width: 3.7rem;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #c5252c;
    overflow: hidden;
    padding: 2rem 0 1.5rem 0;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -moz-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.4);
}

.dl_cot_btn:hover {
    background: #ea323a;
}

.dl_cot_btn_ico {
    width: 1.7rem;
    height: auto;
    font-size: 0;
}

.dl_cot_btn_ico svg {
    width: 100%;
    height: auto;
    fill: #ffffff;
}

.dl_cot_btn_text {
    width: 7rem; /* 调整宽度和高度以适应新的布局 */
    height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0.2rem;
    writing-mode: vertical-rl; /* 改变文本方向为垂直 */
    /* 如果需要让文字从左向右排列，可以使用 'vertical-lr' */
}

.dl_cot {
    position: relative;
    z-index: 0;
    width: calc(100% - 3.7rem);
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dl_cot_left {
    width: 53%;
    height: auto;
    background: #36587a;
    padding: 2rem;
    border-radius: 0px 0 0 10px;
    -moz-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.4);
}

.dl_cot_left_des {
    color: #FFFFFF;
    line-height: 150%;
}

.dl_cot_left_con {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
.ser_hzform{
	width: 100%;
    height: auto; 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_cot_left_con_item {
    width: calc(50% - 0.43rem);
    height: 2.6rem;
    background: #ffffff;
    border-radius: 7px;
    margin-top: 0.86rem;
}

.dl_cot_left_con_item input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0 1rem;
    color: #36587a;
}

.dl_cot_left_con_item input::placeholder {
    color: #6d7e93;
}

.dl_cot_left_con_item2 {
    width: calc(50% - 0.43rem);
    height: 2.6rem;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    margin-top: 0.86rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 5;
}

.dl_cot_left_con_item2_on {
    border-radius: 7px 7px 0 0;
}

.dl_cot_left_con_item2 input {
    width: calc(100% - 2rem);
    height: 100%;
    background: none;
    border: none;
    color: #36587a;
}

.dl_cot_left_con_item2 input::placeholder {
    color: #6d7e93;
}

.dl_cot_left_con_item2_ico {
    width: 2rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 0;
    cursor: pointer;
}

.dl_cot_left_con_item2_ico svg {
    width: 1.2rem;
    height: auto;
    fill: #4a6988;
}

.dl_cot_left_con_item2_con {
    width: 100%;
    height: 0;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 5;
}

.dl_cot_left_con_item2_on .dl_cot_left_con_item2_con {
    height: 15rem;
    padding: 0.5rem 0;
    overflow: auto;
}

.dl_cot_left_con_item2_con span {
    display: block;
    color: #4a6988;
    padding: 0.4rem 1rem;;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_cot_left_con_item2_con span:hover {
    background: var(--OneColor);
    color: #FFFFFF;
}

.dl_cot_left_con_item3 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
    user-select: none;
}

.dl_cot_left_con_item3_check {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 3px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_cot_left_con_item3_check svg {
    width: 75%;
    height: 75%;
    margin: 0 auto;
    fill: #36587a;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_cot_on .dl_cot_left_con_item3_check svg {
    opacity: 1;
}

.dl_cot_left_con_item3_text {
    color: #FFFFFF;
    padding-left: 0.6rem;
}

.dl_cot_left_con_item3_ico {
    width: auto;
    height: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    margin-left: 2rem;
}

.dl_cot_left_con_item3_ico svg {
    width: auto;
    height: 100%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_cot_left_con_item4 {
    width: 100%;
    height: auto;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 0;
}

.dl_cot_left_con_item4 textarea {
    width: 100%;
    height: 8rem;
    background: none;
    border: none;
    color: #36587a;
    resize: none;
    padding-top: 0.3rem;
    z-index: 0;
}

.dl_cot_left_con_item4 input::placeholder {
    color: #6d7e93;
}

.dl_cot_left_con_item4_btn {
    width: 100%;
    height: auto;
    text-align: center;
}

.dl_cot_left_con_item4_btn a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 2.7rem;
    background: #C5252C;
    border-radius: 7px;
    color: #FFFFFF;
    padding: 0 3rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_cot_left_con_item4_btn a:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}


.dl_cot_right {
    width: 47%;
    height: auto;
    background-color: #1d2835;
    background-image: url("https://io.nokov.com/en/utilities/images/cot_right_back.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    -moz-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.4);
}

.dl_cot_sw {
    width: 100%;
    height: 100%;
    padding: 0 3rem 3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    opacity: 1;
    position: absolute;
    z-index: 10;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

.dl_cot_on .dl_cot_sw {
    opacity: 0;
    z-index: 0;
}

.dl_cot_sw_ltitle2 {
    color: rgba(255, 255, 255, 1);
    margin-top: 1.5rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.dl_cot_sw_tag {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    margin-top: 0.4rem;
}

.dl_cot_sw_tag img {
    width: auto;
    height: 1.2rem;
    margin-right: 0.5rem;
}


.dl_cot_sw2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 0 3rem 0 2rem;
    position: absolute;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_cot_on .dl_cot_sw2 {
    opacity: 1;
    z-index: 10;
}

.dl_cot_sw2_item {
    width: 100%;
    height: 2.6rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0.43rem 0;
    position: relative;
    z-index: 0;
}

.dl_cot_sw2_item_title {
    color: #FFFFFF;
    width: 14rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.3rem;
}

.dl_cot_sw2_item_title span {
    display: block;
    width: 1rem;
    height: 1rem;
    color: #c5252c;
    text-align: center;
}

.dl_cot_sw2_item_input {
    width: calc(100% - 10rem);
    height: 100%;
    background: #FFFFFF;
    border-radius: 7px;
    overflow: hidden;
}

.dl_cot_sw2_item_input input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0 1rem;
    color: #36587a;
}

.dl_cot_sw2_item_input input::placeholder {
    color: #6d7e93;
}

.dl_cot_sw2_fen {
    width: 100%;
    height: 2.3rem;
}


.dl_cot_sw2_item2 {
    width: 100%;
    height: 2.6rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0.43rem 0;
    position: relative;
}

.dl_cot_sw2_item2_1 {
    z-index: 10;
}

.dl_cot_sw2_item2_2 {
    z-index: 8;
}

.dl_cot_sw2_item2_3 {
    z-index: 6;
}

.dl_cot_sw2_item2_title {
    font-size: 1rem;
    color: #FFFFFF;
    width: 10rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.3rem;
}

.dl_cot_sw2_item2_title span {
    display: block;
    width: 1rem;
    height: 1rem;
    color: #c5252c;
    text-align: center;
}


.dl_cot_sw2_item2_input {
    width: calc(100% - 10rem);
    height: 100%;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 5;
}

.dl_cot_sw2_item2_input_on {
    border-radius: 7px 7px 0 0;
}

.dl_cot_sw2_item2_input input {
    width: calc(100% - 2rem);
    height: 100%;
    background: none;
    border: none;
    color: #36587a;
}

.dl_cot_sw2_item2_input input::placeholder {
    color: #6d7e93;
}

.dl_cot_sw2_item2_input_ico {
    width: 2rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 0;
    cursor: pointer;
}

.dl_cot_sw2_item2_input_ico svg {
    width: 1.2rem;
    height: auto;
    fill: #4a6988;
}

.dl_cot_sw2_item2_input_con {
    width: 100%;
    height: 0;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 5;
}

.dl_cot_sw2_item2_input_on .dl_cot_sw2_item2_input_con {
    height: 10rem;
    padding: 0.5rem 0;
    overflow: auto;
}

.dl_cot_sw2_item2_input_con span {
    display: block;
    color: #4a6988;
    padding: 0.4rem 1rem;;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_cot_sw2_item2_input_con span:hover {
    background: var(--OneColor);
    color: #FFFFFF;
}


/*download*/
.dl_nbanner {
    width: 1400px;
    width: var(--mainwidth);
    aspect-ratio: 1400/284;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.dl_nbanner2 {
    aspect-ratio: 1400/348;
}

.dl_nbanner_img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    font-size: 0;
    border-radius: 10px;
    overflow: hidden;
}

.dl_nbanner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dl_nbanner_con {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2.5rem 4.5rem 2.5rem 2.5rem;
}

.dl_nbanner_con_title {
    width: auto;
    height: auto;
}

.dl_nbanner_con_title span {
    display: inline-block;
    width: auto;
    height: auto;
    /* font-family: ding; */
    background-image: linear-gradient(to right, #f8c0ea, #8ec6d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 100% 100%;
}

.dl_nbanner_con_des {
    color: #FFFFFF;
    line-height: 150%;
    width: 61.8%;
    margin-top: 1rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.dl_down_menu {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2rem;
}

.dl_down_menu_left {
    width: 13rem;
    height: auto;
    padding: 0.75rem 0;
    background: #FFFFFF;
    border-radius: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dl_down_menu_ico {
    width: auto;
    height: 1.8rem;
    font-size: 0;
}

.dl_down_menu_ico svg {
    width: auto;
    height: 100%;
    fill: #b88b5e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_down_menu_left:hover svg {
    fill: #785b3d;
}

.dl_down_menu_title {
    width: auto;
    color: #b88b5e;
    padding-left: 0.6rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_down_menu_left:hover .dl_down_menu_title {
    color: #785b3d;
}

.dl_down_menu_con {
    width: calc(100% - 14rem);
    background: #FFFFFF;
    border-radius: 1.7rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.75rem 1.5rem;
}

.dl_down_menu2 .dl_down_menu_con {
    width: 100%;
}

.dl_down_menu_con a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.6rem;
    color: #b88b5e;
    padding: 0 1.3rem;
    border-radius: 1.6rem;
    margin: 0.2rem 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 0.5rem;
}

.dl_down_menu_con a:hover {
    background: #b88b5e;
    color: #FFFFFF;
}

.dl_down_menu_con a.dl_down_menu_con_aon {
    background: #b88b5e;
    color: #FFFFFF;
}

.dl_down {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}

.dl_down_item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 0.86rem;
    padding: 0 2.5rem;
}

.dl_down_item_top {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1.5rem;
}

.dl_down_item_top_title {
    color: #243c52;
    height: 3rem;
}

.dl_down_item_top_right {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.dl_down_item_top_right_tag {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.6rem;
    background: #878787;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 1.3rem;
    border-radius: 1.6rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_down_item_top_right_tag:hover {
    color: rgba(255, 255, 255, 1.00);
}

.dl_down_item_top_right_data {
    width: auto;
    height: auto;
    color: #555555;
    padding-left: 1rem;
}

.dl_down_item_title {
    width: 100%;
    height: 4rem;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.dl_down_item_title_text {
    color: #555555;
}

.dl_down_item_title_btn {
    width: 10rem;
    height: 2.5rem;
    background: #C5252C;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_down_item_title_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_down_item_title .dl_down_item_title_btn {
    width: 10rem;
    height: 2.5rem;
    background: #C5252C;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_down_item_title .dl_down_item_title_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_down_item_title_btn_text {
    color: #FFFFFF;
    padding-left: 0.4rem;
}

.dl_down_item_title_btn_ico {
    width: auto;
    height: 1.5rem;
    font-size: 0;
    margin-left: 0.5rem;
}

.dl_down_item_title_btn_ico svg {
    width: auto;
    height: 100%;
    fill: #ffffff;
}

.dl_downolad_item_title_btn {
    width: 10rem;
    height: 2.5rem;
    background: #C5252C;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_downolad_item_title_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_downolad_item_title_btn_text {
    color: #FFFFFF;
    padding-left: 0.4rem;
}

.dl_downolad_item_title_btn_ico {
    width: auto;
    height: 1.5rem;
    font-size: 0;
    margin-left: 0.5rem;
}

.dl_downolad_item_title_btn_ico svg {
    width: auto;
    height: 100%;
    fill: #ffffff;
}

.dl_down_item_con {
    width: 100%;
    height: 0;
    overflow: hidden;
    color: #555555;
    line-height: 150%;
    padding: 0 0 0 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_down_item_on .dl_down_item_con {
    height: auto;
    padding: 1.3rem 0 1.6rem 0;
}

.dl_down_item_btn {
    width: 100%;
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0;
    border-top: 1px solid #e6e6e6;
    cursor: pointer;
}

.dl_down_item_btn svg {
    width: auto;
    height: 1.2rem;
    fill: #b88b5e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_down_item_on .dl_down_item_btn svg {
    transform: rotate(180deg);
}

/*Papers*/
.dl_papers {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}

.dl_papers_item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 0.86rem;
    padding: 1.5rem 2.5rem;
}

.dl_papers_item_title {
    color: #243c52;
    font-weight: 600;
}

.dl_papers_item_link {
    font-size: 1.375rem;
    color: #005aff;
    text-decoration: underline;
    margin-top: 1rem;
    display: block;
}

.dl_papers_item_tag {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1rem;
    row-gap: .8rem;
}

.dl_papers_item_tag a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.5rem;
    background: #878787;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 1.5rem;
    border-radius: 1rem;
    margin-right: 0.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_papers_item_tag a:hover {
    color: rgba(255, 255, 255, 1);
}

.dl_papers_bottom {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.dl_papers_bottom_item {
    width: calc(25% - 0.645rem);
    height: auto;
    margin-top: 0.86rem;
    margin-right: 0.86rem;
}


.dl_papers_bottom_item:nth-of-type(4n) {
    margin-right: 0;
}

.dl_papers_bottom_item_img {
    width: 100%;
    aspect-ratio: 341/219;
    font-size: 0;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.dl_papers_bottom_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_papers_bottom_item:hover .dl_papers_bottom_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_papers_bottom_item_con {
    width: 100%;
    height: 16rem;
    background: #243c52;
    border-radius: 0 0 10px 10px;
    padding: 1rem 1.5rem;
}

.dl_papers_bottom_item_title {
    /* font-family: ding; */
    color: #FFFFFF;
    height: auto;
    min-height: 6.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.dl_papers_bottom_item_ltitle {
    color: rgba(255, 255, 255, 0.8);
    height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.5rem;
}

.dl_papers_bottom_item_btn {
    width: 100%;
    height: 2.6rem;
    position: absolute;
    left: 0;
	bottom: 0;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8);
}


.dl_papers_bottom_item_btn_ico {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background: #C5252C;
    border-radius: 7px;
    right: 1.5rem;
    bottom: calc(1.5rem + 2px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_papers_bottom_item:hover .dl_papers_bottom_item_btn_ico {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_papers_bottom_item_btn_ico svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

/*faqs*/
.dl_faqs {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}

.dl_faqs_title {
    padding: 0 2.5rem;
    color: #555555;
    margin-top: 1.5rem;
}

.dl_faqs_item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 0.55rem;
    padding: 1rem 0;
}

.dl_faqs_item_item {
    width: 100%;
    height: auto;
}

.dl_faqs_item_item_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.7rem 2.5rem;
    cursor: pointer;
}

.dl_faqs_item_item_title_ico {
    width: 1.2rem;
    height: auto;
    font-size: 0;

}

.dl_faqs_item_item_title_ico img {
    width: 100%;
    height: auto;
}

.dl_faqs_item_item_title_text {
    color: #555555;
    padding-left: 1rem;
}

.dl_faqs_item_item_con {
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #e8f2fc;
    padding: 0rem 2.5rem;
    color: #555555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_faqs_item_item_on .dl_faqs_item_item_con {
    height: auto;
    padding: 1rem 2.5rem;
}

/*cases paper*/
.dl_casep_top {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 3rem;
    background: #243c52;
    border-radius: 10px 10px 0 0;
    padding: 2rem 2.5rem;
}

.dl_casep_top_title {
    /* font-family: ding; */
    color: #FFFFFF;
    padding-bottom: 0.4rem;
}

.dl_casep_top_line {
    width: 100%;
    height: 1.5px;
    font-size: 0;
    margin: 1.5rem 0;
    background: #c5252c;
}

.dl_casep_top_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.5rem;
}

.dl_casep_top_item_title {
    width: 13rem;
    height: auto;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.dl_casep_top_item_con {
    color: rgba(255, 255, 255, 0.8);
}

.dl_casep {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 0 0 10px 10px;
    padding: 2rem 2.5rem;
}

.dl_casep_con {
    /* 容器的基本样式 */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    color: #1F3347;
    line-height: 1.5;
}

.dl_casep_con p {
    /* 段落间距 */
    margin-bottom: 16px;
}

.dl_casep_con img,
.dl_casep_con video {
    /* 图片和视频的间距、大小限制和居中 */
    display: block;
    max-width: 100%;
    height: auto;
    margin: 24px auto;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dl_casep_con iframe {
    /* iframe 的样式 */
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* 保持 16:9 的宽高比，可根据需要调整 */
    margin: 24px auto;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 对于小屏幕，可以设置最大高度 */
@media (max-width: 600px) {
    .dl_casep_con iframe {
        max-height: 300px;
    }
}

.dl_casep_con a {
    /* 超链接默认样式 */
    color: #CFB193;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dl_casep_con a:hover,
.dl_casep_con a:focus {
    /* 超链接悬停和焦点样式 */
    color: #B88B5E;
    text-decoration: underline;
}

.dl_casep_bottom {
    width: 100%;
    height: auto;
    border-top: 1px solid #878787;
}

.dl_casep_bottom_title {
    color: #555555;
    font-weight: 500;
    padding-top: 1rem;
}

.dl_casep_bottom_con {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

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

.dl_casep_menu {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.dl_casep_menu_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 45%;
    height: auto;
}

.dl_casep_menu_right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 45%;
    height: auto;
}

.dl_casep_menu_ico {
    width: 3rem;
    height: 3rem;
    background: #C5252C;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_casep_menu a:hover .dl_casep_menu_ico {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_casep_menu_ico svg {
    width: auto;
    height: 50%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_casep_menu_con {
    width: calc(100% - 3rem);
    height: auto;
    padding-left: 1rem;
}

.dl_casep_menu_right .dl_casep_menu_con {
    padding-left: 0;
    padding-right: 1rem;
}

.dl_casep_menu_type {
    color: #555555;
    font-weight: 500;
    text-align: left;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_casep_menu_right .dl_casep_menu_type {
    text-align: right;
}

.dl_casep_menu a:hover .dl_casep_menu_type {
    color: #424242;
}

.dl_casep_menu_title {
    color: #555555;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_casep_menu a:hover .dl_casep_menu_title {
    color: #424242;
}

.dl_casep_menu_right .dl_casep_menu_title {
    text-align: right;
}

.dl_casep_server {
    width: 3rem;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    right: calc(260px - 4rem);
    right: calc((100vw - var(--mainwidth)) / 2 - 4rem);
    top: 20%;
    z-index: 1000;
}

.dl_casep_server a {
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    border-radius: 50%;
    margin-top: 0.86rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_casep_server a:hover {
    background: #FFFFFF;
}

.dl_casep_server a svg {
    fill: #c5252c;
    margin: 0 auto;
    height: auto;
}

.dl_casep_server a:nth-of-type(1) svg {
    width: 30%;
}

.dl_casep_server a:nth-of-type(2) svg {
    width: 55%;
}

.dl_casep_server a:nth-of-type(3) svg {
    width: 45%;
}

.dl_casep_server a:nth-of-type(4) svg {
    width: 50%;
}

.dl_casep_server a:nth-of-type(5) svg {
    width: 50%;
}


/*contact*/
.dl_lx_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_lx_title {
    font-size: 2.5rem;
    color: #36587a;
}

.dl_lx {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_lx_item {
    width: calc(50% - 0.43rem);
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 0.86rem;
    overflow: hidden;
    position: relative;
    padding: 2.2rem;
}

.dl_lx_item_img {
    width: 7.5rem;
    height: 7.5rem;
    padding: 0.86rem;
    background: #e6e6e6;
    border-radius: 50%;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: -0.86rem;
    right: -0.86rem;
}

.dl_lx_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.dl_lx_item_title {
    width: 100%;
    height: auto;
    padding-right: 5rem;
}

.dl_lx_item_title_text {
    /*color: #969696;*/
    color: #555555;
    font-weight: 500;
}

.dl_lx_item_title_tag span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.8rem;
    background: #09203a;
    border-radius: 1.8rem;
    color: #FFFFFF;
    padding: 0 1.2rem;
    margin-top: 0.5rem;
}

.dl_lx_item_con {
    width: 100%;
    height: auto;
    /*color: #969696;*/
    color: #555555;
    margin-top: 0.5rem;
}

.dl_lx_item_con span {
    display: block;
    margin: 0.5rem 0;
}


.dl_lxmt_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_lxmt {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 4rem;
}

.dl_lxmt_item {
    width: 24%;
    height: auto;
}

.dl_lxmt_item_ico {
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    background: #c5252c;
    border-radius: 50%;
    font-size: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_lxmt_item:hover .dl_lxmt_item_ico {
    background: #ea323a;
}

.dl_lxmt_item_ico svg {
    width: 4rem;
    height: auto;
    margin: 0 auto;
    fill: #e6e6e6;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_lxmt_item:hover .dl_lxmt_item_ico svg {
    fill: #FFFFFF;
}

.dl_lxmt_item_title {
    width: 100%;
    height: auto;
    text-align: center;
    color: #555555;
    margin-top: 1rem;
}


.dl_pagecot_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 3rem;
}

.dl_pagecot_title_1 {
    color: #b88b5e;
}

.dl_pagecot_title_1 font {
    color: #b88b5e;
}

.dl_pagecot_title_2 {
    color: #555555;
}

.dl_pagecot_title_2 a {
    color: #007dfa;
    text-decoration: underline;
}


.dl_pagecot {
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.dl_pagecot_left {
    width: 50%;
    height: auto;
    background: #36587a;
    padding: 2rem 6rem;
    border-radius: 10px 0 0 10px;
}

.dl_pagecot_left_des {
    color: #FFFFFF;
    line-height: 150%;
}

.dl_pagecot_left_con {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.dl_pagecot_left_con_item {
    width: calc(50% - 0.43rem);
    height: 2.6rem;
    background: #ffffff;
    border-radius: 7px;
    margin-top: 0.86rem;
}

.dl_pagecot_left_con_item input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0 1rem;
    color: #36587a;
}

.dl_pagecot_left_con_item input::placeholder {
    color: #6d7e93;
}

.dl_pagecot_left_con_item2 {
    width: calc(50% - 0.43rem);
    height: 2.6rem;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    margin-top: 0.86rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 5;
}

.dl_pagecot_left_con_item2_on {
    border-radius: 7px 7px 0 0;
}

.dl_pagecot_left_con_item2 input {
    width: calc(100% - 2rem);
    height: 100%;
    background: none;
    border: none;
    color: #36587a;
}

.dl_pagecot_left_con_item2 input::placeholder {
    color: #6d7e93;
}

.dl_pagecot_left_con_item2_ico {
    width: 2rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 0;
    cursor: pointer;
}

.dl_pagecot_left_con_item2_ico svg {
    width: 1.2rem;
    height: auto;
    fill: #4a6988;
}

.dl_pagecot_left_con_item2_con {
    width: 100%;
    height: 0;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 5;
}

.dl_pagecot_left_con_item2_on .dl_pagecot_left_con_item2_con {
    height: 15rem;
    padding: 0.5rem 0;
    overflow: auto;
}

.dl_pagecot_left_con_item2_con span {
    display: block;
    color: #4a6988;
    padding: 0.4rem 1rem;;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_pagecot_left_con_item2_con span:hover {
    background: var(--OneColor);
    color: #FFFFFF;
}

.dl_pagecot_left_con_item3 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
    user-select: none;
}

.dl_pagecot_left_con_item3_check {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 3px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_pagecot_left_con_item3_check svg {
    width: 75%;
    height: 75%;
    margin: 0 auto;
    fill: #36587a;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_pagecot_on .dl_pagecot_left_con_item3_check svg {
    opacity: 1;
}

.dl_pagecot_left_con_item3_text {
    color: #FFFFFF;
    padding-left: 0.6rem;
}

.dl_pagecot_left_con_item3_ico {
    width: auto;
    height: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    margin-left: 2rem;
}

.dl_pagecot_left_con_item3_ico svg {
    width: auto;
    height: 100%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_pagecot_left_con_item4 {
    width: 100%;
    height: auto;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 0;
}

.dl_pagecot_left_con_item4 textarea {
    width: 100%;
    height: 8rem;
    background: none;
    border: none;
    color: #36587a;
    resize: none;
    padding-top: 0.3rem;
    z-index: 0;
}

.dl_pagecot_left_con_item4 input::placeholder {
    color: #6d7e93;
}

.dl_pagecot_left_con_item4_btn {
    width: 100%;
    height: auto;
    text-align: center;
}

.dl_pagecot_left_con_item4_btn a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 2.5rem;
    background: #C5252C;
    border-radius: 7px;
    color: #FFFFFF;
    padding: 0 3rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_pagecot_left_con_item4_btn a:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}


.dl_pagecot_right {
    width: 50%;
    height: auto;
    background-color: #1d2835;
    background-image: url("https://io.nokov.com/en/utilities/images/cot_right_back.png");
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    border-radius: 0 10px 10px 0;
}

.dl_pagecot_sw {
    width: 100%;
    height: 100%;
    padding: 0 6rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    opacity: 1;
    position: absolute;
    z-index: 10;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

.dl_pagecot_on .dl_pagecot_sw {
    opacity: 0;
    z-index: 0;
}

.dl_pagecot_sw_ltitle2 {
    color: rgba(255, 255, 255, 1);
    margin-top: 1.5rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
    font-weight: 500;
    padding-bottom: 0.8rem;
}

.dl_pagecot_sw_tag {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    margin-top: 0.4rem;
}

.dl_pagecot_sw_tag img {
    width: auto;
    height: 1.2rem;
    margin-right: 0.5rem;
}


.dl_pagecot_sw2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 0 6rem 0 6rem;
    position: absolute;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_pagecot_on .dl_pagecot_sw2 {
    opacity: 1;
    z-index: 10;
}

.dl_pagecot_sw2_item {
    width: 100%;
    height: 2.6rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0.43rem 0;
    position: relative;
    z-index: 0;
}

.dl_pagecot_sw2_item_title {
    color: #FFFFFF;
    width: 14rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.3rem;
}

.dl_pagecot_sw2_item_title span {
    display: block;
    width: 1rem;
    height: 1rem;
    color: #c5252c;
    text-align: center;
}

.dl_pagecot_sw2_item_input {
    width: calc(100% - 10rem);
    height: 100%;
    background: #FFFFFF;
    border-radius: 7px;
    overflow: hidden;
}

.dl_pagecot_sw2_item_input input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0 1rem;
    color: #36587a;
}

.dl_pagecot_sw2_item_input input::placeholder {
    color: #6d7e93;
}

.dl_pagecot_sw2_fen {
    width: 100%;
    height: 2.3rem;
}


.dl_pagecot_sw2_item2 {
    width: 100%;
    height: 2.6rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0.43rem 0;
    position: relative;
}

.dl_pagecot_sw2_item2_1 {
    z-index: 10;
}

.dl_pagecot_sw2_item2_2 {
    z-index: 8;
}

.dl_pagecot_sw2_item2_3 {
    z-index: 6;
}

.dl_pagecot_sw2_item2_title {
    color: #FFFFFF;
    width: 10rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0.3rem;
}

.dl_pagecot_sw2_item2_title span {
    display: block;
    width: 1rem;
    height: 1rem;
    color: #c5252c;
    text-align: center;
}


.dl_pagecot_sw2_item2_input {
    width: calc(100% - 10rem);
    height: 100%;
    background: #ffffff;
    border-radius: 7px 7px 7px 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 5;
}

.dl_pagecot_sw2_item2_input_on {
    border-radius: 7px 7px 0 0;
}

.dl_pagecot_sw2_item2_input input {
    width: calc(100% - 2rem);
    height: 100%;
    background: none;
    border: none;
    color: #36587a;
}

.dl_pagecot_sw2_item2_input input::placeholder {
    color: #6d7e93;
}

.dl_pagecot_sw2_item2_input_ico {
    width: 2rem;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 0;
    cursor: pointer;
}

.dl_pagecot_sw2_item2_input_ico svg {
    width: 1.2rem;
    height: auto;
    fill: #4a6988;
}

.dl_pagecot_sw2_item2_input_con {
    width: 100%;
    height: 0;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 5;
}

.dl_pagecot_sw2_item2_input_on .dl_pagecot_sw2_item2_input_con {
    height: 10rem;
    padding: 0.5rem 0;
    overflow: auto;
}

.dl_pagecot_sw2_item2_input_con span {
    display: block;
    color: #4a6988;
    padding: 0.4rem 1rem;;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_pagecot_sw2_item2_input_con span:hover {
    background: var(--OneColor);
    color: #FFFFFF;
}


/*support*/

.dl_sup_ins_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_sup_ins {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.dl_sup_ins_item {
    width: calc(50% - 0.43rem);
    height: auto;
    margin-top: 0.86rem;
    border-radius: 10px 10px 10px 10px;
    padding: 1.3rem 1.9rem;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_sup_ins_item:hover {
    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
}

.dl_sup_ins_item:nth-of-type(1) {
    background: linear-gradient(to right, #355779, #333e4d);
}

.dl_sup_ins_item:nth-of-type(2) {
    background: linear-gradient(to right, #353e4d, #775a3e);
}

.dl_sup_ins_item:nth-of-type(3) {
    background: linear-gradient(to right, #355779, #333e4d);
}

.dl_sup_ins_item:nth-of-type(4) {
    background: linear-gradient(to right, #353e4d, #775a3e);

}

.dl_sup_ins_item_ico {
    font-size: 0;
    margin-right: 1rem;
}

.dl_sup_ins_item_ico svg {
    width: auto;
    height: 2.5rem;
    fill: #b88b5e;
}

.dl_sup_ins_item_title {
    /* font-family: ding; */
    color: #FFFFFF;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_sup_ins_item_des {
    color: #FFFFFF;
    margin-top: 1rem;
    padding-bottom: 3rem;
}


.dl_sup_ins_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1.2rem;
    bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_sup_ins_item:hover .dl_sup_ins_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_sup_ins_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_sup_glo_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_sup_glo {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.dl_sup_glo_item {
    width: calc(50% - 0.43rem);
    height: auto;
    margin-top: 0.86rem;
    border-radius: 10px;
    padding: 2rem 3rem;
    position: relative;
    background: #FFFFFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_sup_glo_item:hover {

    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
}

.dl_sup_glo_item_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_sup_glo_item_title_ico {
    font-size: 0;
}

.dl_sup_glo_item_title_ico svg {
    width: auto;
    height: 2.5rem;
    fill: #cfb193;
}

.dl_sup_glo_item_title_text {
    /* font-family: ding; */
    color: #36587a;
    margin-left: 1rem;
}


.dl_sup_glo_item_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1.5rem;
    padding-bottom: 4rem;
    line-height: 140%;
}


.dl_sup_glo_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1.2rem;
    bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_sup_glo_item:hover .dl_sup_glo_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_sup_glo_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_sup_cot_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}


/*what*/
.dl_what_banner {
    width: 98vw;
    aspect-ratio: 1720/415;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.dl_what_banner_img {
    width: 98vw;
    aspect-ratio: 1720/415;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    font-size: 0;
    border-radius: 1rem;
    overflow: hidden;
}

.dl_what_banner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.dl_what_banner_con {
    position: relative;
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 2.5rem;
    margin-top: -8rem;
    background: rgba(20, 33, 46, 0.9);
    border-radius: 10px;
}

.dl_what_banner_con_title {
    width: auto;
    height: auto;
}

.dl_what_banner_con_title span {
    display: inline-block;
    width: auto;
    height: auto;
    /* font-family: ding; */
    background-image: linear-gradient(to right, #f8c0ea, #8ec6d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 100% 100%;
}

.dl_what_banner_con_des {
    color: #FFFFFF;
    line-height: 150%;
    margin-top: 1rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.dl_dis_banner_con_ltitle a,
.dl_nbanner_con_des a,
.dl_what_banner_con_des a,
.dl_dis_banner_con_tag a {
    color: #CFB193;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.dl_dis_banner_con_ltitle a:hover,
.dl_nbanner_con_des a:hover,
.dl_what_banner_con_des a:hover,
.dl_dis_banner_con_tag a:hover {
    color: #E7D8C9;
    text-decoration: none;
}

.dl_what_banner_con_down {
    margin-top: 1.5rem;
}


.dl_what_ben_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
}

.dl_what_des {
    color: #555555;
    line-height: 160%;
    margin-top: 0.5rem;
}

.dl_what_ben {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.dl_what_ben_item {
    width: calc(50% - 0.43rem);
    height: 4rem;
    background: #14202b;
    border-radius: 7px;
    padding: 0 2.5rem;
    position: relative;
    margin-top: 0.86rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.dl_what_ben_item_title {
    width: auto;
    height: auto;
    color: #FFFFFF;
    /* font-family: ding; */
    white-space: nowrap;
}

.dl_what_ben_item_des {
    width: auto;
    height: auto;
    padding-left: 1rem;
    padding-right: 3rem;
    color: #CFB193;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.dl_what_ben_item_des:hover {
    color: #E7D8C9;
}

.dl_what_ben_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 2rem;
    bottom: 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_what_ben_item:hover .dl_what_ben_item_btn {
    background: #ea323a;
    transform: translateX(5px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_what_ben_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_what_pro_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
}

.dl_what_pro {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 3.5rem;
}

.dl_what_pro_item {
    width: calc(25% - 0.645rem);
    height: auto;
    margin-top: 0.86rem;
    margin-right: 0.86rem;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_what_pro_item:hover {
    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
}

.dl_what_pro_item:nth-of-type(4n) {
    margin-right: 0;
}

.dl_what_pro_item:nth-of-type(1) {
    background: linear-gradient(to right, #365779, #1a4260);
}

.dl_what_pro_item:nth-of-type(2) {
    background: linear-gradient(to right, #1a4260, #333e4d);
}

.dl_what_pro_item:nth-of-type(3) {
    background: linear-gradient(to right, #2c3e4e, #504847);
}

.dl_what_pro_item:nth-of-type(4) {
    background: linear-gradient(to right, #444647, #765a3d);

}

.dl_what_pro_item_top {
    width: 100%;
    height: 4.5rem;
    background: linear-gradient(to right, #c29f7e, #785b3d);
    border-radius: 10px 10px 0px 0px;
}

.dl_what_pro_item_img {
    position: absolute;
    width: 100%;
    height: 9rem;
    left: 0;
    top: -2rem;
    font-size: 0;
    text-align: center;
}

.dl_what_pro_item_img img {
    width: auto;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_what_pro_item:hover .dl_what_pro_item_img img {
    transform: perspective(100px) translateZ(3px);
}

.dl_what_pro_item_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    color: #FFFFFF;
    /* font-family: ding; */
    line-height: 100%;
    padding: 0 2rem;
    margin-top: 3.5rem;
}

.dl_what_pro_item_title img {
    height: 1.1rem;
    width: auto;
    margin-bottom: 0.2rem;
    margin-left: 0.5rem;
}

.dl_what_pro_item_des {
    width: 100%;
    height: auto;
    color: #FFFFFF;
    padding: 0 2rem;
    margin-top: 0.5rem;
    padding-bottom: 1.5rem;
}


.dl_what_pla_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
}

.dl_what_pla {
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
}

.dl_what_pla .swiper-slide {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dl_what_pla_item {
    width: calc(25% - 0.645rem);
    height: auto;
    margin-top: 0.86rem;
    margin-right: 0.86rem;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}


.dl_acc_pla .dl_what_pla_item {
    margin-top: 2.46rem;
}

.dl_what_pla_item:nth-of-type(4n) {
    margin-right: 0;
}

.dl_what_pla_item_img {
    width: 100%;
    aspect-ratio: 341/191;
    font-size: 0;
}

.dl_what_pla_item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.dl_what_pla_item_title {
    width: 100%;
    height: 4.5rem;
    padding: 0 1rem;
    color: #36587a;
    position: relative;
}


.dl_what_pla_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_what_pla_item:hover .dl_what_pla_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_what_pla_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_what_pla_tag {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.dl_what_pla_tag span {
    color: #555555;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.7rem;
    border-radius: 1.7rem;
    cursor: pointer;
    margin: 0 0.3rem;
    padding: 0 1.1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

.dl_what_pla_tag span.dl_what_pla_tag_son {
    background: #878787;
    color: #FFFFFF;
}


.dl_what_liy_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
}

.dl_what_liy {
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dl_what_liy_item {
    width: calc(25% - 0.645rem);
    height: auto;
    margin-top: 0.86rem;
    margin-right: 0.86rem;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0.86rem;
}

.dl_what_liy_item:nth-of-type(4n) {
    margin-right: 0;
}

.dl_what_liy_item_title {
    /*color: #969696;*/
    color: #555555;
    font-weight: 500;
}

.dl_what_liy_item_img {
    width: 100%;
    height: auto;
    display: block;
    font-size: 0;
    border-radius: 7px;
    background: #f4f4f4;
    overflow: hidden;
    margin-top: 0.7rem;
}

.dl_what_liy_item_img img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_what_liy_item_img:hover img {
    transform: perspective(100px) translateZ(2px);
}

.dl_what_liy_item_img_title {
    text-align: center;
    color: #555555;
    padding: 0.5rem 0 0.86rem 0;
}

.dl_what_liy_itemc {
    width: 100%;
    height: auto;
    margin-top: 0.86rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dl_what_liy_itemc_1 {
    width: calc(40% - 0.43rem);
    height: auto;
    font-size: 0;
    border-radius: 7px;
    background: #f4f4f4;
    overflow: hidden;
}

.dl_what_liy_itemc_1 img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_what_liy_itemc_1:hover img {
    transform: perspective(100px) translateZ(4px);
}

.dl_what_liy_itemc_2 {
    width: calc(60% - 0.43rem);
    height: auto;
    font-size: 0;
    border-radius: 7px;
    background: #f4f4f4;
    overflow: hidden;
}

.dl_what_liy_itemc_2 img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_what_liy_itemc_2:hover img {
    transform: perspective(100px) translateZ(4px);
}

.dl_what_liy_itemc_title {
    text-align: center;
    color: #555555;
    padding: 0.5rem 0 0.86rem 0;
    line-height: 100%;
}

.dl_what_liy_item_ltitle {
    background: #f4f4f4;
    display: block;
    padding: 0.6rem 0;
    border-radius: 7px;
    text-align: center;
    color: #555555;
    margin-top: 0.86rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_what_liy_item_ltitle:hover {
    background: var(--OneColor);
    color: #FFFFFF;
}

.dl_what_liy_item_bottom {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.86rem;
}

.dl_what_liy_item_bottom_text {
    width: auto;
    height: auto;
    color: #b88b5e;
    font-weight: 500;
    margin-right: 0.86rem;
}

.dl_what_liy_item_bottom_je {
    width: auto;
    height: 2.6rem;
    background: #b88b5e;
    border-radius: 7px;
    color: #FFFFFF;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    margin-right: 0.43rem;
}

.dl_what_liy_item_bottom_btn {
    width: 2.6rem;
    height: 2.6rem;
    background: var(--OneColor);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_what_liy_item:hover .dl_what_liy_item_bottom_btn {
    background: #ea323a;
}

.dl_what_liy_item_bottom_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_what_liy_tag {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.dl_what_liy_tag span {
    color: #555555;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.7rem;
    border-radius: 1.7rem;
    cursor: pointer;
    margin: 0 0.3rem;
    padding: 0 1.1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

.dl_what_liy_tag span.dl_what_liy_tag_son {
    background: #878787;
    color: #FFFFFF;
}


/*about us*/
.dl_ab_hb_box {
    margin-top: 3rem;
}

/*Distributors*/
.dl_dis_banner {
    width: 1400px;
    width: var(--mainwidth);
    aspect-ratio: 1400/415;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.dl_dis_banner_img {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    left: 0;
    top: 0;
    border-radius: 10px 10px 0 0;

}

.dl_dis_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dl_dis_banner_menu {
    display: none;
}

.dl_dis_banner_kuai, .dl_dis_banner_dian {
    position: absolute;
    font-size: 0;
    background: #b88c5f;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_dis_banner_kuai {
    width: 0.75rem;
    height: 0.75rem;
    transform: rotate(45deg);
}

.dl_dis_banner_dian {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.dl_dis_banner_item_on {
    background: #c5252c;
}

.dl_dis_banner_svg {
    position: absolute;
    width: 32px;
    height: 32px;
    z-index: 6;
    display: none;
    transform: translate(-50%, -50%);
}

.dl_dis_banner_svg svg {
    width: 100%;
    height: 100%;
}


.dl_dis_banner_con {
    position: relative;
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding: 2.5rem;
    background: rgba(20, 33, 46, 0.9);
    border-radius: 0 0 10px 10px;
}

.dl_dis_banner_con_title {
    width: auto;
    height: auto;
}

.dl_dis_banner_con_title span {
    display: inline-block;
    width: auto;
    height: auto;
    /* font-family: ding; */
    background-image: linear-gradient(to right, #f8c0ea, #8ec6d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 100% 100%;
}

.dl_dis_banner_con_ltitle {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.5rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.dl_dis_banner_con_ltitle2 {
    color: rgba(255, 255, 255, 1);
    margin-top: 1.5rem;
    -webkit-transition: all 0.5s 0.2s;
    -moz-transition: all 0.5s 0.2s;
    transition: all 0.5s 0.2s;
}

.dl_dis_banner_con_tag {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #FFFFFF;
    margin-top: 0.7rem;
}

.dl_dis_banner_con_tag img {
    width: auto;
    height: 1.2rem;
    margin-right: 0.5rem;
}


/*news*/
.dl_news {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding-top: 1rem;
}

.dl_news_item {
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
}

.dl_news_item a {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #243c52;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.dl_news_item_img {
    width: 28.5%;
    aspect-ratio: 400/242;
    font-size: 0;
    overflow: hidden;
}

.dl_news_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_news_item:hover .dl_news_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_news_item_con {
    width: 71.5%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 2rem;
}

.dl_news_item_con_title {
    color: #FFFFFF;
}

.dl_news_item_con_tag {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
}

.dl_news_item_con_tag img {
    width: auto;
    height: 2rem;
    border-radius: 0.25rem;
    border: 1px solid #000000;
    margin-right: 1rem;
}


.dl_news_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1.2rem;
    bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_news_item:hover .dl_news_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_news_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


/*xingying*/
.dl_xing_xing_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 7px;
    margin-top: 4rem;
    padding: 0.86rem;
}

.dl_xing_xing_title {
    width: 100%;
    height: auto;
    /* font-family: ding; */
    color: #36587a;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 2rem;
    margin-top: 1.3rem;
}

.dl_xing_xing_title span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 2rem;
    aspect-ratio: 213/28;
    text-align: center;
    letter-spacing: 0.1rem;
    color: #FFFFFF;
    /* font-family: ding; */
    background-image: url("https://io.nokov.com/en/utilities/images/xing_xing_tag.png");
    background-size: cover;
    background-position: center;
    margin-left: 1rem;
}

.dl_xing_xing_des {
    width: 100%;
    height: auto;
    /*color: #969696;*/
    color: #555555;
    padding: 0 2rem;
    margin-top: 0.5rem;
}

.dl_xing_xing {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
	flex-wrap: wrap;
    margin-top: 2rem;
}

.dl_xing_xing_item {
    width: calc(33.33% - 0.573rem);
    height: auto;
	margin: 0 0.43rem;
}
.dl_xing_xing_item:nth-child(1){
	margin-left: 0;
}
.dl_xing_xing_item:nth-child(3){
	margin-right: 0;
}

.dl_xing_xing_item_img {
    width: 100%;
    aspect-ratio: 450/260;
    font-size: 0;
    border-radius: 7px;
    overflow: hidden;
}

.dl_xing_xing_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_xing_xing_item:hover .dl_xing_xing_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_xing_xing_item_title {
    /*color: #969696;*/
    color: #555555;
    /* font-family: ding; */
    padding: 0 0.86rem;
    margin-top: 0.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_xing_xing_item:hover .dl_xing_xing_item_title {
    color: #36587a;
}

.dl_xing_xing_item_des {
    /*color: #969696;*/
    color: #555555;
    padding: 0 0.86rem;
    margin-top: 0.5rem;
}

.dl_xing_xing_btn {
    width: 100%;
    height: auto;
    margin-top: 2rem;
    text-align: center;
}

.dl_xing_xing_btn span {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 5rem;
    cursor: pointer;
}

.dl_xing_xing_btn_text {
    display: inline-block;
    width: auto;
    height: auto;
    color: #b88b5e;
    margin-top: 1rem;
    position: relative;
    cursor: pointer;
}

.dl_xing_xing_btn_text:after {
    position: absolute;
    content: '';
    font-size: 0;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("https://io.nokov.com/en/utilities/images/mark_arr.svg");
    background-size: cover;
    background-position: center;
    left: calc(50% - 0.6rem);
    bottom: -1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_xing_xing_btn_text:hover:after {
    bottom: -1.8rem;
}

.dl_xing_xing_btn_text:hover {
    transform: translateY(-2px);
    font-weight: 600;
}

.dl_xing_unm_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
}

.dl_xing_unm {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2.5rem;
    margin-top: 1.5rem;
    padding-bottom: 1rem;
}

.dl_xing_unm_title {
    /* font-family: ding; */
    color: #36587a;
}

.dl_xing_unm_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 0.6rem;
}

.dl_xing_unm_menu {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.dl_xing_unm_menu span {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.6rem;
    color: #b88b5e;
    padding: 0 1.3rem;
    border-radius: 1.6rem;
    margin: 0.2rem 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 0.5rem;
    cursor: pointer;
}

.dl_xing_unm_menu span.dl_xing_unm_menu_son {
    background: #b88b5e;
    color: #FFFFFF;
}

.dl_xing_unm_sw {
    width: 100%;
    height: auto;
    margin-top: 2rem;
}

.dl_xing_unm_sw .swiper-slide {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.dl_xing_unm_sw_item {
    width: 8%;
    aspect-ratio: 1/1;
    padding: 0 1rem;
    margin-right: 1%;
    position: relative;
}

.dl_xing_unm_sw_item_img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.dl_xing_unm_sw_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dl_xing_unm_sw_itemc {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 5;
    background: rgba(20, 33, 46, 0.6);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_xing_unm_sw_item:hover .dl_xing_unm_sw_itemc {
    opacity: 1;
}

.dl_xing_unm_sw_itemc a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 8rem;
    height: 2.5rem;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    color: #FFFFFF;
    text-align: center;
    margin: 0.4rem 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_xing_unm_sw_itemc a:hover {
    background: #FFFFFF;
    color: #000000;
}


.dl_xing_unm_sw_pagination {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    top: auto;
    z-index: 10;
    bottom: 0;
    margin-top: 1.5rem;
}

.dl_xing_unm_sw_pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background: #e6e6e6;
    border-radius: 50%;
    margin: 0 0.3rem;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_xing_unm_sw_pagination .swiper-pagination-bullet-active {
    background: #b88b5e;
}

.dl_xing_bottom {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem 2.5rem;
}

.dl_xing_bottom_img {
    width: 14%;
    height: auto;
    font-size: 0;
}

.dl_xing_bottom_img img {
    width: 100%;
    height: auto;
}

.dl_xing_bottom_con {
    width: 86%;
    height: auto;
    padding-left: 4rem;
}

.dl_xing_bottom_con_title {
    color: #36587a;
    /* font-family: ding; */
}

.dl_xing_bottom_con_des {
    /*color: #969696;*/
    color: #555555;
    padding-right: 4rem;
    margin-top: 0.5rem;
    line-height: 130%;
}

.dl_xing_bottom_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
}

.dl_xing_bottom:hover .dl_xing_bottom_btn {
    background: #ea323a;
    transform: translateX(0px);
}

.dl_xing_bottom_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_xing_video_box {
    width: 1400px;

    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
}

.dl_xing_video_top {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 1.5rem;
    padding: 2rem 2.5rem;
    position: relative;
    display: block;
}

.dl_xing_video_top_title {
    color: #36587a;
    /* font-family: ding; */
}

.dl_xing_video_top_des {
    /*color: #969696;*/
    color: #555555;
    padding-right: 4rem;
    margin-top: 1rem;
    line-height: 130%;
}

.dl_xing_video_top_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
}

.dl_xing_video_top:hover .dl_xing_video_top_btn {
    background: #ea323a;
    transform: translateX(0px);
}

.dl_xing_video_top_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_xing_video {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_xing_video_item {
    width: calc(50% - 0.43rem);
    height: auto;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 0.86rem;
}

.dl_xing_video_item_img {
    position: relative;
    width: 100%;
    aspect-ratio: 694/370;
    font-size: 0;
    overflow: hidden;
}

.dl_xing_video_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_xing_video_item_img:hover img {
    transform: perspective(100px) translateZ(2px);
}

.dl_xing_video_item_img_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_xing_video_item_img:hover .dl_xing_video_item_img_btn {
    opacity: 1;
}

.dl_xing_video_item_img_btn span {
    width: 7rem;
    height: 7rem;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_xing_video_item_img_btn span svg {
    fill: #ffffff;
}

.dl_xing_video_item_title {
    width: 100%;
    height: auto;
    padding: 0 2.5rem;
    color: #5a5a5a;
    /* font-family: ding; */
    margin-top: 1rem;
    align-items: center;
}

.youtube-icon {
    max-width: 2rem;
    max-height: 2rem;
    width: auto;
    height: auto;
}

.youtube_notice {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    max-width: 80%;
    text-align: center;
}

.youtube_icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .youtube_notice {
        font-size: 12px;
        padding: 8px 15px;
    }

    .youtube_icon {
        width: 20px;
        height: 20px;
    }
}

.dl_xing_video_item_des {
    width: 100%;
    height: auto;
    padding: 0 2.5rem;
    /*color: #969696;*/
    color: #555555;
    margin-top: 0.8rem;
    line-height: 120%;
    padding-bottom: 1.5rem;
}

.dl_xing_video_item_des span {
    margin: 0.5rem 0;
    display: block;
}


/*cases*/
.dl_case_menu {
    width: 1400px;
    width: var(--mainwidth);
    height: 2.7rem;
    border-radius: 2.7rem;
    margin: 0 auto;
    margin-top: 2rem;
    background: #FFFFFF;
    -moz-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.65rem;
}

.dl_case_menu a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.6rem;
    color: #b88b5e;
    padding: 0 1.3rem;
    border-radius: 1.6rem;
    margin: 0.2rem 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 0.5rem;
}

.dl_case_menu a:hover {
    background: #b88b5e;
    color: #FFFFFF;
}

.dl_case_menu a.dl_case_menu_aon {
    background: #b88b5e;
    color: #FFFFFF;
}

.dl_case {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -1.14rem;
}

.dl_case_item {
    width: calc(25% - 0.645rem);
    height: auto;
    margin-top: 2rem;
    margin-right: 0.86rem;
    border-radius: 10px;
    overflow: hidden;
}

.dl_case_item:nth-of-type(4n) {
    margin-right: 0;
}

.dl_case_item_img {
    width: 100%;
    aspect-ratio: 341/219;
    font-size: 0;
    overflow: hidden;
}

.dl_case_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_case_item:hover .dl_case_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_case_item_con {
    width: 100%;
    aspect-ratio: 341/219;
    overflow: hidden;
    position: relative;
    padding: 1.2rem;
    background: #243c52;
}

.dl_case_item_con_title {
    /* font-family: ding; */
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: auto;
    min-height: 6rem;
}

.dl_case_item_con_ltitle {
    color: rgba(255, 255, 255, 0.8);
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.dl_case_item_con_time {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    bottom: 1.2rem;
    padding: 0 1.2rem;
    color: rgba(255, 255, 255, 0.8);
}

.dl_case_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1.2rem;
    bottom: -0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_case_item:hover .dl_case_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_case_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}




/*Drones&Swarms*/
.dl_dro_sho_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    padding-top: 1.6rem;
}

.dl_dro_sho {
    width: 100%;
    height: auto;
}

.dl_dro_sho_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.dl_eng_core .dl_dro_sho_item {
    margin-top: 1.5rem;
}

.dl_dro_sho_iteml {
    width: 50%;
    aspect-ratio: 16/9;
    position: relative;
    background-color: white;
}

.dl_dro_sho_iteml_img {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
}

.dl_dro_sho_iteml_img_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_dro_sho_iteml_img_btn span {
    width: 33.33%;
    height: auto;
    margin: 0 auto 10% auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_dro_sho_iteml_img_btn span svg {
    fill: rgba(255, 255, 255, 0.66);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.66));
    transition: fill 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

.dl_dro_sho_iteml_img_btn:hover span svg {
    fill: rgba(255, 255, 255, 0.8);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.8));
    transform: scale(1.1);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .dl_xing_xing_item_img {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .dl_xing_xing_item_img img {
        width: 100%;
        height: auto;
        display: block;
    }

    .dl_dro_sho_iteml_img_btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 5rem;
        height: 5rem;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        transition: all 0.5s;
        cursor: pointer;
    }

    .dl_dro_sho_iteml_img_btn span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dl_dro_sho_iteml_img_btn span svg {
        width: 100%;
        height: 100%;
        fill: rgba(255, 255, 255, 0.66);
        filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.66));
        transition: fill 0.3s ease, filter 0.3s ease, transform 0.3s ease;
    }

    .dl_dro_sho_iteml_img_btn:active span svg {
        fill: rgba(255, 255, 255, 0.8);
        filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.8));
        transform: scale(1.1);
    }
}

.dl_dro_sho_iteml_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_dro_sho_iteml_img iframe {
    width: 100%;
    height: 100%;
    background: #000000;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
    max-width: 100%;
}

.dl_dro_sho_iteml_img video {
    width: 100%;
    height: 100%;
    background: #000000;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
    max-width: 100%;
}

.dl_dro_sho_iteml:hover .dl_dro_sho_iteml_img img,
.dl_dro_sho_iteml:hover .dl_dro_sho_iteml_img video,
.dl_dro_sho_iteml:hover .dl_dro_sho_iteml_img iframe {
    transform: perspective(100px) translateZ(2px);
}

.dl_dro_sho_iteml_con {
    position: absolute;
    width: 100%;
    height: auto;
    background: rgba(20, 33, 46, 0.85);
    left: 0;
    bottom: 0;
    z-index: 5;
    padding: 0.86rem 3rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_dro_sho_iteml:hover .dl_dro_sho_iteml_con {
    background: rgba(20, 33, 46, 1);
}

.dl_dro_sho_iteml_con_title {
    color: #FFFFFF;
}

.dl_dro_sho_iteml_con_tag {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.dl_dro_sho_iteml_con_tag span {
    width: 50%;
    height: auto;
    color: #CFB193;
    margin-top: 0.1rem;
}

.dl_dro_sho_iteml_con_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 0.86rem;
    bottom: 0.86rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_dro_sho_iteml:hover .dl_dro_sho_iteml_con_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_dro_sho_iteml_con_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_dro_sho_itemr {
    width: 50%;
    height: auto;
    background: #FFFFFF;
    padding: 2.5rem 3.5rem;
    position: relative;
}

.dl_dro_sho_itemr_title {
    /* font-family: ding; */
    color: #36587a;
}

.dl_dro_sho_itemr_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1.5rem;
}

.dl_dro_sho_itemr_link {
    /*color: #969696;*/
    color: #555555;
    margin-top: 3.5rem;
}

.dl_dro_sho_itemr_link a {
    /*font-style: italic;*/
    /*color: #CFB193;*/
    text-decoration: underline;
}

.dl_dro_sho_itemr_link a:hover {
    /*color: #b88b5e;*/
}

.dl_dro_sho_itemr_btn {
    width: auto;
    height: 2.5rem;
    background: #c5252c;
    border-radius: 0.5rem;
    color: #FFFFFF;
    position: absolute;
    right: 0.86rem;
    bottom: 0.86rem;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    padding: 0.5rem 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}


.dl_dro_sho_itemr_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_dro_sho_itemr .dl_dro_sho_itemr_btn {
    width: auto;
    height: 2.5rem;
    background: #c5252c;
    border-radius: 0.5rem;
    color: #FFFFFF;
    position: absolute;
    right: 0.86rem;
    bottom: 0.86rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_dro_sho_itemr .dl_dro_sho_itemr_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}



.dl_dro_sho_itemr_btn_img {
    width: auto;
    height: 2.5rem;
    background: #c5252c;
    border-radius: 0.5rem;
    color: #FFFFFF;
    position: absolute;
    right: 0.86rem;
    bottom: 0.86rem;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
	align-items: center;
    padding: 0.5rem 1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_dro_sho_itemr_btn_img img{
	height: 100%;
}

.dl_dro_video_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_dro_video {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	flex-wrap: wrap;
    margin-top: 1rem;
}

.dl_dro_video_item {
    width: calc(33.33% - 0.573rem);
    height: auto;
    border-radius: 10px;
    overflow: hidden;
	margin-right: 0.85rem;
}
.dl_dro_video_item:nth-child(3n){
	margin-right: 0;
}

.dl_dro_video_item_img {
    width: 100%;
    background-color: white;
    aspect-ratio: 16/9;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.dl_dro_video_item_img img,
.dl_dro_video_item_img video {
    background-color: white;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_dro_sho_itemr .dl_dro_video_item_img img,
.dl_dro_sho_itemr .dl_dro_video_item_img video {
    border-radius: 1rem;
}

.dl_dro_video_item:hover .dl_dro_video_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_dro_video_item_img_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}


.dl_dro_video_item_img_btn span {
    width: 7rem;
    height: 7rem;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_dro_video_item_img_btn span svg {
    fill: rgba(255, 255, 255, 0.8);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.66));
    transition: fill 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

.dl_dro_video_item_img_btn:hover span svg {
    fill: rgba(255, 255, 255, 0.8);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.8));
    transform: scale(1.1);
}

.dl_dro_video_itemc {
    width: 100%;
    aspect-ratio: 458/214;
    position: relative;
    background: #FFFFFF;
    padding: 1.5rem;
}

.dl_dro_video_itemc_title {
    font-weight: 500;
    /*color: #969696;*/
    color: #555555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_dro_video_itemc_title img {
    right: 2rem;
    height: 2rem;
    width: auto;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_dro_video_itemc_title svg {
    right: 2rem;
    height: 2rem;
    width: auto;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_dro_video_item:hover .dl_dro_video_itemc_title {
    color: #36587a;
}

.dl_dro_video_itemc_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1.5rem;
}

.dl_dro_video_itemc_des a {
    color: #b88b5e;
    font-weight: 600;
    margin-top: 1.5rem;
}


.dl_dro_video_itemc_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 0.86rem;
    bottom: 0.86rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_dro_video_item:hover .dl_dro_video_itemc_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_dro_video_itemc_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_dro_mars_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_dro_mars_sw {
    width: 100%;
    height: auto;
}


.dl_dro_mars_tag {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.dl_dro_mars_tag span {
    color: #555555;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 1.7rem;
    border-radius: 1.7rem;
    cursor: pointer;
    margin: 0 0.3rem;
    padding: 0 1.1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;

}

.dl_dro_mars_tag span.dl_dro_mars_tag_son {
    background: #878787;
    color: #FFFFFF;
}


.dl_dro_mars {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    position: relative;
}

.dl_dro_mars_img {
    position: absolute;
    width: 23rem;
    height: auto;
    font-size: 0;
    left: 0;
    top: -0.5rem;
    text-align: center;
}

.dl_dro_mars_img img {
    width: 17rem;
    height: auto;
}

.dl_dro_mars_title {
    width: 100%;
    height: auto;
    padding-left: 23rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.dl_dro_mars_title img {
    height: 3.2rem;
    margin-bottom: 0.1rem;
}

.dl_dro_mars_title span {
    color: #355779;
    line-height: 100%;
    padding-left: 1.5rem;
}

.dl_dro_mars_con {
    width: 100%;
    height: 11rem;
    padding: 2rem 3rem;
    padding-left: 23rem;
    background: linear-gradient(to right, #36587a 0%, #243c52 36%, #785b3d);
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    margin-top: 1rem;
}

.dl_dro_mars_con span {
    display: block;
    margin-top: 0.2rem;
}

.dl_dro_mars_con span:nth-of-type(1) {
    margin-top: 1.5rem;
}

.dl_dro_mars_box .dl_what_pla {
    margin-top: 0;
}

/*marks series*/

.dl_mark_banner_con {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 5;
    margin-top: -18rem;
}

.dl_mark_banner_con_img {
    width: 21%;
    height: auto;
    font-size: 0;
}

.dl_mark_banner_con_img img {
    width: 100%;
    height: auto;
}

.dl_mark_banner_conc {
    width: 75%;
    height: auto;
}

.dl_mark_banner_conc_tag {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 2.8rem;
    background: #b88b5e;
    line-height: 100%;
    color: #1b1f2a;
    /* font-family: ding; */
    border-radius: 1rem 0 1rem 0;
    padding: 0 1.5rem;
    margin-top: 0.3rem;
}

.dl_mark_banner_conc_des {
    color: #FFFFFF;
    margin-top: 1.5rem;
}

.dl_mark_banner_conc_btn {
    display: inline-block;
    width: auto;
    height: auto;
    color: #b88b5e;
    margin-top: 2rem;
    position: relative;
    cursor: pointer;
}

.dl_mark_banner_conc_btn:after {
    position: absolute;
    content: '';
    font-size: 0;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("https://io.nokov.com/en/utilities/images/mark_arr.svg");
    background-size: cover;
    background-position: center;
    left: calc(50% - 0.6rem);
    bottom: -1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_mark_banner_conc_btn:hover:after {
    bottom: -1.8rem;
}

.dl_mark_banner_conc_btn:hover {
    transform: translateY(-2px);
    font-weight: 600;
}

.dl_mark_core_boxb {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.dl_mark_core_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_mark_core {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
	margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0 3.5rem;
    margin-top: 1rem;
}

.dl_mark_core_item {
    width: 100%;
    height: auto;
    padding: 3rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dl_mark_core_itemc{
    width: 100% !important;
}

.dl_mark_core_iteml {
    width: 48%;
    height: auto;
	position: relative;
}

.dl_mark_core_iteml_title {
    width: 100%;
    color: #36587a;
}

.dl_mark_core_iteml_title2 {
    position: relative;
    font-weight: 500;
    padding-left: 20px; /* 根据横线的大小和位置调整 */
    line-height: 1.5em; /* 确保有足够的空间显示横线 */
    margin-top: 1rem;
    /*margin-bottom: 1rem;*/
    margin-bottom: -0.5rem;
}

.dl_mark_core_iteml_title2::before {
    content: ''; /* 必需，用于显示元素 */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* 横线的长度 */
    height: 3px; /* 横线的厚度 */
    background-color: #b88b5e; /* 横线的颜色 */
}
.dl_mark_core_iteml_title2::after {
}


.dl_mark_core_iteml_title3 {
    position: relative;
    font-weight: 500;
    padding-left: 10px; /* 根据横线的大小和位置调整 */
    line-height: 1.5em; /* 确保有足够的空间显示横线 */
    margin-top: 1rem;
    /*margin-bottom: 1rem;*/
    margin-bottom: -0.5rem;
}

.dl_mark_core_iteml_title3::before {
    content: ''; /* 必需，用于显示元素 */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px; /* 横线的长度 */
    height: 1.2rem; /* 横线的厚度 */
    background-color: #36587a; /* 横线的颜色 */
	border-radius: 4px;
}

.dl_mark_core_iteml_des {
    /*color: #969696;*/
    color: #555555;
    line-height: 130%;
    margin-top: 1.2rem;
}
.dl_mark_core_iteml_des p:nth-child(n+2) {
    margin-top: 1rem;
    /*margin-bottom: 1.5rem;*/
}

.dl_mark_core_iteml_btn{
	position: absolute;
	right: 0;
	bottom: 0;
}
.dl_mark_core_iteml_btn a {
    text-decoration: underline;
	font-size: 1.25rem;
	color: #0000EE;
	font-weight: 200;
}

.dl_mark_core_iteml .dl_mark_core_iteml_title:nth-child(n+2) {
    margin-top: 1.5rem;
}

.dl_mark_core_itemr {
    width: 45%;
    height: auto;
    text-align: right;
    font-size: 0;
}

.dl_mark_core_itemr img {
    width: auto;
    height: 100%;
    max-width: 100%;
    border-radius: 1rem;
}

.dl_mark_core_itemr iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    max-width: 100%;
    border-radius: 1rem;
    background: #000000;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
}

.dl_mark_cs_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_mark_cs {
    width: 100%;
    height: auto;
    margin-top: 1.6rem;
}

.dl_mark_cs_top {
    width: 100%;
    height: 6.5rem;
    background: linear-gradient(to right, #253d54, #5e8bb8);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding: 0 1.5rem;
}

.dl_mark_cs_top div {
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    line-height: 100%;
}

.dl_mark_cs_top div span {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
}

.dl_mark_cs_top div:nth-of-type(1) {
    width: 12%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(2) {
    width: 12%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(3) {
    width: 6%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(4) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(5) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(6) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(7) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(8) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(9) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(10) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_top div:nth-of-type(11) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_con {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    padding: 0 1.5rem;
    border-radius: 0 0 10px 10px;
}

.dl_mark_cs_item {
    width: 100%;
    height: 6.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dl_mark_cs_item div {
    color: #5a5b5b;
    text-align: center;
    line-height: 140%;
}

.dl_mark_cs_item div:nth-of-type(1) {
    width: 12%;
    height: auto;
    font-size: 0;
}

.dl_mark_cs_item div:nth-of-type(1) img {
    width: auto;
    height: 1.6rem;
}

.dl_mark_cs_item div:nth-of-type(2) {
    width: 12%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(3) {
    width: 6%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(4) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(5) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(6) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(7) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(8) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(9) {
    width: 10%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(10) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_item div:nth-of-type(11) {
    width: 8%;
    height: auto;
}

.dl_mark_cs_item div a {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    background: var(--OneColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_mark_cs_item div a:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_mark_cs_item div  a svg {
    width: auto;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}

.dl_mark_cs_note {
    color: #b88b5e;
    padding: 1rem 1rem 1rem 1rem;
}

.dl_mark_sup_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_mark_sup {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2.5rem 5rem;
}

.dl_mark_sup_des {
    /*color: #969696;*/
    color: #555555;
    line-height: 140%;
}

.dl_mark_supt {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3rem;
    padding-bottom: 4.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dl_mark_supt_item {
    width: auto;
    height: auto;
    margin: 0 3rem;
}

.dl_mark_supt_item_ico {
    width: auto;
    height: 6.6rem;
    border-radius: 0.75rem;
    font-size: 0;
    position: relative;
    transition: all 0.3s ease;
}

.dl_mark_supt_item_ico img {
    width: auto;
    height: 100%;
    transition: all 0.3s ease;
}

/* .dl_mark_supt_item_ico:hover {
    transform: translateY(-3px);
}

.dl_mark_supt_item_ico:hover img {
    border-radius:1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} */
.dl_mark_supt_item_title {
    text-align: center;
    color: #5a5a5a;
    margin-top: 1rem;
}

.dl_mark_xing {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.dl_mark_xing_1 {
    width: 37%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.dl_mark_xing_1_title {
    /*color: #969696;*/
    color: #555555;
    font-weight: 500;
}

.dl_mark_xing_1_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 0.5rem;
}

.dl_mark_xing_2 {
    width: 26%;
    height: auto;
    font-size: 0;
}

.dl_mark_xing_2 img {
    width: 100%;
    height: auto;
}


.dl_mark_xing_btn {
    width: auto;
    height: 2.3rem;
    background: #c5252c;
    border-radius: 0.5rem;
    color: #FFFFFF;
    position: absolute;
    right: -4.14rem;
    bottom: -3.64rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_mark_xing_btn:hover {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}


.dl_mark_ser_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
    position: relative;
}

.dl_mark_ser {
    width: 100%;
    height: auto;
    margin-top: 1rem;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 2.5rem 3rem;
}

.dl_mark_ser_des {
    /*color: #969696;*/
    color: #555555;
    line-height: 140%;
}

.dl_mark_serc {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3rem;
    padding-bottom: 4.5rem;
}

.dl_mark_serc_item {
    width: 40%;
    height: auto;
    text-align: center;
}

.dl_mark_serc_item_ico {
    width: auto;
    height: 5rem;
    font-size: 0;
}

.dl_mark_serc_item_ico img {
    width: auto;
    height: 100%;
}

.dl_mark_serc_item_title {
    text-align: center;
    /*color: #969696;*/
    color: #555555;
    margin-top: 1rem;
}


.dl_mark_ser_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    right: 0.86rem;
    bottom: 0.86rem;
    transition: all 0.5s;
    transform: translateX(-5px);
}

.dl_mark_ser_btn:hover {
    transform: translateX(0px);
}

.dl_mark_ser_btn a {
    width: 100%;
    height: 100%;
    background: var(--OneColor);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_mark_ser_btn:hover a {
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_mark_ser_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_mark_video_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_mark_video {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem;
}

.dl_mark_video_item {
    width: calc(33.33% - 0.573rem);
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.dl_mark_video_item_img {
    width: 100%;
    aspect-ratio: 458/269;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.dl_mark_video_item_img img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_mark_video_item_img iframe {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_mark_video_item_img video {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_mark_video_item:hover .dl_mark_video_item_img img,
.dl_mark_video_item:hover .dl_mark_video_item_img iframe,
.dl_mark_video_item:hover .dl_mark_video_item_img video {
    transform: perspective(100px) translateZ(2px);
}

.dl_mark_video_item_img_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.dl_mark_video_item_img_btn span {
    width: 5rem;
    height: 5rem;
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
}

.dl_mark_video_item_img_btn span svg {
    fill: rgba(255, 255, 255, 0.8);
}

.dl_mark_video_itemc {
    width: 100%;
    aspect-ratio: 458/190;
    position: relative;
    background: #FFFFFF;
    padding: 1.5rem;
}

.dl_mark_video_itemc_title {
    font-weight: 500;
    /*color: #969696;*/
    color: #555555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_mark_video_item:hover .dl_mark_video_itemc_title {
    color: #36587a;
}

.dl_mark_video_itemc_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


/*Engineering*/
.dl_eng_app_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_eng_app {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.dl_eng_app_item {
    width: calc(33.33% - 0.666rem);
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 1rem;
	margin-right: 1rem;
}
.dl_eng_app_item:nth-child(3n){
	margin-right: 0;
}


.dl_eng_app_item_img {
    width: 100%;
    aspect-ratio: 458/218;
    font-size: 0;
    overflow: hidden;
}

.dl_eng_app_item_img img,
.dl_eng_app_item_img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_eng_app_item:hover .dl_eng_app_item_img img,
.dl_eng_app_item:hover .dl_eng_app_item_img video {
    transform: perspective(100px) translateZ(2px);
}

.dl_eng_app_item_img video {
    display: block;
    pointer-events: none; /* 防止用户与视频交互 */
}

/* 确保视频在加载时不显示默认控件 */
.dl_eng_app_item_img video::-webkit-media-controls {
    display: none !important;
}

.dl_eng_app_item_con {
    width: 100%;
    aspect-ratio:auto;
	height: auto;
    position: relative;
    min-height: max-content;
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dl_vr_appliaction .dl_eng_app_item_con {
    aspect-ratio: 458/460 !important;
}
.dl_application_scene .dl_eng_app_item_con {
    aspect-ratio: 458/165 !important;
}

.dl_eng_app_item_con_title {
    /*font-weight: 500;*/
    /*color: #969696;*/
    color: #555555;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_eng_app_item:hover .dl_eng_app_item_con_title {
    color: #36587a;
}

.dl_eng_app_item_con_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1rem;
	height: 3rem;
    margin-bottom: 3rem;
    line-height: 130%;
}


.dl_eng_app_item_con_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 0.86rem;
    bottom: 0.86rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
}

.dl_eng_app_item:hover .dl_eng_app_item_con_btn {
    background: #ea323a;
    transform: translateX(0px);
}

.dl_eng_app_item_con_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_eng_core_boxb {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.dl_eng_core_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_eng_core {
    width: 100%;
    height: auto;
}

.dl_eng_core_item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.dl_eng_core_item a {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dl_eng_core_item_img {
    width: 39%;
    aspect-ratio: 16/9;
    font-size: 0;
    overflow: hidden;
}

.dl_eng_core_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: perspective(100px) translateZ(0px);
}

.dl_eng_core_item:hover .dl_eng_core_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_eng_core_itemc {
    width: 61%;
    height: auto;
    position: relative;
    background: #ffffff;
    padding: 1.5rem 2rem;
}

.dl_eng_core_itemc_title {
    /* font-family: ding; */
    color: #36587a;
}

.dl_eng_core_itemc_des {
    /*color: #969696;*/
    color: #555555;
    line-height: 140%;
    margin-top: 1rem;
}

.dl_eng_core_itemc_title img {
    border-radius: 0.5rem;
    max-height: 3rem;
    width: auto;
}

.dl_eng_core_itemc_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    right: 0.86rem;
    bottom: 0.86rem;
    transform: translateX(-5px);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dl_eng_core_item:hover .dl_eng_core_itemc_btn {
    transform: translateX(0px);
    background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dl_eng_core_itemc_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


.dl_eng_rob_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_eng_rob {
    width: 100%;
    height: auto;
    position: relative;
    padding: 2rem;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dl_eng_rob1 {
    width: 34%;
    height: auto;
    position: relative;
    border-right: 2px solid rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    padding-right: 3.5rem;
    padding-bottom: 2.5rem;
}

.dl_eng_rob1:after {
    position: absolute;
    content: '';
    font-size: 0;
    width: 4.4rem;
    height: 4.4rem;
    background: #FFFFFF;
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    bottom: -2.2rem;
    right: -2.2rem;
    z-index: 5;
}

.dl_eng_rob1_title {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 2.6rem;
    background: #243c52;
    border-radius: 2.6rem;
    line-height: 100%;
    color: #FFFFFF;
    padding: 0 2rem;
    padding-bottom: 0rem;
}

.dl_eng_rob1c {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3rem;
}

.dl_eng_rob1_item {
    font-size: 0;
    width: auto;
    height: 5rem;
}

.dl_eng_rob1_item img {
    width: auto;
    height: 100%;
}

.dl_eng_rob2 {
    width: 66%;
    height: auto;
    position: relative;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    padding-left: 3.5rem;
    padding-bottom: 2.5rem;
}

.dl_eng_rob2c {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3rem;
}

.dl_eng_rob2_item {
    font-size: 0;
    width: 18%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dl_eng_rob2_item img {
    width: 100%;
    height: auto;
}


.dl_eng_rob3 {
    width: 34%;
    height: auto;
    position: relative;
    border-right: 2px solid rgba(0, 0, 0, 0.05);
    padding-right: 3.5rem;
    padding-top: 2.5rem;
}

.dl_eng_rob3c {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.dl_eng_rob3_item {
    font-size: 0;
    width: 50%;
    height: 4.5rem;
    text-align: center;
    margin: 0.5rem 0;
}

.dl_eng_rob3_item img {
    width: auto;
    height: 100%;
}


.dl_eng_rob4 {
    width: 66%;
    height: auto;
    position: relative;
    padding-left: 3.5rem;
    padding-top: 2.5rem;
}

.dl_eng_rob4c {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.dl_eng_rob4_item {
    font-size: 0;
    width: 25%;
    height: 4.5rem;
    text-align: center;
    margin: 0.5rem 0;
}

.dl_eng_rob4_item img {
    width: auto;
    height: 100%;
}


.dl_eng_pre_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_eng_pre {
    width: 100%;
    height: auto;
    position: relative;
    padding: 1rem 3rem;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 1rem;
    color: #555555;
}

.dl_eng_pre_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 0.86rem;
    bottom: 0.86rem;
    transform: translateX(-5px);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05),
    0 4px 8px rgba(255, 255, 255, 0.05),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}

.dl_eng_pre_btn:hover {
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1),
    0 8px 16px rgba(255, 255, 255, 0.1),
    inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.dl_eng_pre_btn a {
    width: 100%;
    height: 100%;
    background: var(--OneColor);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_eng_pre_btn:hover a {
    background: #ea323a;
}

.dl_eng_pre_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}


/*accessories*/
.dl_acc_plab{
	width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
}
.dl_acc_pla {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}


/*Life Sciences*/

.dl_life_app_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dl_life_app {
    width: 100%;
    height: auto;
    margin-top: 2rem;
}

.dl_life_app img {
    width: 100%;
    height: auto;
}

/*feature*/
.item_list {
    margin: 1rem 0 0 0;
    /*list-style-position: inside;*/
    padding-left: 0;
    list-style: none;
}
/*.item_list li {
    position: relative;
    padding-left: 25px; !* 根据小横线的大小和位置调整 *!
    margin-bottom: 10px; !* 可选：根据需要调整项之间的间距 *!
}
.item_list li::before {
    content: ''; !* 必需，用于显示元素 *!
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; !* 小横线的长度 *!
    height: 2px; !* 小横线的厚度 *!
    background-color: #ff4500; !* 小横线的颜色 *!
}*/

.feature-table-container {
    width: 100%;
    overflow-x: auto;
    margin: 2rem 0;
    border-radius: 1rem;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
}

.feature-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 1rem;
    background-color: #ffffff;
    transition: all 0.3s ease;
}

.feature-table td {
    padding: 1.2rem 1.5rem;
    line-height: 1.4;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.feature-table tr.separator-row td {
    align-items: center;
    padding: 1.2rem 1.5rem;
    background-color: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    vertical-align: middle;
}

.feature-table tr:last-child td {
    border-bottom: none;
}

.feature-table .col-1 {
    width: 25%;
    color: #36587a;
    font-weight: 500;
}

.feature-table .col-2 {
    width: 30%;
    text-align: left;
    color: #555;
}

.feature-table .col-3 {
    width: 45%;
    padding: 0;
}

.feature-table tr:first-child td {
    background-color: #f8f9fa;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e5e5e5;
}

.feature-table tr:hover td {
    background-color: #f5f8fa;
}

.feature-table tr.separator-row td span {
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.feature-table tr.separator-row:hover td {
    background-color: #f5f8fa;
}

.feature-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.table-image {
    width: 100%;
    height: 25rem;
    transition: transform 0.3s ease;
}

.feature-image:hover {
    transform: scale(1.02);
}

@media (max-width: 768px) {
    .feature-table-container {
        border-radius: 0.5rem;
    }

    .feature-table td {
        padding: 1rem 1.2rem;
    }

    .feature-table .col-3 {
        display: none;
    }

    .feature-table .col-1 {
        width: 60%;
    }

    .feature-table .col-2 {
        width: 40%;
    }

    .feature-table tr:first-child td {
        font-size: 0.9em;
    }

    .feature-table tr.separator-row td {
        padding: 0.3rem 0;
    }
}

/*table*/
.showcase-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.showcase-table td {
    vertical-align: top;
    border: 0px;
    padding: 0.2rem;
    overflow: hidden;
    word-wrap: break-word;
}

.showcase-table .col-1 {
    width: 30%;
    font-weight: 500;
}

.showcase-table .col-2 {
    width: 70%;
}

/*box*/
.dl_cot_sw_data_4.placeholder {
    visibility: hidden;
}

.dl_dis_banner_con_data_3.placeholder,
.dl_dis_banner_con_data_4.placeholder,
.dl_dis_banner_con_data_5.placeholder {
    visibility: hidden;
}

.dl_pagecot_sw_data_4.placeholder {
    visibility: hidden;
}

.font_nav {
    font-size: 1.25rem;
}

.font_p {
    font-size: 1.25rem;
    /*text-indent: 2em;*/
    font-weight: 200;
}

.font_small {
    font-size: 1.2rem;
}

.font_h1 {
    font-weight: 400;
    font-size: 3.815rem;
}

.font_h2 {
    font-size: 2.4rem;
    font-weight: 200;
}

.font_h3 {
    font-size: 2.441rem;
}

.font_h4 {
    font-size: 1.953rem;
}

.font_h5 {
    font-size: 1.25rem;
    text-transform: capitalize;
}

nav, p, h5 {
    font-size: 1.25rem;
}

small {
    font-size: 1rem;
}

h1 {
    font-weight: 200;
    font-size: 3.815rem;
    margin: 0;
}

h2 {
    font-size: 3.052rem;
    font-weight: 200;
}

h3 {
    font-size: 2.441rem;
    font-weight: 200;
}

h4 {
    font-size: 1.953rem;
    font-weight: 200;
}

h5 {
    font-size: 1.25rem;
    text-transform: capitalize;
}

.tab-buttons {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.tab-button {
    padding: 0.5rem 1rem;
    border: none;
    background-color: #f1f1f1;
    cursor: pointer;
}

.tab-button.active {
    background-color: #ccc;
}

.tab-content {
    display: none;
}

.tab-content.show {
    display: block;
}

/* Screen width between 1280px and 1435px */
@media screen and (max-width: 1435px) and (min-width: 1280px) {
    .font_p, nav, p {
        font-size: 1.1rem;
    }

    h1 {
        font-size: 3.2rem;
    }

    h2 {
        font-size: 2.6rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.6rem;
    }
}
@media screen and (min-width: 1436px){
    .dl_eng_app_item_con{
        aspect-ratio: auto !important;
    }
    .dl_vr_appliaction .dl_eng_app_item_con{
        aspect-ratio: 458/380 !important;
    }
}

/* Screen width between 1024px and 1279px */
@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .font_p, nav, p {
        font-size: 1rem;
    }

    small {
        font-size: 0.9rem;
    }

    h1 {
        font-size: 2.8rem;
    }

    h2 {
        font-size: 2.4rem;
    }

    h3 {
        font-size: 1.8rem;
    }

    h4 {
        font-size: 1.4rem;
    }
}

/* Screen width less than 1024px */
@media screen and (max-width: 1023px) {
    .font_p, nav, p {
        font-size: 1rem;
    }

    small {
        font-size: 0.9rem;
    }

    h1 {
        font-size: 2.4rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.6rem;
    }

    h4 {
        font-size: 1.3rem;
    }

    h5 {
        font-size: 1rem;
    }
}

.base_videolayer {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    top: 0vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.base_videolayer_con {
    width: auto;
    height: auto;
    margin: 0px auto;
    font-size: 0px;
    position: relative;
    transform: scale(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.base_videolayer_con_fade {
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.base_videolayer_con_video {
    width: 80vw;
    height: 45vw; /* 16:9 比例 */
    max-height: 80vh;
    max-width: calc(80vh * 16 / 9);
    background: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.base_videolayer_btn {
    width: 35px;
    height: 35px;
    position: absolute;
    background-color: var(--OneColor);
    border-radius: 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4QjY3OTY4MUY4RTExRURCQTVGQjZGRDg2OEMxNDNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4QjY3OTY5MUY4RTExRURCQTVGQjZGRDg2OEMxNDNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NThCNjc5NjYxRjhFMTFFREJBNUZCNkZEODY4QzE0M0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NThCNjc5NjcxRjhFMTFFREJBNUZCNkZEODY4QzE0M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42MWhqAAAAxElEQVR42uzX4QmEMAwFYHWDzOJwruAKruAKrqArOMLdCLVihSKi6Xs9KFwC74dg4KO1KdbOuaqUaqqCyjCGMYxhSsN0PgL06Gq/DpTp3VGzjyh7htAzaN5PwUiAaEEn5OPT5sakgJIhCEYDgiAo5gkEQxjMHYiCsJgriILsYYfe12eJntcQrMiVibdmBuZQtm26fiPCgnJB0MFIY95ODQzKDaFAyEWpPb4xaPzFRTklzhEJENXK1PZHaRjDGOafMJsAAwD5WQjfFpjkowAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
    right: -18px;
    top: -18px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: var(--FontWhiColor);
    text-align: center;
    font-weight: lighter;
}

.base_videolayer_btn:hover {
    transform: rotate(360deg);
}

/*弹窗*/
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #fefefe;
    padding: 24px;
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    width: 100%;
    max-width: 400px;
    animation: modalFadeIn 0.3s;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-title {
    margin: 0 0 24px 0;
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}

.form-field {
    position: relative;
    margin-bottom: 24px;
}

.form-field input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.2s;
}

.form-field input:focus {
    border-color: #1976d2;
    outline: none;
}

.form-field label {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    transition: all 0.2s;
    color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

.form-field input:focus + label,
.form-field input:not(:placeholder-shown) + label {
    top: 0;
    transform: translateY(-50%) scale(0.75);
    background-color: white;
    padding: 0 4px;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}

.btn-cancel, .btn-submit {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-cancel {
    background-color: transparent;
    color: #1976d2;
    margin-right: 8px;
}

.btn-cancel:hover {
    background-color: rgba(25, 118, 210, 0.04);
}

.btn-submit {
    background-color: #1976d2;
    color: white;
}

.btn-submit:hover {
    background-color: #1565c0;
}

.page-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}

.form-field input:invalid {
    border-color: #f44336;
}

.form-field input:invalid + label {
    color: #f44336;
}


/*首页*/
.hmBox {
	width: 1400px;
    width: var(--mainwidth);
	height: auto;
	margin: 0 auto;
}

.hm1List {
    overflow: hidden;
    display: flex;
	flex-direction: row;
	justify-content: space-between;
    flex-wrap: wrap;
	margin-top: -3%;
}

.hm1List li {
    width: 48.5%;
    padding: 0;
	margin-top: 3%;
}

.hm1List li a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.hm1Img {
    height: 0;
    padding-bottom: 59.97%;
    position: relative;
    overflow: hidden;
    background-color: #091726;
}

.hm1Img .imgBg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .8s;
}

.hm1Hov {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/dotBg2.png) center center repeat;
    opacity: 0;
}

.hm1Text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 0.3rem;
}

.hm1Ico {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border: 2px solid #97aecb;
    border-radius: 50%;
    background-color: rgba(9, 23, 38, 0.6);
    margin: .5rem auto;
    transition: all .5s;
}

.hm1Ico img {
    max-width: 60%;
}

.hm1Tit {
    font-size: 1.25rem;
    color: #091726;
    font-weight: bold;
    letter-spacing: 0.04rem;
    text-shadow: 1px 0 0 #afc4df, 0 1px 0 #afc4df, -1px 0 0 #afc4df, 0 -1px 0 #afc4df;
    margin: 5px auto;
    transition: all .5s;
}

.hm1Des {
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 170%;
    margin: 0.5rem auto;
    opacity: 0;
	padding: 0 1rem;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .5s;
}


@media only screen and ( max-width: 1400px ) {
    

    .hm1Ico {
        margin: .4rem auto;
        width: 80px;
        height: 80px;
    }

    .hm1Tit {
        font-size: 20px;
    }
}

@media only screen and ( min-width: 981px ) {
    .hm1List {
        display: none;
    }

    .hm1List li a:hover .hm1Img .imgBg {
        opacity: .2;
        transform: scale(1.05);
    }

    .hm1List li a:hover .hm1Hov {
        opacity: 0.4;
    }

    .hm1List li a:hover .hm1Ico {
        background-color: #c5252b;
        border-color: #FFFFFF;
    }

    .hm1List li a:hover .hm1Tit {
        color: #FFFFFF;
        text-shadow: 1px 0 0 #000000, 0 1px 0 #000000, -1px 0 0 #000000, 0 -1px 0 #000000;
    }

    .hm1List li a:hover .hm1Des {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all .5s linear .3s;
    }
}

@media only screen and ( max-width: 980px ) {
	.hmBox {
		width: 94%;
	}
	

    .hm1List li a {
        border: 1px solid #d7dde3;
		background: #FFFFFF;
    }

    .hm1Img {
        height: auto;
        padding: 0;
		width: 100%;
    }

    .hm1Img .imgBg {
        position: static;
        background: none !important;
		width: 100%;
		height: calc(94vw * 0.485 * 9 / 16);
		
    }

    .hm1Img .imgBg img {
        display: block;
        width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
    }

    .hm1Hov {
        opacity: 0 !important;
    }

    .hm1Text {
        position: static;
        background: #FFFFFF;
        padding-top: 0;
    }

    .hm1Ico {
        margin: 0 auto .2rem;
        background-color: #091726;
        border-color: #FFFFFF;
        border-width: 0.02rem;
        width: 5rem;
        height: 5rem;
        margin-top: -2.5rem;
        position: relative;
        z-index: 1;
    }

    .hm1Tit {
        font-size: 16px;
        color: #091726;
        text-shadow: none;
        letter-spacing: 0;
    }

    .hm1Des {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        color: #183450;
    }
    .angry-grid {
        display: none;
    }

}

.angry_item a{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.grid-imgbg {
    transition: all 1s;
    background-size: cover;
    background-position: center;
    position: absolute;
	width: 100%;
	height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #36587A;
}

.grid-hover {
	width: 100%;
	height: 100%;
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/dotBg2.png) center center repeat;
    opacity: 0;
}

.item-text {
    font-size: 20px;
    font-weight: 600;
    color: #091726;
    letter-spacing: 0.04rem;
    /*text-shadow: 1px 0 0 #afc4df, 0 1px 0 #afc4df, -1px 0 0 #afc4df, 0 -1px 0 #afc4df;*/
    text-shadow: 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff;
    margin: 5px auto;
    transition: all .8s;
    text-align: center;
	z-index: 10;
}

@media only screen and ( min-width: 981px ) {
    .angry-grid {
        display: grid;
        position: relative;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 2px;
        height: 870px;
        margin: .2rem 0;
    }

    .angry-grid a:hover .grid-imgbg {
        opacity: .2;
        transform: scale(1.03);
    }

    .angry-grid a:hover .grid-hover {
        opacity: .4;
    }

    .angry-grid a:hover .item-text {
        /*opacity: .4;*/
    }

    .angry-grid a:hover .item-text {
        color: #FFFFFF;
        text-shadow: 1px 0 0 #000000, 0 1px 0 #000000, -1px 0 0 #000000, 0 -1px 0 #000000;
    }

}

@media only screen and (max-width: 1280px ) {
    .grid-imgbg {
        background-size: cover;
        background-position: center;
    }

    .item-text {
        font-size: 20px;
    }
}

#item-0 {
    background-color: #091726;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 5;
    grid-column-end: 6;
    position: relative;
    overflow: hidden;
}

#item-1 {
    background-color: #091726;
    grid-row-start: 1;
    grid-column-start: 6;
    position: relative;
    grid-row-end: 5;
    grid-column-end: 8;
    overflow: hidden;
}

#item-2 {

    background-color: #091726;
    grid-row-start: 5;
    grid-column-start: 1;
    position: relative;
    grid-row-end: 8;
    grid-column-end: 5;
    overflow: hidden;
}

#item-3 {

    background-color: #091726;
    grid-row-start: 5;
    grid-column-start: 5;
    position: relative;
    grid-row-end: 9;
    grid-column-end: 6;
    overflow: hidden;
}

#item-4 {

    background-color: #091726;
    grid-row-start: 5;
    grid-column-start: 6;
    position: relative;
    grid-row-end: 6;
    grid-column-end: 11;
    overflow: hidden;
}

#item-5 {

    background-color: #091726;
    grid-row-start: 1;
    grid-column-start: 8;
    position: relative;
    grid-row-end: 2;
    grid-column-end: 11;
    overflow: hidden;
}

#item-6 {

    background-color: #091726;
    grid-row-start: 2;
    grid-column-start: 8;
    position: relative;
    grid-row-end: 3;
    grid-column-end: 11;
    overflow: hidden;
}

#item-7 {

    background-color: #091726;
    grid-row-start: 3;
    grid-column-start: 8;
    position: relative;
    grid-row-end: 4;
    grid-column-end: 11;
    overflow: hidden;
}

#item-8 {

    background-color: #091726;
    grid-row-start: 4;
    grid-column-start: 8;
    position: relative;
    grid-row-end: 5;
    grid-column-end: 12;
    overflow: hidden;
}

#item-9 {

    background-color: #091726;
    grid-row-start: 1;
    grid-column-start: 11;
    position: relative;
    grid-row-end: 4;
    grid-column-end: 15;
    overflow: hidden;
}

#item-10 {

    background-color: #091726;
    grid-row-start: 4;
    grid-column-start: 12;
    position: relative;
    grid-row-end: 5;
    grid-column-end: 15;
    overflow: hidden;
}

#item-11 {

    background-color: #091726;
    grid-row-start: 5;
    grid-column-start: 12;
    position: relative;
    grid-row-end: 6;
    grid-column-end: 15;
    overflow: hidden;
}

#item-12 {

    background-color: #091726;
    grid-row-start: 5;
    grid-column-start: 11;
    position: relative;
    grid-row-end: 10;
    grid-column-end: 12;
    overflow: hidden;
}

#item-13 {

    background-color: #091726;
    grid-row-start: 6;
    grid-column-start: 6;
    position: relative;
    grid-row-end: 9;
    grid-column-end: 11;
    overflow: hidden;
}

#item-14 {

    background-color: #091726;
    grid-row-start: 6;
    grid-column-start: 12;
    position: relative;
    grid-row-end: 10;
    grid-column-end: 15;
    overflow: hidden;
}

#item-15 {

    background-color: #091726;
    grid-row-start: 8;
    grid-column-start: 3;
    position: relative;
    grid-row-end: 9;
    grid-column-end: 5;
    overflow: hidden;
}

#item-16 {

    background-color: #091726;
    grid-row-start: 8;
    grid-column-start: 1;
    position: relative;
    grid-row-end: 9;
    grid-column-end: 3;
    overflow: hidden;
}

#item-17 {

    background-color: #091726;
    grid-row-start: 9;
    grid-column-start: 1;
    position: relative;
    grid-row-end: 10;
    grid-column-end: 4;
    overflow: hidden;
}

#item-18 {

    background-color: #091726;
    grid-row-start: 9;
    grid-column-start: 4;
    position: relative;
    grid-row-end: 10;
    grid-column-end: 8;
    overflow: hidden;
}

#item-19 {

    background-color: #091726;
    grid-row-start: 9;
    grid-column-start: 8;
    position: relative;
    grid-row-end: 10;
    grid-column-end: 11;
    overflow: hidden;
}

/*案例轮播*/
.dl_case_swb{
	width: 100%;
	height: auto;
	margin-top: 2rem;
	position: relative;
	padding: 0 0rem;
}
.dl_case_sw{
	width: 100%;
	height: auto;
}


.dl_case_sw_item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.dl_case_sw_item:hover .dl_case_item_img img {
    transform: perspective(100px) translateZ(2px);
}

.dl_case_btn{
	width: 3.4rem;
	height: 3.4rem;
	border-radius: 50%;
	font-size: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #C5252C;
	position: absolute;
	z-index: 20;
	top: calc(50% - 1.7rem);
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.dl_case_btn:hover{
	background: #ea323a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}
.dl_case_btn svg{
	width: auto;
	height: 55%;
	fill:#ffffff;
}
.dl_case_left{
	left: -4.5rem;
}
.dl_case_right{
	right: -4.5rem;
}





.dl_ncase {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
	margin: 0 auto;
}
.dl_ncase_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-top: 1rem;
    background: #FFFFFF;
    border-radius: 10px;
	overflow: hidden;
}


.dl_ncase_iteml {
    width: 48%;
    height: auto;
	position: relative;
    padding: 3rem 0;
	padding-left: 3.5rem;
}

.dl_ncase_iteml_title {
    width: 100%;
    color: #36587a;
}

.dl_ncase_iteml_des {
    /*color: #969696;*/
    color: #555555;
    line-height: 130%;
    margin-top: 1.2rem;
}
.dl_ncase_iteml_des p:nth-child(n+2) {
    margin-top: 1rem;
    /*margin-bottom: 1.5rem;*/
}

.dl_ncase_iteml_btn{
	position: absolute;
	right: 0;
	bottom: 3rem;
}
.dl_ncase_iteml_btn a {
    text-decoration: underline;
	font-size: 1.25rem;
	color: #0000EE;
	font-weight: 200;
}

.dl_ncase_iteml .dl_ncase_iteml_title:nth-child(n+2) {
    margin-top: 1.5rem;
}

.dl_ncase_itemr {
    width: 45%;
    height: auto;
    text-align: right;
    font-size: 0;
}

.dl_ncase_itemr img {
    width: auto;
    height: 100%;
    max-width: 100%;
}

.dl_ncase_itemr iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    max-width: 100%;
    background: #000000;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
}



/*提交成功*/
.messover_box{
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: -5;
	opacity: 0;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.messover_box_on{
	z-index: 2000;
	opacity: 1;
}
.messover{
	width: 22rem;
	height: auto;
	padding: 1.6rem;
	background: #FFFFFF;
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 0 auto;
}
.messover_code{
	width: 100%;
	padding: 0 1rem;
	height: auto;
	font-size: 0;
}
.messover_code img{
	width: 100%;
	height: auto;
}
.messover_title{
	text-align: center;
	font-size: 1.25rem;
	margin-top: 0.7rem;
}
.messover_title2{
	text-align: center;
	font-size: 1.25rem;
	margin-top: 0.5rem;
	
}

.messover_ico{
	width: 5rem;
	height: 2.2rem;
	margin: 0 auto;
	margin-top: 1rem;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 1.125rem;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.messover_ico:hover{
	background: #c5252c;
	color: #FFFFFF;
}


/*dlmodule0065*/
.dlmodule0065_box {
    width: 1400px;
    width: var(--mainwidth);
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
}

.dlmodule0065 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.dlmodule0065_item {
    width: calc(50% - 0.43rem);
    height: auto;
    margin-top: 0.86rem;
    border-radius: 10px;
    padding: 2rem 3rem;
    position: relative;
    background: #FFFFFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.dl_sup_glo_item:hover {

    -moz-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1);
}

.dlmodule0065_item_title {
    width: 100%;
    height: auto;
    color: #36587a;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	font-size: 1.953rem;
}



.dlmodule0065_item_des {
    /*color: #969696;*/
    color: #555555;
    margin-top: 1rem;
    padding-bottom: 2rem;
    line-height: 150%;
	text-indent: 2.5rem;
}

.dlmodule0065_item_bom{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.dlmodule0065_item_bom_img{
	width: 5.5rem;
	height: 5.5rem;
	border-radius: 50%;
	overflow: hidden;
	font-size: 0;
}
.dlmodule0065_item_bom_img img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dlmodule0065_item_bomc{
	padding-left: 1.5rem;
}
.dlmodule0065_item_bomc_title{
    color: #555555;
	font-size: 1.25rem;
    font-weight: 500;
}
.dlmodule0065_item_bomc_ltitle{
    color: #555555;
	font-size: 1.25rem;
    font-weight: 300;
	line-height: 150%;
}


.dlmodule0065_item_btn {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--OneColor);
    border-radius: 7px;
    right: 1.2rem;
    bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-5px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.05);
}

.dlmodule0065_item:hover .dlmodule0065_item_btn {
    background: #ea323a;
    transform: translateX(0px);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 16px 32px rgba(0, 0, 0, 0.1);
}

.dlmodule0065_item_btn svg {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    fill: #ffffff;
}