/* 字体 */
/* @font-face {
  font-family: MiSans-Semibold;
  src: url('ttf/MiSans-Semibold.ttf');
}
@font-face {
  font-family: MiSans-Demibold;
  src: url('ttf/MiSans-Demibold.ttf');
}
@font-face {
  font-family: MiSans-Regular;
  src: url('ttf/MiSans-Regular.ttf');
}
@font-face {
  font-family: MiSans-Light;
  src: url('ttf/MiSans-Light.ttf');
}
@font-face {
  font-family: MiSans-ExtraLight;
  src: url('ttf/MiSans-ExtraLight.ttf');
} */


/* @font-face {
  font-family: HELVETI1;
  src: url('./ttf/HELVETI1.ttf') format('truetype');
  font-style: normal;
} */
@font-face {
  font-family: ArialNova-Light;
  /* src: url('./ttf/ArialNova-Light.ttf') format('truetype'); */
  font-style: normal;
}
@font-face {
  font-family: Roboto-Bold;
  /* src: url('ttf/Roboto-Bold-3.ttf'); */
}
@font-face {
  font-family: MiSans-Medium;
  /* src: url('ttf/MiSans-Medium.ttf'); */
}
@font-face {
  font-family: Dji-Bold;
  /* src: url('ttf/Dji-Bold.ttf'); */
}

