.main-content{
    width: 1200px;
    margin: 0 auto;
}

.main-fuid{
    width: 100%;
}

.main-news{
    background-color: #fff;
    width:1400px;
    margin: 0 auto;
    padding:30px;
}

.language{
    position: relative;
    height:30px;
    line-height: 30px;
	cursor:pointer;
}

.language span {
    color: #fff;
}

.language::after{
    content: '';
    position: absolute;
    top:6px;
    width:11px;
    height:11px;
    margin-left:10px;
    background-color: transparent;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    transform: rotate(-135deg);
	cursor:pointer;
}

.menu-btn{
    position: relative;
    height:50px;
    width:50px;
    margin-left:50px;
	display: flex;
    align-items: center;
}



.index-language{
	position:absolute;
	left:-40px;
	top:30px;
	z-index:99;
	width:140px;
	background-color:#fff;
	border:1px solid #999;
	border-radius:5px;
}
.lang-item{
	height:40px;
	line-height:40px;
	padding:0 20px;
	cursor:pointer;
}
.lang-item:hover{
	background-color:#1B46FF;
	color:white;
	border-radius:5px;
}

.index-menu{
	position:fixed;
	width:0;
	right:-1px;
	z-index:99;
	top:0;
	bottom:0;
	transition: all .2s ease-out;
}
.menu-item{
	height:50px;
	border-bottom:1px solid #9E9E9E;
	line-height:50px;
	display:block;
	color:#000;
}

.menu-item:hover{
	text-decoration: none;
	color:#000;
}
	
	
.menu-sub-item{
	height:50px;
	line-height:50px;
	padding-right:50px;
	display:block;
	color:#000;
}
.menu-sub-item:hover{
	text-decoration: none;
	color:#000;
}
	
.menu-expand{
	position:relative;
}

.menu-folded::after{
	content: '';
	position: absolute;
	background-color: transparent;
	right:0;
	width:10px;
	height:10px;
	top:22px;
	margin-left:10px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	transform: rotate(135deg);
	cursor: pointer;
}

.menu-unfolded::after{
	content: '';
	position: absolute;
	background-color: transparent;
	right:0;
	width:10px;
	height:10px;
	top:22px;
	margin-left:10px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	transform: rotate(225deg);
	cursor: pointer;
}

.close-btn {
	position: relative;
	width: 50px;
	height: 50px;
}

.close-btn::before,
.close-btn::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color:#D80312;
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotate(45deg);
}

.close-btn::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.close-btn::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
		
.function-item a{
    display: flex;
    align-items: center;
    margin-right:60px;
    text-decoration: none;
	margin-bottom:20px;
    color:#000;
}

.function-item a img{
    width:40px;
    height:40px;
}

.function-item a .text{
    font-size:20px;
}

.function-item a .line{
    width:60px;
    height:2px;
    background-color: #000;
}

.content-start{
    margin-top:-150px;
}

.index-item-title{
    position: relative;
    font-size:40px;
    margin-bottom:15px;
}

.index-item-title::after{
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    width:120px;
    margin-bottom:-10px;
    height:4px;
    background-color: #fff;
}

.index-item-title2{
    position: relative;
    font-size:40px;
    margin-bottom:15px;
}

.index-item-title2::after{
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    width:120px;
    margin-bottom:-10px;
    height:4px;
    background-color: #999;
}

.index-item-content{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.index-item-content-title{
    font-size: 38px;
    color:white;
    font-weight: bold;
}

.index-item-content-subtitle{
    font-size: 28px;
}

.index-item-content-button{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    text-decoration: none;
    color:#000;
}
.index-item-content-button:hover{
    text-decoration: none;
    color:#000;
}

.index-item-content-button .more{
    position: relative;
    padding-right:20px;
    text-decoration: none;
}


.index-item-content-button .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #000;
    border-top:1px solid #000;
    transform: rotate(135deg);
}

.index-item-content-button2{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

.index-item-content-button2:hover{
    text-decoration: none;
    color:white;
}

.zhijia-item{
	margin-top:200px;
}

.index-item-content-button2 .more{
    position: relative;
    padding-right:20px;
    color:white;
}

.index-item-content-button2 .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    transform: rotate(135deg);
}

.index-item-content-button3{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    text-decoration: none;
}

.index-item-content-button3:hover{
    text-decoration: none;
    color:white;
}


.index-item-content-button3 .more{
    position: relative;
    padding-right:20px;
    color:white;
}

.index-item-content-button3 .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    transform: rotate(135deg);
}

.index-item-content-button4{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid #000;
    text-decoration: none;
}

.index-item-content-button4:hover{
    text-decoration: none;
    color:black;
}


.index-item-content-button4 .more{
    position: relative;
    padding-right:20px;
    color:#000;
}

.index-item-content-button4 .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #000;
    border-top:1px solid #000;
    transform: rotate(135deg);
}

.swiper-partner{
    width:100%;
    overflow-x:hidden;
}