.drop-down li:hover{
	background-color: rgb(194 223 255 / 33%);
}
.navbar-category .relative .ga-data{
	z-index:9;
}
.navbar-category .relative .drop-down{
	z-index: 999;
}
.dui-navbar.collapsed .navbar-header .navbar-brand-logo {
    background-image: url(/Public/images/logo-2.png);
    width: 27.6vh;
    height: 4.1vh;
}
.dui-navbar.collapsed {
    border-bottom: 0px solid #ebebeb;
}
section.homepage-banner a.banner-link{
	cursor: pointer;
}
/*导航*/
.dui-navbar .navbar-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 17px 60px 0;
}
.dui-navbar.collapsed ul.navbar-category li.category-item>a{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    transition: .3s;
	font-family:HELVETI1,ArialNova-Light;
    border-bottom: 0px solid #fff;
	color: hsla(0,0%,100%,.8);
	letter-spacing: 0;
}
.dui-navbar.collapsed ul.navbar-category li.category-item>a:hover {
    border-bottom: 2px solid rgb(250 250 250 / 0%);
}
.drop-down {
    display: none;
    position: absolute;
    z-index: 2;
    top: 72px;
    left: -15%;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 6px 0 rgba(100,100,100,0.2);
    color: #253858;
    padding: 0;
    min-width: 160px;
    border-radius: 8px;
	z-index: 9999;
}
.nav-support:hover .drop-down {
	display: block;
	animation: drop-down 0.3s ease-in-out forwards;
}
ul .nav-support:hover .drop-down {
    display: block;
    animation: drop-down 0.3s ease-in-out forwards;
}
.drop-down:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    width: 100%;
    height: 10px;
    width: 0px;
    border: 16px solid;
    border-color: #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    cursor: pointer;
}
.drop-down li:not(:last-child) {
    border: 0 solid #c2dfff;
    border-bottom-width: 1px;
}
.drop-down li {
    list-style: none;
    margin-right: 0;
}
.nav-content-wrap>ul li {
    font-size: 14px;
}
.drop-down li a {
    font-size: 14px;
    display: block;
    padding: 10px 16px;
	line-height: 1.5;
	color: rgb(11 11 11);
}
.drop-down li a:hover {
    color: #1EAAFF;
}
.drop-down li a {
    font-size: 14px;
    display: block;
    padding: 10px 16px;
}
.promotion-grid-item{
	width:auto;
	height:auto;
}
.grid-container .grid-bg{
	width:auto;
	height:auto;
}
.grid-container .cell{
	padding:0;
}
.grid-container .cell.is-6{
	flex-basis: auto;
	max-width: none;
	margin: 10px 10px 0 0;
}
.dui-navbar ul.navbar-category>li.category-item{
	margin-right: 0px;
}
.dui-navbar ul.navbar-category>li.category-item>a{
	padding: 32px 20px;
}
/*轮播*/
section.homepage-banner{
	height: auto;
}
section.homepage-banner .swiper-slide {
    height: 100vh;/*浏览器可视区域的高度*/
}
section.homepage-banner .banner-content {
    background-size: cover;
	z-index: 9999 !important;
}
section.homepage-banner .banner-swiper-container .swiper-control .control-cover {
    width: 32%;
}
section.homepage-banner .swiper-scroller ul li a{
	cursor: pointer;
	display: block;/* 使a元素充满整个li */
	width: 100%;/* 宽度继承自父级li */
    height: 100%;/* 高度继承自父级li */
    margin: 0;
    padding: 0;
}
.banner-slogan-title1{
	font-family: "Dji-Bold", sans-serif;
	color: #ffffff;
    font-weight: 600;
    font-size: 7vh;
    width: fit-content;
    top: 20vh;
    text-align: left;
    opacity: 1;
    position: relative;
    padding-left: 13%;
}
.banner-slogan-title2{
	font-family: "MiSans-Semibold", sans-serif;
	color: #ffffff;
    font-weight: 600;
    font-size: 5vh;
    width: fit-content;
    top: 20vh;
    text-align: left;
    opacity: 1;
    position: relative;
    padding-left: 13%;
}
.banner-slogan-title3{
	font-family: "MiSans-Light", sans-serif;
	color: #ffffff;
    font-weight: 200;
    font-size: 2vh;
    width: fit-content;
    top: 20vh;
    text-align: left;
    opacity: 1;
    position: relative;
    padding-left: 13%;
}
.banner-slogan-title4{
    font-weight: 200;
    font-size: 18pt;
    width: fit-content;
    top: 25vh;
    text-align: left;
    opacity: 1;
    position: relative;
    padding-left: 13%;
    z-index: 9999 !important;
    cursor: pointer;
}
.banner-slogan-title4 img,.banner-slogan-title6 img{
	width: 20vh;
}
.banner-slogan-title5{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    position: absolute;
}
.banner-slogan-title6{
	font-weight: 200;
    font-size: 18pt;
    width: auto;
    text-align: left;
    opacity: 1;
    position: relative;
    top: 85vh;
	padding-left: 80%;
    cursor: pointer;
}
.control-btn{
	height: 12vh;
    width: 6vh;
    border-top-right-radius: 10vh;
    border-bottom-right-radius: 10vh;
}
span.control-arrow-left{
	width: 1.5vh;
    height: 1.5vh;
	left: 1vh;
}
span.control-arrow-left:after, span.control-arrow-left:before{
	width: 2vh;
}
.swiper-scroller-list{
	position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
section.homepage-banner .swiper-scroller{
    position: absolute;
    bottom: 90px;
    left: 45%;
    z-index: 200;
    overflow: hidden;
    height: 4vh;
    width: 26vh;
    margin: 0 auto;
    text-align: center;
}
li.swiper-scroller-item{
	width: 1.2vh;
    height: 1.2vh;
    margin: 0;
    background-color: #fff;
    display: inline-block;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
	border-radius: 2vh;
	float: left;
}
section.homepage-banner .swiper-scroller ul{
    position: absolute;
    bottom: 10px;
    left: auto;
    z-index: 15;
    width: auto;
    padding-left: 0;
    text-align: center;
    list-style: none;
    height: auto;
    margin: 0 auto;
}
section.homepage-banner .swiper-scroller ul li{
	position: unset;
	margin: 10px;
    visibility: visible;
    opacity: 0.5;
}
section.homepage-banner .swiper-scroller ul li:nth-child(2) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

section.homepage-banner .swiper-scroller ul li:nth-child(3) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

section.homepage-banner .swiper-scroller ul li:nth-child(4) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

section.homepage-banner .swiper-scroller ul li:nth-child(5) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

section.homepage-banner .swiper-scroller ul li:nth-child(6) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}

section.homepage-banner .swiper-scroller ul li:nth-child(7) {
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
}
section.homepage-banner .swiper-scroller ul li:nth-child(2),section.homepage-banner .swiper-scroller ul li:nth-child(6) {
    opacity:0.5;
    visibility:visible;
    cursor:pointer;
}
section.homepage-banner .swiper-scroller ul li:nth-child(3),section.homepage-banner .swiper-scroller ul li:nth-child(5) {
    opacity: 0.5;
    visibility: visible;
    cursor: pointer
}
section.homepage-banner .swiper-scroller ul li:nth-child(4) {
    opacity: 0.5;
    visibility: visible
}
/* 动态分享 */
.banner7{
    /* min-height: 850px; */
    background-color: #f7f9fa;
    margin: auto;
}
.banner7 .product{
    width: 100%;
    position: relative;
    padding: 74px 0 40px;
    text-align: center;
}
.banner7 .product h1{
	color: black;
}
#myCarousel_activity{
    height: 700px;
    overflow: hidden;
}
/*左滑动按钮*/
#myCarousel_activity .carousel-control-left {
	top: 78%;
    left: 43%;
    bottom: auto;
    width: auto;
    background: rgb(255 255 255 / 0%);
    opacity: 1;
}
/*右滑动按钮*/
#myCarousel_activity .carousel-control-right {
	top: 78%;
    right: 43%;
    bottom: auto;
    width: auto;
    background:rgb(255 255 255 / 0%);
    opacity: 1;
}
#myCarousel_activity .carousel-inner{
	height: 100%;
    width: 1200px;
    margin: 0 auto;
}
#myCarousel_activity .meta{
	padding: 23px;
    color: black;
	overflow: hidden;
}
#myCarousel_activity h3 {
    font-family: "MiSans-Regular", sans-serif;
    font-size: 18pt;
    font-weight: 700;
    text-align: left;
    width: 337px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#myCarousel_activity a{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 22px;
    color: black;
	font-weight: 600;
}
#myCarousel_activity a.item-name{
	overflow: hidden;
    display: block;
	height: 50px;
}
#myCarousel_activity p{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 14px;
    height: 44px;
}
#myCarousel_activity .attribute{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 14px;
	margin-top: 5px;
	height: 20px;
}
#myCarousel_activity .name-hr{
	margin: 0.5em 0;
}
#myCarousel_activity .carousel-inner .item {
    overflow: hidden;
    border: 0px solid red;
    margin: 0 auto;
    min-width: 1650px;
	width:100%;
    padding-bottom: 50px;
}
#myCarousel_activity .carousel-inner {
    height: 100%;
    min-width: 1650px;
    margin: 0 auto;
}
#myCarousel_activity .mouse_effect_maker{
    border: 0px solid red;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    margin:0 10px 0;
}
#myCarousel_activity .report{
    display: inline-block;
    width: 383px;
    height: 430px;
    position: relative;
    cursor: pointer;
    margin-top: 52px;
	transition: .3s;
}
#myCarousel_activity .container_img{
    position: absolute;
    bottom: 0;
    width: 383px;
    height: 430px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    transition: .3s;
    background: #fff;
}
#myCarousel_activity .for-more{
    margin-top: 16px;
    font-size: 16px;
    opacity: 0;
    transition: .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAUCAYAAADyWA/8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALqADAAQAAAABAAAAFAAAAAC5A4QjAAABAUlEQVRIDe3VrQoCQRSG4R0tisEiWBTcYBWsBsGqN2Czi1FNBsFg8B5MWr0NL0KD3WKwmNZ3wIHDwK5lhbOyBz7mT2cfjgsGgaKKoqhBpqSniJVMAVsjd+JqnvwNJadoR04sxoUSXjwDbJ08BNpNM4Hvo306sRhzfPxvnsIJnf7aeWOfwwfbDI0UnpnmFR0u25Kyd+nSGLMzoFccbLxD7cuxhT9QVrVLPd+pwMbF28zC8mw7HiJdk6YycQlPl9hR1pHFRG6omdPMFrkRvw5sFNVAJQRYjpYN+dmcTlfIlfil9/Ww3UA79MWsdaM/8BDoS+D1o937B3pA9mRG7H/M/9UbnaVkX0s2N20AAAAASUVORK5CYII=) no-repeat;
    background-size: 22px;
    background-position: 72px;
    font-weight: 700;
    text-align: left;
    color: #fff;
    line-height: 21px;
    letter-spacing: 1px;
}
#myCarousel_activity .container_img:hover {
	height:456px;
}
#myCarousel_activity .report:hover{
	height:456px;
	transform: translate(0px, -26px);
	box-shadow: 0 40px 30px -30px rgba(62,84,116,.3)/*覆盖之前的效果*/
}
#myCarousel_activity .report:hover .for-more {
    opacity: 1;
}
#myCarousel_activity .report:hover .meta{
	background-color: #0a78ff;
    color: rgb(255, 255, 255);
}
#myCarousel_activity .report:hover a{
    color: rgb(255, 255, 255);
	transition: 0s all;
    -webkit-transition: 0s all;
}
/* ---------------------------2024年2月23------------------------- */
/* banner1 轮播 */
.carousel-control{
	width: 10%;
}
/* 标题 */
.product{
	width: 100%;
    position: relative;
    padding: 160px 0 120px;
    text-align: center;
}
.product h1{
	text-align: center;
	color: #ffffff;
	font-family: "MiSans-Demibold", sans-serif;
	font-size: 37pt;
	line-height:2;
}
/* 标题动画 */
.product .title_h1{

}
.skinTips{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 14pt;
	color: #a6a6a6;
}