.index-partner-array{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.index-partner-item{
    flex-shrink: 0;
    width:200px;
	text-align:center;
}

.index-partner-item img{
    height:80px;
}

.footer{
    background-color: #000;
    height:400px;
    margin-top:-100px;
}

/*--------------product-----------------------*/

.blur-element {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
}

.index-item-content-button5{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.index-item-content-button5:hover{
    text-decoration: none;
    color:black;
}


.index-item-content-button5 .more{
    position: relative;
    padding-right:20px;
    color:#D80312;
}

.index-item-content-button5 .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #D80312;
    border-top:1px solid #D80312;
    transform: rotate(135deg);
}

.blur-element2 {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
}

/*------------------contact--------------------------*/
.input-item{
    padding:15px;
    background-color:#F5F5F5;
    margin:0 10px;
}

.input-item input{
    border: none;
    outline: none;
    background-color:#F5F5F5;
}

.index-item-content-button6{
    padding:10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
	color:#fff;
}

.index-item-content-button6:hover{
    text-decoration: none;
    color:#fff;
}


.index-item-content-button6 .more{
    position: relative;
    padding-right:20px;
    color:#fff;
}

.index-item-content-button6 .more::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:10px;
    height:10px;
    top:7px;
    margin-left:10px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    transform: rotate(135deg);
}

@media screen and (max-width: 768px) {
	body{
		overflow-x:hidden;
	}
    .main-content{
		width:100%;
		padding:10px;
	}
	.main-fuid{
		padding:10px;
	}
	.main-news{
		width:100%;
	}
	.index-item-content-title{
		font-size:24px;
	}
    .index-item-content-subtitle{
        font-size: 16px;
    }
}

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.navbar-expand {
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.navbar-expand .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
}
.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	color: #D80312 !important;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.dropdown-toggle {
	white-space: nowrap;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.dropdown-item{
	transition: all .3s ease-in;
}

.dropdown-menu .active, .dropdown-item:active, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #D80312 !important;
}

.navigation {
	position: relative;
	width:120px;
	height:70px;
	cursor:pointer;
}

.navigation-one, .navigation-two {
	position:absolute;
	height: 2px;
	background-color: #D80312;
	left:0;
	transition: all 0.4s linear;
}
.navigation-one{
	top:25px;
	right:60px;
}
.navigation-two{
	bottom:25px;
	right:20px;
}

.navigation:hover > .navigation-one, .navigation:hover > .navigation-two {
	right:40px;
}
.frame-video-bg::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000000 0%, rgba(21, 21, 21, 0) 40%);
}

.frame-video-bg2 {
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient(0deg, #000000 0%, rgba(21, 21, 21, 0) 40%);
}

.frame-margin-small{
	margin-top: 40rem;
	margin-bottom: 20rem;
}


a {
	text-decoration: none;
	color: #D80312;
	-webkit-transition: all 0.2slinear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2slinear;
}

.btn-primary {
	font-weight: 300;
	border-radius: 0;
	padding: 0.5rem 2.5rem;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	width: 100%;
	transition: all 0.4s ease-in-out;
	transition: all 0.4sease-in-out;
	border: 2px solid #D80312;
	background-color: #D80312;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
}

.btn-primary:hover{
	background-color: transparent;
	border: 2px solid #D80312;
	color: #D80312;
}

.word-text{
	padding-top:10rem;
}
.counter-number{
	color: #00D1D9;
	font-weight: 900;
	letter-spacing: 4.15px;
	line-height: 1;
	font-size: 83px;
	font-size: clamp(4.5rem, 4.3625rem + 0.6875vw, 5.1875rem);
	margin-bottom: 1rem;
}

.subtitle {
	text-transform: uppercase;
	color:#fff;
}

.style3{
	background-color: #D80312;
	margin-top:200px;
	padding-top:120px;
}

@media screen and (max-width: 375px) {
	body{
		width:100%;
		overflow-x:hidden;
		margin: 0;
        padding: 0;
	}
	.container{
		margin-left:0;
		margin-right:0;
		overflow-x:hidden;
		padding-left:10px;
		padding-right:10px;
		overflow-x:hidden;
	}
	.container-fuid{
		width:100%;
		margin-left:0;
		margin-right:0;
		overflow-x:hidden;
		padding-left:0;
		padding-right:0;
		overflow-x:hidden;
	}
	.frame-margin-small{
		margin-top: 0.25rem;
	}
	.word-text{
		padding-top:2rem;
	}
}
@media screen and (max-width: 768px) {
	body{
		width:100%;
		overflow-x:hidden;
		margin: 0;
        padding: 0;
	}
	.container{
		margin-left:0;
		margin-right:0;
		overflow-x:hidden;
		padding-left:10px;
		padding-right:10px;
		overflow-x:hidden;
	}
	.container-fuid{
		width:100%;
		margin-left:0;
		margin-right:0;
		overflow-x:hidden;
		padding-left:0;
		padding-right:0;
		overflow-x:hidden;
	}
	.frame-margin-small{
		margin-top: 1.25rem;
	}
	.word-text{
		padding-top:5rem;
	}
	.style3{
		margin-top:0;
		padding-top:30px;
		padding-bottom:30px;
	}
}

.contact-link{
	text-decoration: none;
	color: #fff;
	transition: all 0.2s linear;
}
.contact-link:hover, .contact-link:active{
	text-decoration: none;
	color: #000;
}
.bottom-link{
	text-decoration: none;
	color: #fff;
	transition: all 0.2s linear;
}
.bottom-link:hover, .bottom-link:active{
	text-decoration: none;
	color: #fff;
	font-weight:900;
}