/***************banner6********************/
/* about */
.banner6{
	background: url(/public/images/index/PC/home/about-min.jpg) no-repeat center center;
    background-size: cover;
	height: 672px;
    margin: auto;
    overflow: hidden;
}
.banner6 .product{
	padding: 80px 0 50px;
}
.banner6 .about_img{
	cursor: pointer;
	float: left;
    margin: 18px;
    border: 1px solid #343434;
    position: relative;
    transition: top 0.5s ease;
    top: 10vw;
    opacity: 0;
}
#clear{
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

.banner6 .title_label_moveUp{
	top: 0px;/* 上移后的位置 */
	opacity: 1;/* 上移后显示 */
}
/* 解决方案 */
.banner_5{
	background: url(/public/images/index/PC/home/solution/1-min.jpg) no-repeat center center;
    background-size: cover;
	height: 940px;
    margin: auto;
}
.banner_5 .banner_5_title{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 14pt;
	color: #666666;
}
.banner_5 .counter{
	font-family: "Roboto-Bold", sans-serif;
	font-size: 38pt;
	color: #ffffff;
}
.banner_5 .no-gutters{
	overflow: hidden;
    border: 0px solid red;
    margin: 0 auto;
}
.banner_5 .col-lg-3{
	height: 360px;
    cursor: pointer;
    text-align: center;
	width: 100%;
    max-width: 270px;
    margin: 0 25px;
    padding: 0;
    transition: background 0s; /* 移除背景过渡效果，因为我们使用动画 */
    float: left;
}
/* 数字背景定义动画 */
@keyframes gradient-animation {
	0% {
		background: linear-gradient(to top, rgb(10 120 255 / 0%),20%, #fff0); /* 动画开始时的背景色 */
		color: #0a78ff;
	}
	10% {
		background: linear-gradient(to top, rgb(10 120 255 / 6%),20%, #fff0); /* 动画开始时的背景色 */
	}
	20% {
		background: linear-gradient(to top, rgb(10 120 255 / 12%),20%, #fff0); /* 动画中间点的背景色 */
	}
	30% {
		background: linear-gradient(to top, rgb(10 120 255 / 18%),20%, #fff0); /* 动画中间点的背景色 */
	}
	40% {
		background: linear-gradient(to top, rgb(10 120 255 / 24%),20%, #fff0); /* 动画中间点的背景色 */
	}
	50% {
		background: linear-gradient(to top, rgb(10 120 255 / 30%),20%, #fff0); /* 动画中间点的背景色 */
	}
	60% {
		background: linear-gradient(to top, rgb(10 120 255 / 36%),20%, #fff0); /* 动画中间点的背景色 */
	}
	70% {
		background: linear-gradient(to top, rgb(10 120 255 / 42%),20%, #fff0); /* 动画中间点的背景色 */
	}
	80% {
		background: linear-gradient(to top, rgb(10 120 255 / 48%),20%, #fff0); /* 动画中间点的背景色 */
	}
	90% {
		background: linear-gradient(to top, rgb(10 120 255 / 54%),20%, #fff0); /* 动画中间点的背景色 */
	}
	100% {
		background: linear-gradient(to top, rgb(10 120 255 / 60%),20%, #fff0); /* 动画结束时的背景色 */
	}
}
.banner_5 .col-lg-3:hover,.banner3 .title_label:hover{
	animation: gradient-animation 0.3s ease-in-out forwards;
}
.banner_5 .col-lg-3:hover .counter,.banner_5 .col-lg-3:hover .banner_5_title{
	color: #0070d5;
}
/***********************************/
.border_red{
	border: 0px solid red;
}
.banner4{
	background-color: #000000;
	background: url(/public/images/index/PC/home/download/banner4-min.jpg) no-repeat center center;
	background-size: cover;
	padding: 100px 0;
	overflow: hidden;
}
.Exhibition_item{
	width: 200px;
    text-align: left;
}
.ProductExhibition{
	float: right;
}
.ProductExhibition_wrap{
	float: right;
}
.Exhibition_num{
    margin-top: 34%;
}
.Exhibition_a{
	width: 250px;
	padding:10px 0 10px 20px;
	margin: 40px 0;
	cursor: pointer;
	left: -3px;
	position: relative;
    border-left: 3px solid rgb(255 255 255 / 0%);
}
.banner4 .carousel-inner{
	width: 840px;
}
.banner4 h1{
	font-family: "MiSans-Demibold", sans-serif;
	font-size: 37pt;
	color: #fff;
}
.banner4 .title_h3{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 18pt;
	margin: 0 0 10px 0;
	color: #858484;
	font-weight: 600;
}
.banner4 .title_p{
	font-family: "MiSans-ExtraLight", sans-serif;
    font-size: 10pt;
    color: #757575;
    /* font-weight: 600; */
	font-weight: 400;
}
.chakan{
	font-family: "MiSans-Regular", sans-serif;
	font-size: 14pt;
	color: #a6a6a6;
}
.chakan:hover{
	color: #0a78ff;
}
.banner4 .title_a{
	margin: 0 0 15px 0;
}
.banner4 .Exhibition_active{
	border-left: 3px solid rgb(0 103 255);
}
.banner4 .Exhibition_active .title_h3{
	color: #fff;
}
.banner4 .Exhibition_active .title_p{
	color: #a6a6a6;
}
/* ---------------------------------- */
.banner3{
    background-color: #000000;
    padding: 0;
	background: url(/public/images/index/PC/home/classification/banner3-min.jpg) no-repeat center center;
    background-size: cover;
	height: 970px;
	overflow: hidden;
}
.banner3 .product h1{
	font-family: "MiSans-Demibold", sans-serif;
	font-size: 37pt;
	color: #fff;
}
.banner3 .title_label{
	float: left;
    margin: 20px;
    border: 1px solid #343434;
    position: relative;
    transition: top 0.5s ease;/* 动画持续时间为0.5秒，使用ease函数 */
    top: 10vw;
	/* top:0px; */
    opacity: 0;
}
.banner3 .product{
	padding: 160px 0 80px;
}
.banner3 .title_label_moveUp{
	top: 0px;/* 上移后的位置 */
	opacity: 1;/* 上移后显示 */
}
/* ---------------------------------- */
.banner2{
    /* max-height: 550px; */
	line-height: 1;
    background-color: #000000;
}
.banner2 .home_btn_textwrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 8%;
    height: 6%;
    text-align: center;
    justify-content: center;
    font-size: 1.5vh;
    line-height: 47px;
    border-radius: 60px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    color: #fff;
    transition: all .3s ease;
    min-width: 154px;
    min-height: 47px;
    cursor: pointer;
    user-select: none;
    background-color: #0000006e;
}
.banner2 .home_btn_textwrap span {
    transition: all .3s linear;
    font-weight: normal !important;
}
.banner2 .home_btn_textwrap svg {
    transition: all .3s linear;
}
.banner2 .icon{
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
	vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    align-self: center;
}
.banner2 .home_btn_textwrap:hover{
    border-color: #b733b4;
}
.banner2 .home_btn_textwrap:hover svg, .banner2 .home_btn_textwrap:hover span{
    color: #b733b4;
}