@charset "utf-8";

@font-face {
	font-family: 'Roboto';
	/* 自定义字体名称 */
	src: url('../font/Roboto-Regular.ttf'),
		font-weight: normal;
	font-style: normal;
}

/* top导航栏 */


.right_right1 {
	width: 183px;
	height: 50px;
	margin-right: 23px;
	display: flex;
	position: relative;

}

.right_right1 .right_top {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	transition: all 0.6s ease;
}

.right_right1 .right_top .right_word {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	cursor:pointer;
}

.right_right1 .right_top .right_xian {
	width: 30px;
	height: 1px;
	background: #FFF;
	margin-left: 11px;
}

.right_right1 .right_top .ml39 {
	margin-left: 39px;
}

.right_right1:hover .right_top {
	margin-left: 30px;
	transition: all 0.8s ease;

}

.right_right1:hover .right_red {
	width: 183px;
	transition: all 0.8s ease;
}

.right_right1 .right_red {
	width: 76px;
	height: 50px;
	background: #D80C18;
	transition: all 0.8s ease;
	position: absolute;
	top: 0px;
	right: 0px;
}

.right_right {
	width: 163px;
	height: 50px;
	margin-right: 23px;
	display: flex;
	position: relative;

}

.right_right .right_top {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	transition: all 0.6s ease;
}

.right_right .right_top .right_word {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	cursor:pointer;
}

.right_right .right_top .right_xian {
	width: 30px;
	height: 1px;
	background: #FFF;
	margin-left: 11px;
}

.right_right .right_top .ml39 {
	margin-left: 39px;
}

.right_right:hover .right_top {
	margin-left: 30px;
	transition: all 0.8s ease;

}

.right_right:hover .right_red {
	width: 183px;
	transition: all 0.8s ease;
}

.right_right .right_red {
	width: 76px;
	height: 50px;
	background: #D80C18;
	transition: all 0.8s ease;
	position: absolute;
	top: 0px;
	right: 0px;
}



.right_right2 {
	width: 230px;
	height: 50px;
	margin-right: 23px;
	display: flex;
	position: relative;

}

.right_right2 .right_top {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	transition: all 0.6s ease;
}

.right_right2 .right_top .right_word {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	cursor:pointer;
}

.right_right2 .right_top .right_xian {
	width: 30px;
	height: 1px;
	background: #FFF;
	margin-left: 11px;
}

.right_right2 .right_top .ml39 {
	margin-left: 39px;
}

.right_right2:hover .right_top {
	margin-left: 30px;
	transition: all 0.8s ease;

}

.right_right2:hover .right_red {
	width: 230px;
	transition: all 0.8s ease;
}

.right_right2 .right_red {
	width: 76px;
	height: 50px;
	background: #D80C18;
	transition: all 0.8s ease;
	position: absolute;
	top: 0px;
	right: 0px;
}



/* .top_nav {
	width: 100%;
	height: 84px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;

}

.top_nav .top_left {
	flex: 1;
	display: flex;
	align-items: center;

}

.top_nav .top_left .left_menu {
	width: 34px;
	height: 34px;
	display: block;
	margin-left: 40px;
}

.top_nav .top_left .left_word {
	color: #FFF;
	font-family: "Microsoft YaHei";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color: #FFF;

	margin-left: 12px;
}


.top_nav .top_center {
	width: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top_nav .top_center .center_logo {
	width: 206px;
	height: 28px;
	display: block;

}

.top_nav .top_right {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: right;
	position: relative;

}

.top_nav .top_right .left_img {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, .1);
	margin-right: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top_nav .top_right .right_img {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, .1);
	margin-right: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.8s ease;
	position: relative;

}

.top_nav .top_right .right_img:hover {
	width: 398px;
	height: 40px;
	justify-content: left;
	transition: all 0.8s ease;
}

.top_nav .top_right .right_img:hover .left_input {
	display: block;
	border: none;
	background: none;
	outline: none;
}

.top_nav .top_right .right_img:hover.left_search {
	margin-left: 9px;
}

.top_nav .top_right .right_img .phone_search>span {
	display: none;
}

.top_nav .top_right .right_img .left_input {
	display: none;
	width: 358px;
	height: 40px;
	margin-right: 9px;
}

.top_nav .top_right .right_img .left_search {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;

}

.right_right {
	width: 183px;
	height: 50px;
	margin-right: 23px;
	display: flex;
	position: relative;

}

.right_right .right_top {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	transition: all 0.6s ease;
}

.right_right .right_top .right_word {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.right_right .right_top .right_xian {
	width: 30px;
	height: 1px;
	background: #FFF;
	margin-left: 11px;
}

.right_right:hover .right_top {
	margin-left: 30px;
	transition: all 0.8s ease;

}

.right_right:hover .right_red {
	width: 183px;
	transition: all 0.8s ease;
}

.right_right .right_red {
	width: 66px;
	height: 50px;
	background: #D80C18;
	transition: all 0.8s ease;
	position: absolute;
	top: 0px;
	right: 0px;
}








.top_nav .top_right .left_imgs:hover+.header_language {
	height: 160px;
	padding: 14px;
	opacity: 1;

}

.top_nav .top_right .header_language:hover {
	height: 160px;
	padding: 14px;
	opacity: 1;

}

.top_nav .top_right .header_language {
	position: absolute;
	top: 64px;
	right: 140px;
	width: 140px;
	height: 0px;
	padding: 0px;
	opacity: 0;
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.50);
	transition: all 1s ease;

}

.top_nav .top_right .header_language>img {
	width: 16px;
	height: 14px;
	position: absolute;
	top: -9px;
	right: 102px;
}

.top_nav .top_right .header_language .language_content .language_item_box {
	color: #666;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 8px 0;
}

.top_nav .top_right .header_language .language_content .language_item_box:hover>a {
	color: #D80C18 !important;

} */
/* 头部标签 */
.borderBot1 {
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

/* 侧边弹窗 */
body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	padding-bottom: 56px;
}


.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.sidebar-popup {
	position: fixed;
	top: 0;
	left: -1000px;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
	color: #FFF;
	transition: left 0.3s ease;
	z-index: 1000;
	padding: 156px 0 0 140px;
}

.sidebar-popup ul {}

.sidebar-popup ul li {
	color: rgba(255, 255, 255, 0.60);
	font-family: Roboto;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 48px;
	transition: color 0.6s ease;
	position: relative;
}

.sidebar-popup ul li:hover {
	color: rgba(255, 255, 255, 1) !important;
}

.sidebar-popup ul li .pop_right {
	padding: 1px;
	position: absolute;
	top: 10px;
	left: 252px;
	z-index: 9;
	display: none;
}

.sidebar-popup .pop_right>span {
	width: 45px;
	height: 1px;
	margin-top: 20px;
	background-color: #FFF;
	display: inline-block;
	margin-right: 18px;
}

.sidebar-popup .pop_right>div>a {
	color: rgba(255, 255, 255, 0.60);
	color: #FFF;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 28px;
	display: block;
}

.sidebar-popup .pop_right>div>a:hover {
	color: #FFF;

}

.sidebar-popup .pop_botimg {
	position: absolute;
	bottom: 19px;
	left: -60px;
	width: 860.57px;
	height: 122.121px;
	opacity: .1;
	z-index: -1;
}

.close-popup {
	display: none !important;
}

.closepopup {
	display: none;
}

/* menu 右图 */
.menu_right {
	z-index: 9999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.menu_right>img {

	width: 100%;
	height: 100%;
	display: block;
}

/* 返回顶部 */
.go_top {
	position: fixed;
	right: 140px;
	bottom: 84px;
	display: flex;
	width: 72px;
	height: 72px;
	padding: 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	z-index: 999;
	background: #D80C18;
	cursor: pointer;
}
.go_top .top_btn{
    cursor: pointer;
}

.go_top .top_img {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

/* banner轮播图 */

/* 定义关键帧动画 */
@keyframes moveRight {

	/* 	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0);
	} */
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/* .my-container {
	white-space: nowrap;
	transform: translateX(-100%);
	animation: moveText 3s ease;
} */

/* 文字移动动画 */
/* @keyframes moveText {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
} */

.ban_text {
	/* animation: moveRight 5s infinite; */
	position: absolute;
	top: 300px;
	left: 120px;
	width: 100%;
	z-index: 9;

	color: #FFF;
	font-family: Roboto;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.carousel-container {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.carousel-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	transition: transform 1s ease-in-out;
}

.carousel-list li {
	flex: 0 0 100%;
}

.carousel-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel-list .bannerWord {
	color: #FFF;
	font-family: Roboto;
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	z-index: 9;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.carousel-controls button {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}

.carousel-controls .prev {}

/* 内容1 */
.content1 {
	width: 1438px;
	margin: 120px auto 144px;
	display: flex;
}

.content1>div:nth-child(1) {
	flex: 1;
}

.content1>div:nth-child(2) {
	flex: 1;
	color: #666;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
}

.content1>div:nth-child(1)>p:nth-child(1) {
	color: #333;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;

}

.content1>div:nth-child(1)>p:nth-child(2) {
	color: #333;
	font-family: Roboto;
	/* font-size: 48px; */
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 62px;
	margin-top: 26px;
}

.content1>div:nth-child(1)>p:nth-child(3) {
	color: #333;
	font-family: Roboto;
	font-size: 44px;
	font-style: normal;
	font-weight: 300;
	line-height: 62px;
}

.content1>div:nth-child(2)>p {
	margin-bottom: 63px;
}

.colorBlack {
	color: #000 !important;
}

.blackxian {
	background-color: #000 !important;
}

/* 内容2 content2 */
.content2 {
	width: 100vw;
	height: 100vh;
	background: #202020;
	padding-top: 1px;
	position: relative;

}

.content2 .inner {
	width: 1438px;
	margin: 70px auto 0;
	display: flex;

}

.content2 .inner>div:nth-child(1) {
	width: 676px;
	height: 774px;
	flex-shrink: 0;
	margin-right: 43px;
	background: #363636;
	padding: 80px 70px 80px 70px;
	position: relative;
	z-index: 1;
	transition: padding 0.6s ease;
	overflow: hidden;
	/* 隐藏溢出部分 */
}

.content2 .inner>div>p:nth-child(1) {
	color: #D80C18;
	font-family: Roboto;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	/* 133.333% */

	z-index: 99;
}

.content2 .inner>div>p:nth-child(2) {
	color: #FFF !important;
	font-family: Roboto;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	transition: margin-bottom 0.6s ease;
	line-height: 48px;
	/* 133.333% */

	z-index: 99;
}

.content2 .inner>div .center_botword {
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
	color: #fff;
	z-index: 99;
}

.content2 .inner>div .underscore {
	width: 54px;
	height: 2px;
	background-color: #D80C18;
	transition: width 1s ease;
	margin-top: 36px;
	z-index: 99;

}

.content2 .inner>div:hover .underscore {
	width: 536px;
	transition: width 1s ease;

}

.content2 .inner>div .img_f {
	position: absolute;
	top: -13px;
	left: -112px;
	height: 774px;
	width: 900px;
	height: 800px;
	transition: all 0.6s ease;
	/* 为容器属性变化添加过渡效果 */
	opacity: 0;
	z-index: -1;

}

.content2 .inner>div .jumpData {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 52px;
	opacity: 0;
	transition: all 0.6s ease;
	z-index: 999;
}

.content2 .inner>div .jumpData>a {
	width: 50%;
	margin-bottom: 29px;
	color: #FFF;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
}

.content2 .inner>div .jumpData>a>img {
	width: 24px;
	height: 24px;
	display: inline-block;
}

.content2 .inner>div .img_f>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content2 .inner>div:hover .img_f {
	width: 676px;
	height: 774px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: .3;
	z-index: -1;
	

}

.content2 .inner>div:nth-child(2) {

	width: 676px;
	height: 774px;
	flex-shrink: 0;
	margin-left: 43px;
	background: #363636;
	padding: 80px 70px 80px 70px;
	position: relative;
	z-index: 1;
	transition: padding 0.6s ease;
	overflow: hidden;
	/* 隐藏溢出部分 */
}

.content2 .inner>div:hover {
	padding: 105px 70px;

}

.content2 .inner>div:nth-child(1) .jumpData {
	margin-bottom: 226px;
}

.content2 .inner>div:nth-child(2) .jumpData {
	margin-bottom: 170px;
}

.content2 .inner>div:nth-child(1):hover .jumpData {
	opacity: 1;
	margin-bottom: 170px;
}

.content2 .inner>div:nth-child(2):hover .jumpData {
	opacity: 1;
	margin-bottom: 114px;
}

.content2 .icon {
	position: absolute;
	top: 160px;
	left: 80px;
	width: 45.284px;
	height: 28.284px;
}

/* 内容3  */
.content3 {
	width: 100vw;
	height: 100vh;
	padding-top: 1px;
	background: #F6F9FC;
	position: relative;
	z-index: 1;

}

.content3 .inner {
	width: 1438px;
	margin: 0 auto;
	display: flex;
	margin-top: 149px;

}

.content3 .inner>div:nth-child(1) {
	width: 707px;
	color:  #333;
	font-family: Roboto;
	/* font-size: 48px; */
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: 62px;
	/* 129.167% */
}

.content3 .inner>div:nth-child(2) {
	width: 660px;
	color: #666;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
	margin-top: 52px;
	margin-left: 147px;
}

.content3 .inner>div:nth-child(1)>span {

	font-weight: 700;
}

.content3 .area {
	width: 100vw;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;

}

.content3 .icon {
	position: absolute;
	top: 160px;
	left: 80px;
	width: 45.284px;
	height: 28.284px;
}

/* 内容4  */
.content4 {
	width: 100vw;
	/* height: 100vh; */
	padding-top: 1px;
	background: #F6F9FC;
	position: relative;

}

.content4 .inner {
	width: 1438px;
	margin: 0 auto;
	margin-top: 117px;
	padding-bottom: 100px;
}

.content4 .inner>div:nth-child(1) {
	display: flex;

}

.content4 .inner>div>div:nth-child(1) {
	width: 707px;
	color:  #333;
	font-family: Roboto;
	/* font-size: 48px; */
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: 62px;
	/* 129.167% */
}

.content4 .inner>div>div:nth-child(2) {
	width: 660px;
	/* flex: 1; */
	color:  #666;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
	/* margin-left: 122px; */
}

.content4 .inner>div>div:nth-child(1)>span {

	font-weight: 700;
}

.content4 .inner .con4_bot {
	width: 100%;
	margin-top: 80px;


}

.content4 .inner .con4_bot .con4bot_inner {
	padding: 80px 170px;
	width: 100%;
	display: flex;
	transition: all 0.6s ease;
}

.borderBot {
	border-bottom: 1px solid #e1e1e1;
}

.content4 .inner .con4_bot .con4bot_inner:hover {
	background-color: #fff;
	box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.08);
}

.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1) {

	/* flex: 1; */
	width: 350px;

}

.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>img {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;

}

.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>p {
	color:  #333;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
	/* 112.5% */
	margin-top: 24px;
	text-align: center;

}

.content4 .inner .con4_bot .con4bot_inner>div:nth-child(2) {
	/* width: 586px; */
	margin-left: 103px;

	flex: 1;
	color:  #666;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
}

.content4 .icon {
	position: absolute;
	top: 117px;
	left: 80px;
	width: 45.284px;
	height: 28.284px;
}

/* 内容3  */
.content5 {
	width: 100vw;
	height: 100vh;
	padding-top: 1px;
	position: relative;

}

.content5 .inner {
	width: 1438px;
	margin: 0 auto;
	margin-top: 100px;

}

.content5 .inner>div:nth-child(1) {
	display: flex;

}


.content5 .inner>div>div:nth-child(1) {
	width: 707px;
	color:  #333;
	font-family: Roboto;
	/* font-size: 48px; */
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: 62px;
	/* 129.167% */
}

.content5 .inner>div>div:nth-child(1) .input_left {
	display: flex;
	flex-wrap: wrap;
	margin-top: 26px;
	margin-bottom: 70px;
	position: relative;
}
.content5 .inner>div>div:nth-child(1) .input_left >div>p {
	display: none;
	color: #D80C18;
	position: absolute;
	top: 50px;
	left: 0px;
	font-size:14px ;
}
.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific {
	width: 100%;
	padding-bottom: 10px;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .downjt {
	position: absolute;
	bottom: 6px;
	right: 0;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific:hover+.drop_down_ {

	overflow-y: auto;
	height: 200px;
	padding: 1px 20px 0;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_:hover {

	overflow-y: auto;
	height: 200px;
	padding: 1px 20px 0;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ {
	position: absolute;
	left: 0;
	top: 72px;
	width: 100%;
	background: #FAFAFA;
	border: 1px solid rgba(255, 255, 255, 0.30);
	border-top: none;
	z-index: 9;
	border-radius: 12px;
	overflow-y: hidden;
	height: 0;
	transition: all 1s ease;
	padding: 0 20px;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p {
	font-size: 16px;
	color: #333;
	cursor: pointer;
	line-height: 44px;
}

.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p:hover {

	color: #D80C18;
}

.content5 .inner>div>div:nth-child(1) .input_left>div {
	width: 40%;
	border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
	margin-right: 10%;
	margin-top: 60px;
	position: relative;

}

.content5 .inner>div>div:nth-child(1) .input_left>div:nth-child(5) {
	width: 90%;
	border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
	margin-right: 10%;
	padding-bottom: 60px;

}

.content5 .inner>div>div:nth-child(2) {
	flex: 1;
	/* width: 660px; */
	color:  #666;
	font-family: Roboto;
	/* font-size: 20px; */
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 180% */
	margin-top: 26px;
}

.content5 .inner .bg {
	/* width: 708px; */
	padding-top: 1px;
	width: 100%;
	height: 595px;
	margin-top: 49px;
	background-image: url('../img/img/bg.png');
	background-size: 100% 100%;
	background-position: 0 0;
	background-position: center;
	background-repeat: no-repeat;
}

.content5 .inner>div>div:nth-child(2) .leftContent {
	width: 436px;
	color: #fff;
	margin-top: 49px;
	margin-left: 52px;

}

.content5 .inner>div>div:nth-child(2) .leftContent .d1 {
	color: #FFF;
	font-family: Roboto;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	position: relative;

}

.content5 .inner>div>div:nth-child(2) .leftContent .p2 {
	color: rgba(255, 255, 255, 0.70);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 59px;

}

.content5 .inner>div>div:nth-child(2) .leftContent .p4 {
	color: rgba(255, 255, 255, 0.70);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 42px;

}

.content5 .inner>div>div:nth-child(2) .leftContent .p3 {
	color: #FFF;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin-top: 12px;

}

.content5 .inner>div>div:nth-child(2) .leftContent .img1 {
	width: 42px;
	height: 42px;
	margin-top: 42px;

}

.content5 .inner>div>div:nth-child(2) .leftContent .d1>span {
	color: #FFF;
	width: 40px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -3px;
	display: block;
	z-index: 9;
}

.content5 .inner>div>div:nth-child(1)>span {

	font-weight: 700;
}


.content5 .icon {
	position: absolute;
	top: 117px;
	left: 80px;
	width: 45.284px;
	height: 28.284px;
}




/* 底部内容 */
.bottom {
	width: 1439px;
	display: flex;
	margin: 0 auto;
	margin-top: 80px;
}

.bottom .bottom_left {
	flex: 1;
	color:  #666;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 200% */
	text-align: left;
}

.bottom .bottom_right {
	flex: 1;
	color: #666;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 200% */
	text-align: right;
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

.swiper-container {
	width: 100vw;
	height: 100vh;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	min-height: 100%;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.swiper-slide-active img,
.swiper-slide-duplicate-active img {
	transition: 6s linear;
	transform: scale(1, 1);
}

.swiper-button {
	width: 210px;
	height: 50px;
	align-items: center;
	position: absolute;
	left: 241px;
	bottom: 81px;
	z-index: 10000;
	display: flex;
}

.swiper-button-nexts {
	width: 60px;
	height: 50px;
	padding: 13px 18px;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
}

.swiper-button-prevs {
	width: 60px;
	height: 50px;
	padding: 13px 18px;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFF;
}

.swiper-button-nexts:hover {
	background-color: rgba(255, 255, 255, .6);
}

.swiper-button-prevs:hover {
	background-color: rgba(255, 255, 255, .6);
}

.swiper-button-center {
	flex: 1;
	height: 50px;
	padding: 13px 18px;
	text-align: center;
	color: #FFF;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	/* 162.5% */
}

/* down */
.down {
	position: absolute;
	bottom: 60px;
	left: calc(50% - 64px);
	width: 128px;
	height: 68px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	z-index: 1000;
	text-align: center;
	color: #FFF;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	/* 175% */
}

.down>img {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	margin-bottom: 16px;
	animation: moveDown 1.5s infinite;
}

.learnMore {
	position: absolute;
	left: 240px;
	bottom: 402px;
	z-index: 1000;
}

@keyframes moveDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0);
	}

}






/* 平板设备（一般宽度范围在768px - 1024px） */

/* 平板设备（一般宽度范围在768px - 1024px） */
@media screen and (min-width: 767px) and (max-width: 1024px) {
	.bottom {
		width: 1439px;
		display: none;
		margin: 0 auto;
		margin-top: 80px;
	}

	.right_right {
		width: 100%;
		height: 50px;
		margin-right: 23px;
		display: block;
		position: relative;
		text-align: center;
		border-radius: 10px;

	}

	.right_right .right_top {
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		transition: all 0.6s ease;
	}

	.right_right .right_top .right_word {
		color: #FFF;
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		line-height: 50px;
		color: #fff !important;
	}

	.right_right .right_top .right_xian {
		width: 30px;
		height: 1px;
		background: #FFF;
		margin-left: 11px;
		display: none;
	}

	.right_right .right_top .ml39 {
		margin-left: 39px;
	}

	.right_right:hover .right_top {
		margin-left: 0px;
		transition: all 0.8s ease;

	}

	.right_right:hover .right_red {
		width: 183px;
		transition: all 0.8s ease;
	}

	.right_right .right_red {
		width: 76px;
		height: 50px;
		background: #D80C18;
		transition: all 0.8s ease;
		position: absolute;
		top: 0px;
		right: 0px;
		display: none;
	}

	.down,
	.swiper-button {
		display: none;
	}

	/* 这里写平板设备的样式规则 */
	/* html,
	body {

		margin: 0;
		padding: 0;
		position: relative;
	}

	.swiper {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	} */

	/* menu 右图 */
	.menu_right {
		display: none;

	}

	.ban_text {
		/* animation: moveRight 5s infinite; */
		position: absolute;
		top: 300px;
		left: 10px;
		width: 100%;
		z-index: 9;

		color: #FFF;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: left;
	}

	/* banner轮播图 */
	.carousel-container {
		width: 100%;
		height: 500px;
		overflow: hidden;
		position: relative;
	}

	.carousel-list {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		transition: transform 1s ease-in-out;
	}

	.carousel-list li {
		flex: 0 0 100%;
	}

	.carousel-list img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-list .bannerWord {
		color: #FFF;
		font-family: Roboto;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		z-index: 9;
	}

	.carousel-controls {
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
		transform: translateY(-50%);
	}

	.carousel-controls button {
		background-color: rgba(0, 0, 0, 0.5);
		color: white;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
	}

	.go_top {
		display: none;
	}

	/* 内容1 */
	.content1 {
		width: 100%;
		margin: 10px auto 20px;
		padding: 20px;
		display: block;
	}

	.content1>div:nth-child(1) {
		width: 100%;
		margin-bottom: 10px;
	}

	.content1>div:nth-child(2) {
		width: 100%;
		color: #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px;
		/* 180% */
	}

	.content1>div:nth-child(1)>p:nth-child(1) {
		color: #333;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;

	}

	.content1>div:nth-child(2)>p {
		margin-bottom: 10px;
	}

	.content1>div:nth-child(1)>p:nth-child(2) {
		color: #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px;
		margin-top: 10px;
	}

	.content1>div:nth-child(1)>p:nth-child(3) {
		color: #333;
		font-family: Roboto;
		font-size: 30px;
		font-style: normal;
		font-weight: 300;
		line-height: 62px;
	}

	/* 	.content1>div:nth-child(2)>p {
		margin-bottom: 63px;
	} */
	/* .carousel-controls .prev {} */

	.area {
		display: none;
	}

	/* 内容2 content2 */
	.content2 {
		width: 100%;
		height: auto;
		background: #202020;
		padding-top: 1px;
		position: relative;

	}

	.content2 .inner {
		width: 100%;
		margin: 70px auto 0;
		padding: 20px;
		display: block;

	}

	.content2 .inner>div:nth-child(1) {
		width: 100%;
		height: 574px;
		flex-shrink: 0;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		/* 隐藏溢出部分 */
	}

	.content2 .inner>div>p:nth-child(1) {
		color: #D80C18;
		font-family: Roboto;
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 48px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div>p:nth-child(2) {
		color: #FFF !important;
		font-family: Roboto;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		transition: margin-bottom 0.6s ease;
		line-height: 48px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div .center_botword {
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		color: #fff;
		z-index: 99;
	}

	.content2 .inner>div .underscore {
		width: 54px;
		height: 2px;
		/* background-color: #D80C18; */
		transition: width 1s ease;
		margin-top: 36px;
		z-index: 99;
		opacity: 0;

	}

	.content2 .inner>div:hover .underscore {
		width: 100%;
		transition: width 1s ease;

	}

	.content2 .inner>div .img_f {
		/* position: absolute;
		top: -13px;
		left: -112px;
		height: 674px;
		width: 900px;
		height: 800px;
		transition: all 0.6s ease;
		opacity: 0; */
		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3;

	}

	.content2 .inner>div .jumpData {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		/* margin-top: 32px; */
		margin-top: 22px;
		opacity: 1;
		transition: all 0.6s ease;
	}

	.content2 .inner>div .jumpData>a {
		width: 100%;
		/* margin-bottom: 19px; */
		margin-bottom: 14px;
		color: #FFF;
		font-family: Roboto;
		font-size: 18px;
		font-weight: 500;
	}

	.content2 .inner>div .jumpData>a>img {
		width: 24px;
		height: 24px;
		display: inline-block;
	}

	.content2 .inner>div .img_f>img {
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.content2 .inner>div:hover .img_f {
		/* 		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3; */
		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3;
	}

	.content2 .inner>div:nth-child(2) {

		width: 100%;
		height: 674px;
		height: 574px;
		flex-shrink: 0;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		margin-top: 20px;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		margin-left: 0;
		/* 隐藏溢出部分 */
	}

	/* .content2 .inner>div:hover {
		padding: 40px 30px;
	
	} */

	.content2 .inner>div:nth-child(1) .jumpData {
		/* margin-bottom: 130px; */
		margin-bottom: 20px;
	}

	.content2 .inner>div:nth-child(2) .jumpData {
		/* margin-bottom: 40px; */
		margin-bottom: 10px;
	}

	.content2 .inner>div:nth-child(1):hover .jumpData {
		/* 	opacity: 1;
		margin-bottom: 80px; */
		margin-bottom: 20px;
	}

	.content2 .inner>div:nth-child(2):hover .jumpData {
		/* opacity: 1;
		margin-bottom: 4px; */
		margin-bottom: 10px;
	}

	.content2 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
		z-index: 99;
	}

	/* 内容3  */
	.content3 {
		width: 100%;
		height: 500px;
		overflow: hidden;
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;
		padding: 20px;

	}

	.content3 .inner {
		width: 100%;
		margin: 0 auto;
		margin-top: 80px;
		display: block;
		paading: 0 20px;

	}

	.content3 .inner>div:nth-child(1) {
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		width: 100%;
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
		/* 129.167% */
	}

	.content3 .inner>div:nth-child(2) {
		width: 100%;
		color:  #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		margin-top: 12px;
		margin-left: 0px;
	}

	.content3 .inner>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content3 .area {
		display: none;
		width: 100vw;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.content3 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	/* 内容4  */
	.content4 {
		width: 100%;
		height: auto;
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;
		padding: 20px;
	}

	.content4 .inner {
		width: 100%;
		margin: 0 auto;
		margin-top: 80px;
	}

	.content4 .inner>div:nth-child(1) {
		/* display: flex; */
		display: block;

	}

	.content4 .inner>div>div:nth-child(1) {
		width: 100%;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
		/* 129.167% */
	}

	.content4 .inner>div>div:nth-child(2) {
		width: 100%;
		color:  #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		margin-top: 12px;
		/* 180% */
		/* margin-left: 122px; */
	}

	.content4 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content4 .inner .con4_bot {
		width: 100%;
		margin-top: 20px;


	}

	.content4 .inner .con4_bot .con4bot_inner {
		padding: 10px 20px;
		padding: 0px 20px;
		width: 100%;
		display: block;
	}

	.borderBot {
		border-bottom: 1px solid #e1e1e1;
	}

	.content4 .inner .con4_bot .con4bot_inner:hover {
		background-color: #fff;
	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1) {

		/* flex: 1; */
		width: 100%;
		text-align: center;
		margin-top: 20px;


	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>img {
		width: 48px;
		height: 48px;
		display: block;
		margin: 0 auto;

	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>p {
		color:  #333;
		font-family: Roboto;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: 36px;
		/* 112.5% */
		margin-top: 20px;
		margin-left: 0;
	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(2) {
		width: 100%;
		margin-left: 0;

		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		margin-top: 10px;
		margin-bottom: 20px;
		/* 180% */
	}

	.content4 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	/* 内容3  */
	.content5 {
		width: 100%;
		/* height: 100vh; */
		padding-top: 1px;
		position: relative;

	}

	.content5 .inner {
		width: 100%;
		/* height: 100vh; */
		padding-top: 1px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific:hover+.drop_down_ {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_:hover {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ {
		position: absolute;
		left: 0;
		top: 62px;
		width: 100%;
		background: #FAFAFA;
		border: 1px solid rgba(255, 255, 255, 0.30);
		border-top: none;
		z-index: 9;
		border-radius: 12px;
		overflow-y: hidden;
		height: 0;
		transition: all 1s ease;
		padding: 0 20px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p {
		font-size: 16px;
		color: #333;
		cursor: pointer;
		line-height: 44px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p:hover {

		color: #D80C18;
	}

	.content5 .inner {
		margin: 0 auto;
		margin-top: 100px;

	}

	.content5 .inner>div:nth-child(1) {
		padding: 0 20px 20px;
		display: block;
	}


	.content5 .inner>div>div:nth-child(1) {
		width: 100%;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 30px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
		margin: 0 auto;
		/* 129.167% */
	}

	.content5 .inner>div>div:nth-child(1) .input_left {
		display: block;
		flex-wrap: wrap;
		margin-top: 26px;
		margin-bottom: 30px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div {
		width: 100%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 0%;
		padding-bottom: 6px;
		margin-top: 30px;
		position: relative;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div>input {
		height: 40px;
		font-size: 18px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div>input::placeholder {
		font-size: 18px;

	}

	.content5 .inner>div>div:nth-child(1) .input_left>div:nth-child(5) {
		width: 98%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 10%;
		padding-bottom: 30px;

	}

	.content5 .inner>div>div:nth-child(2) {

		color:  #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		margin-top: 26px;
	}

	.content5 .inner .bg {
		/* width: 708px; */
		padding-top: 1px;
		width: 100%;
		height: 595px;
		height: 445px;
		margin-top: 49px;
		margin-top: 29px;
		background-image: url('../img/img/bg.png');
		background-size: 100% 100%;
		background-position: 0 0;
		background-position: center;
		background-repeat: no-repeat;
	}

	.content5 .inner>div>div:nth-child(2) .leftContent {
		width: 100%;
		color: #fff;
		margin-top: 49px;
		margin-top: 29px;
		padding-left: 10px;
		margin-left: 0;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1 {
		color: #FFF;
		font-family: Roboto;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
		padding-bottom: 10px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p2 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 59px;
		margin-top: 24px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p4 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 42px;
		margin-top: 24px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p3 {
		color: #FFF;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-top: 12px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .img1 {
		width: 42px;
		height: 42px;
		margin-top: 42px;
		margin-top: 22px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1>span {
		color: #FFF;
		width: 40px;
		height: 4px;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: -3px;
		display: block;
		z-index: 9;
	}

	.content5 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}


	.content5 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	.btns {
		display: none !important;
	}

	.btn {
		width: 100%;
		height: 60px;
		display: block;
		justify-content: right;
		padding: 20px 30px;
		text-align: center;
		font-size: 34px;
		border-radius: 12px;
		background: #D80C18;
		color: #000;

		margin-top: 20px;
	}

	.btn .right_red,
	.btn .right_top .right_xian {
		display: none;
	}

	/* 底部内容 */
	.bottom {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
		display: block;
	}

	.bottom .bottom_left {
		color:  #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: right;
	}

	.bottom .bottom_right {
		color: #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: right;
	}
.learnMore {
		position: absolute;
		left: 240px;
		bottom: 402px;
		z-index: 1000;
		display: none !important;
	}

}

@media screen and (max-width: 767px) {
	
	.learnMore {
		position: absolute;
		left: 240px;
		bottom: 402px;
		z-index: 1000;
		display: none !important;
	}
	
	.bottom {
		width: 1439px;
		display: none;
		margin: 0 auto;
		margin-top: 80px;

	}

	.right_right {
		width: 100%;
		height: 50px;
		margin-right: 23px;
		display: block;
		position: relative;
		text-align: center;
		border-radius: 10px;

	}

	.right_right .right_top {
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		transition: all 0.6s ease;
	}

	.right_right .right_top .right_word {
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		line-height: 50px;
		color: #fff !important;
	}
	.right_right .right_top .right_word>a {
		color: #fff !important;
	}
	.right_right .right_top .right_xian {
		width: 30px;
		height: 1px;
		background: #FFF;
		margin-left: 11px;
		display: none;
	}

	.right_right .right_top .ml39 {
		margin-left: 39px;
	}

	.right_right:hover .right_top {
		margin-left: 0px;
		transition: all 0.8s ease;

	}

	.right_right:hover .right_red {
		width: 183px;
		transition: all 0.8s ease;
	}

	.right_right .right_red {
		width: 76px;
		height: 50px;
		background: #D80C18;
		transition: all 0.8s ease;
		position: absolute;
		top: 0px;
		right: 0px;
		display: none;
	}

	.down,
	.swiper-button {
		display: none;
	}

	/* 这里写平板设备的样式规则 */
	/* html,
	body {

		margin: 0;
		padding: 0;
		position: relative;
	}

	.swiper {
		width: 100%;
		height: 100%;
		border: red silid 1ox;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
 */


	/* menu 右图 */
	.menu_right {
		display: none;

	}

	.ban_text {
		/* animation: moveRight 5s infinite; */
		position: absolute;
		top: 300px;
		left: 10px;
		width: 100%;
		z-index: 9;

		color: #FFF;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: left;
	}

	/* banner轮播图 */
	.carousel-container {
		width: 100%;
		height: 500px;
		overflow: hidden;
		position: relative;
	}

	.carousel-list {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		width: 100%;
		/* transition: transform 1s ease-in-out; */
	}

	/* 	.carousel-list li {
		width: 100%;
		flex: 0 0 100%;
	} */

	.carousel-list .swiper-slide {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-list .swiper-slide>img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-list .bannerWord {
		color: #FFF;
		font-family: Roboto;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		z-index: 9;
	}

	.carousel-controls {
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
		transform: translateY(-50%);
	}

	.carousel-controls button {
		background-color: rgba(0, 0, 0, 0.5);
		color: white;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
	}

	.go_top {
		display: none;
	}

	/* 内容1 */
	.content1 {
		width: 100%;
		margin: 10px auto 20px;
		padding: 20px;
		display: block;
	}

	.content1>div:nth-child(1) {
		width: 100%;
		margin-bottom: 10px;
	}

	.content1>div:nth-child(2) {
		width: 100%;
		color: #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px;
		/* 180% */
	}

	.content1>div:nth-child(1)>p:nth-child(1) {
		color: #333;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;

	}

	.content1>div:nth-child(2)>p {
		margin-bottom: 10px;
	}

	.content1>div:nth-child(1)>p:nth-child(2) {
		color: #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 40px;
		margin-top: 10px;
	}

	.content1>div:nth-child(1)>p:nth-child(3) {
		color: #333;
		font-family: Roboto;
		font-size: 28px;
		font-style: normal;
		font-weight: 300;
		line-height: 62px;
	}

	/* 	.content1>div:nth-child(2)>p {
		margin-bottom: 63px;
	} */
	/* .carousel-controls .prev {} */

	.area {
		display: none;
	}

	/* 内容2 content2 */
	.content2 {
		width: 100%;
		height: auto;
		background: #202020;
		padding-top: 1px;
		position: relative;

	}

	.content2 .inner {
		width: 100%;
		margin: 70px auto 0;
		padding: 20px;
		display: block;

	}

	.content2 .inner>div:nth-child(1) {
		width: 100%;
		height: 574px;
		flex-shrink: 0;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		/* 隐藏溢出部分 */
	}

	.content2 .inner>div>p:nth-child(1) {
		color: #D80C18;
		font-family: Roboto;
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 48px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div>p:nth-child(2) {
		color: #FFF !important;
		font-family: Roboto;
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		transition: margin-bottom 0.6s ease;
		line-height: 32px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div .center_botword {
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		/* 180% */
		color: #fff;
		z-index: 99;
	}

	.content2 .inner>div .underscore {
		width: 54px;
		height: 2px;
		/* background-color: #D80C18; */
		transition: width 1s ease;
		margin-top: 36px;
		z-index: 99;
		opacity: 0;

	}

	.content2 .inner>div:hover .underscore {
		width: 100%;
		transition: width 1s ease;

	}

	.content2 .inner>div .img_f {
		/* position: absolute;
		top: -13px;
		left: -112px;
		height: 674px;
		width: 900px;
		height: 800px;
		transition: all 0.6s ease;
		opacity: 0; */
		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3;

	}

	.content2 .inner>div .jumpData {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		/* margin-top: 32px; */
		margin-top: 22px;
		opacity: 1;
		transition: all 0.6s ease;
	}

	.content2 .inner>div .jumpData>a {
		width: 100%;
		/* margin-bottom: 19px; */
		margin-bottom: 14px;
		color: #FFF;
		font-family: Roboto;
		font-size: 18px;
		font-weight: 500;
	}

	.content2 .inner>div .jumpData>a>img {
		width: 24px;
		height: 24px;
		display: inline-block;
	}

	.content2 .inner>div .img_f>img {
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.content2 .inner>div:hover .img_f {
		/* 		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3; */
		width: 676px;
		height: 674px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3;
	}

	.content2 .inner>div:nth-child(2) {

		width: 100%;
		height: 674px;
		height: 574px;
		flex-shrink: 0;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		margin-top: 20px;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		margin-left: 0;
		/* 隐藏溢出部分 */
	}

	/* .content2 .inner>div:hover {
		padding: 40px 30px;

	} */

	.content2 .inner>div:nth-child(1) .jumpData {
		/* margin-bottom: 130px; */
		margin-bottom: 20px;
	}

	.content2 .inner>div:nth-child(2) .jumpData {
		/* margin-bottom: 40px; */
		margin-bottom: 10px;
	}

	.content2 .inner>div:nth-child(1):hover .jumpData {
		/* 	opacity: 1;
		margin-bottom: 80px; */
		margin-bottom: 20px;
	}

	.content2 .inner>div:nth-child(2):hover .jumpData {
		/* opacity: 1;
		margin-bottom: 4px; */
		margin-bottom: 10px;
	}

	.content2 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
		z-index: 99;
	}

	/* 内容3  */
	.content3 {
		width: 100%;
		height: 500px;
		overflow: hidden;
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;
		padding: 20px;

	}

	.content3 .inner {
		width: 100%;
		margin: 0 auto;
		margin-top: 80px;
		display: block;
		paading: 0 20px;

	}

	.content3 .inner>div:nth-child(1) {
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		width: 100%;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 129.167% */
	}

	.content3 .inner>div:nth-child(2) {
		width: 100%;
		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		/* 180% */
		margin-top: 12px;
		margin-left: 0px;
	}

	.content3 .inner>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content3 .area {
		display: none;
		width: 100vw;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.content3 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	/* 内容4  */
	.content4 {
		width: 100%;
		height: auto;
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;
		padding: 20px;
	}

	.content4 .inner {
		width: 100%;
		margin: 0 auto;
		margin-top: 80px;
	}

	.content4 .inner>div:nth-child(1) {
		/* display: flex; */
		display: block;

	}

	.content4 .inner>div>div:nth-child(1) {
		width: 100%;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 129.167% */
	}

	.content4 .inner>div>div:nth-child(2) {
		width: 100%;
		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		margin-top: 12px;
		/* 180% */
		/* margin-left: 122px; */
	}

	.content4 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content4 .inner .con4_bot {
		width: 100%;
		margin-top: 20px;


	}

	.content4 .inner .con4_bot .con4bot_inner {
		padding: 10px 20px;
		padding: 0px 20px;
		width: 100%;
		display: block;
	}

	.borderBot {
		border-bottom: 1px solid #e1e1e1;
	}

	.content4 .inner .con4_bot .con4bot_inner:hover {
		background-color: #fff;
	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1) {

		/* flex: 1; */
		width: 100%;
		text-align: center;
		margin-top: 20px;


	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>img {
		width: 48px;
		height: 48px;
		display: block;
		margin: 0 auto;

	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>p {
		color:  #333;
		font-family: Roboto;
		font-size: 28px;
		font-style: normal;
		font-weight: 600;
		line-height: 36px;
		/* 112.5% */
		margin-top: 20px;
		margin-left: 0;
	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(2) {
		width: 100%;
		margin-left: 0;

		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		margin-top: 10px;
		margin-bottom: 20px;
		/* 180% */
	}

	.content4 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	/* 内容3  */
	.content5 {
		width: 100%;
		/* height: 100vh; */
		padding-top: 1px;
		position: relative;

	}

	.content5 .inner {
		width: 100%;
		/* height: 100vh; */
		padding-top: 1px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific:hover+.drop_down_ {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_:hover {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ {
		position: absolute;
		left: 0;
		top: 62px;
		width: 100%;
		background: #FAFAFA;
		border: 1px solid rgba(255, 255, 255, 0.30);
		border-top: none;
		z-index: 9;
		border-radius: 12px;
		overflow-y: hidden;
		height: 0;
		transition: all 1s ease;
		padding: 0 20px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p {
		font-size: 16px;
		color: #333;
		cursor: pointer;
		line-height: 44px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p:hover {

		color: #D80C18;
	}

	.content5 .inner {
		margin: 0 auto;
		margin-top: 100px;

	}

	.content5 .inner>div:nth-child(1) {
		padding: 0 20px 20px;
		display: block;
	}


	.content5 .inner>div>div:nth-child(1) {
		width: 100%;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
		margin: 0 auto;
		/* 129.167% */
	}

	.content5 .inner>div>div:nth-child(1) .input_left {
		display: block;
		flex-wrap: wrap;
		margin-top: 26px;
		margin-bottom: 30px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div {
		width: 100%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 0%;
		padding-bottom: 6px;
		margin-top: 30px;
		position: relative;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div>input {
		height: 40px;
		font-size: 18px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div>input::placeholder {
		font-size: 18px;

	}

	.content5 .inner>div>div:nth-child(1) .input_left>div:nth-child(5) {
		width: 98%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 10%;
		padding-bottom: 30px;

	}

	.content5 .inner>div>div:nth-child(2) {

		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 180% */
		margin-top: 26px;
	}

	.content5 .inner .bg {
		/* width: 708px; */
		padding-top: 1px;
		width: 100%;
		height: 595px;
		height: 400px;
		margin-top: 49px;
		margin-top: 29px;
		background-image: url('../img/img/bg.png');
		background-size: 100% 100%;
		background-position: 0 0;
		background-position: center;
		background-repeat: no-repeat;
	}

	.content5 .inner>div>div:nth-child(2) .leftContent {
		width: 100%;
		color: #fff;
		margin-top: 49px;
		margin-top: 29px;
		padding-left: 10px;
		margin-left: 0;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1 {
		color: #FFF;
		font-family: Roboto;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
		padding-bottom: 10px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p2 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 59px;
		margin-top: 24px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p4 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 42px;
		margin-top: 24px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p3 {
		color: #FFF;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-top: 12px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .img1 {
		width: 42px;
		height: 42px;
		margin-top: 42px;
		margin-top: 22px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1>span {
		color: #FFF;
		width: 40px;
		height: 4px;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: -3px;
		display: block;
		z-index: 9;
	}

	.content5 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}


	.content5 .icon {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 45.284px;
		height: 28.284px;
	}

	.btns {
		display: none !important;
	}

	.btn {
		width: 100%;
		height: 60px;
		display: block;
		justify-content: right;
		padding: 20px 30px;
		text-align: center;
		font-size: 34px;
		border-radius: 12px;
		background: #D80C18;
		color: #000;

		margin-top: 20px;
	}

	.btn .right_red,
	.btn .right_top .right_xian {
		display: none;
	}

	/* 底部内容 */
	.bottom {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
		display: block;
	}

	.bottom .bottom_left {
		color:  #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: right;
	}

	.bottom .bottom_right {
		color:  #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: right;
	}


}

@media screen  and (min-width: 1440px) and (max-width: 1680px) {
    
  .learnMore{
      top: 500px;
  }
	.content2 .icon{
	    top: 20px;
	}
	.content3  .icon{
	    top: 60px;
	}
	.content4  .icon{
	    top: 60px;
	}
	.content5   .icon{
	    top:60px;
	}
			.content2 .inner>div:nth-child(1){
	    height:700px;
	}
	.content2 .inner>div:nth-child(2){
	    height:700px;
	}
	.content2 .inner>div:nth-child(1) .jumpData{
	    margin-bottom:200px ;
	}
	.content2 .inner>div:nth-child(2) .jumpData{
	    margin-bottom:100px ;
	}
	.content2 .inner>div:nth-child(1):hover .jumpData {
		/* 	opacity: 1;
		margin-bottom: 80px; */
		margin-bottom: 160px;
	}

	.content2 .inner>div:nth-child(2):hover .jumpData {
		/* opacity: 1;
		margin-bottom: 4px; */
		margin-bottom: 60px;
	}
}

/* 笔记本设备（一般宽度范围在1025px - 1440px） */
@media screen and (min-width: 1025px) and (max-width: 1440px) {

	html,
	body {
		position: relative;
		height: 100%;
	}

	.top_nav .top_center {
		display: none !important;
	}

	.ban_text {

		position: absolute;
		top: 260px;
		left: 0px;
		width: 100%;
		z-index: 9;

	}

	.my-container {
		color: #FFF;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: left;

	}

	.sidebar-popup {
		position: fixed;
		top: 0;
		left: -1000px;
		/* 初始位置在页面右侧之外 */
		height: 100%;

		padding: 126px 0 0 40px;
	}

	.sidebar-popup ul li {
		font-size: 28px;
		margin-bottom: 28px;
		position: relative;
	}

	.sidebar-popup ul li .pop_right {
		top: 10px;
		left: 152px;
	}

	.sidebar-popup .pop_right>span {
		margin-top: 10px;
		margin-right: 18px;
	}

	.sidebar-popup .pop_right>div>a {
		font-size: 18px;
		margin-bottom: 18px;
	}




	/* menu 右图 */
	.menu_right {
		left: -2px;
	}


	/* 返回顶部 */
	.go_top {
		position: fixed;
		right: 80px;
		bottom: 60px;
		display: flex;
		width: 72px;
		height: 72px;
		padding: 12px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		z-index: 999;
		background: #D80C18;
		cursor:pointer;
	}

	.go_top .top_img {}

	/* banner轮播图 */
	.carousel-container {
		width: 100%;
	}

	.carousel-list {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		transition: transform 1s ease-in-out;
	}

	.carousel-list li {
		flex: 0 0 100%;
	}

	.carousel-list img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.carousel-list .bannerWord {
		color: #FFF;
		font-family: Roboto;
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		z-index: 9;
	}

	.carousel-controls {
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
		transform: translateY(-50%);
	}

	.carousel-controls button {
		background-color: rgba(0, 0, 0, 0.5);
		color: white;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
	}

	.carousel-controls .prev {}

	/* 内容1 */
	.content1 {
		width: calc(100% - 40px);
		width: 90%;
		margin: 80px auto;
		display: flex;
	}

	.content1>div:nth-child(2) {
		flex: 1;
		color: #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 30px;
		/* 180% */
		padding-left: 10px;
	}

	.content1>div:nth-child(1)>p:nth-child(1) {
		font-size: 20px;

	}

	.content1>div:nth-child(1)>p:nth-child(2) {
		color: #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 34px;
		font-style: normal;
		font-weight: 700;
		line-height: 50px;
		margin-top: 20px;
	}

	.content1>div:nth-child(1)>p:nth-child(3) {
		color: #333;
		font-family: Roboto;
		font-size: 38px;
		font-style: normal;
		font-weight: 300;
		line-height: 62px;
	}

	.content1>div:nth-child(2)>p {
		margin-bottom: 43px;
	}


	/* 内容2 content2 */
	.content2 {
		width: 100%;
		height: 100vh;
		background: #202020;
		padding-top: 1px;
		position: relative;

	}

	.content2 .inner {
		width: 90%;
		margin: 90px auto 0;
		display: flex;
	}

	.content2 .inner>div:nth-child(1) {
		width: 476px;
		margin: 0 auto;
		height: 500px;
		height: 544px;
		flex-shrink: 0;
		margin-right: 13px;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		/* 隐藏溢出部分 */
	}

	.content2 .inner>div>p:nth-child(1) {
		color: #D80C18;
		font-family: Roboto;
		font-size: 26px;
		font-style: normal;
		font-weight: 400;
		line-height: 38px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div>p:nth-child(2) {
		color: #FFF !important;
		font-family: Roboto;
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		transition: margin-bottom 0.6s ease;
		line-height: 38px;
		/* 133.333% */

		z-index: 99;
	}

	.content2 .inner>div .center_botword {
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		color: #fff;
		z-index: 99;
	}

	.content2 .inner>div .underscore {
		/* display: none; */
		width: 54px;
		height: 2px;
		background-color: #D80C18;
		transition: width 1s ease;
		margin-top: 30px;
		z-index: 99;

	}

	.content2 .inner>div:hover .underscore {
		display: block;
		width: 100%;
		transition: width 1s ease;

	}

	.content2 .inner>div .img_f {
		position: absolute;
		top: -13px;
		left: -112px;
		width: 700px;
		height: 600px;
		transition: all 0.6s ease;
		/* 为容器属性变化添加过渡效果 */
		opacity: 0;

	}

	.content2 .inner>div .jumpData {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-top: 32px;
		opacity: 0;
		transition: all 0.6s ease;
	    z-index: 999;
	}

	.content2 .inner>div .jumpData>a {
		width: 50%;
		margin-bottom: 29px;
		color: #FFF;
		font-family: Roboto;
		font-size: 15px;
		font-weight: 400;
	}

	.content2 .inner>div .jumpData>a>img {
		width: 24px;
		height: 24px;
		display: inline-block;
	}

	.content2 .inner>div .img_f>img {
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.content2 .inner>div:hover .img_f {
		width: 476px;
		height: 574px;
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: .3;

	}

	.content2 .inner>div:nth-child(2) {

		margin: 0 auto;
		width: 476px;
		height: 500px;
		height: 544px;
		flex-shrink: 0;
		margin-left: 13px;
		background: #363636;
		padding: 40px 30px 40px 30px;
		position: relative;
		z-index: 1;
		transition: padding 0.6s ease;
		overflow: hidden;
		/* 隐藏溢出部分 */
	}

	.content2 .inner>div:hover {
		padding: 55px 30px;

	}

	.content2 .inner>div:nth-child(1) .jumpData {
		margin-bottom: 110px;
	}

	.content2 .inner>div:nth-child(2) .jumpData {
		margin-bottom: 52px;
	}

	.content2 .inner>div:nth-child(1):hover .jumpData {
		opacity: 1;
		margin-bottom: 70px;
	}

	.content2 .inner>div:nth-child(2):hover .jumpData {
		opacity: 1;
		margin-bottom: 20px;
	}

	.content2 .icon {
		position: absolute;
		top: 40px;
		left: 80px;
		width: 45.284px;
		height: 28.284px;
	}

	/* 内容3  */
	.content3 {
		width: 100%;
		height: 100vh;
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;

	}

	.content3 .inner {
		width: 90%;
		margin: 0 auto;
		display: flex;
		margin-top: 80px;
		padding: 0 20px;

	}

	.content3 .inner>div:nth-child(1) {
		/* width: 707px; */
		/* width: 707px; */
		flex: 1;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 34px;
		font-style: normal;
		font-weight: 400;
		line-height: 62px;
		/* 129.167% */
	}

	.content3 .inner>div:nth-child(2) {
		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		margin-top: 32px;
		margin-left: 27px;
	}

	.content3 .inner>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content3 .area {
		width: 100vw;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.content3 .icon {
		position: absolute;
		top: 40px;
		left: 80px;
		width: 45.284px;
		height: 28.284px;
	}


	/* 内容4  */
	.content4 {
		width: 100vw;
		/* height: 100vh; */
		padding-top: 1px;
		background: #F6F9FC;
		position: relative;

	}

	.content4 .inner {
		width: 90%;
		margin: 0 auto;
		margin-top: 100px;
		padding: 0 20px;
		padding-bottom: 100px;
	}

	.content4 .inner>div:nth-child(1) {
		display: flex;

	}

	.content4 .inner>div>div:nth-child(1) {
		width: 707px;
		flex: 1;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 34px;
		font-style: normal;
		font-weight: 400;
		line-height: 62px;
		/* 129.167% */
	}

	.content4 .inner>div>div:nth-child(2) {
		width: 660px;
		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		/* margin-left: 122px; */
	}

	.content4 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}

	.content4 .inner .con4_bot {
		width: 100%;
		margin-top: 80px;


	}

	.content4 .inner .con4_bot .con4bot_inner {
		padding: 30px 50px;
		width: 100%;
		display: flex;
	}

	.borderBot {
		border-bottom: 1px solid #e1e1e1;
	}

	.content4 .inner .con4_bot .con4bot_inner:hover {
		background-color: #fff;
	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1) {

		/* flex: 1; */
		width: 350px;

	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>img {
		width: 48px;
		height: 48px;
		display: block;
		margin: 0 auto;

	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(1)>p {
		color:  #333;
		font-family: Roboto;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: 36px;
		/* 112.5% */
		margin-top: 24px;

	}

	.content4 .inner .con4_bot .con4bot_inner>div:nth-child(2) {
		/* width: 586px; */
		margin-left: 103px;

		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
	}


	.content4 .icon {
		position: absolute;
		top: 40px;
		left: 80px;
		width: 45.284px;
		height: 28.284px;
	}


	/* 内容3  */
	.content5 {
		width: 100%;
		height: 100vh;
		padding-top: 1px;
		position: relative;

	}

	.content5 .inner {
		width: 90%;
		margin: 0 auto;
		margin-top: 100px;
		padding: 0 20px;

	}

	.content5 .inner>div:nth-child(1) {
		display: flex;

	}


	.content5 .inner>div>div:nth-child(1) {
		/* width: 707px; */
		flex: 1;
		color:  #333;
		font-family: Roboto;
		/* font-size: 48px; */
		font-size: 34px;
		font-style: normal;
		font-weight: 400;
		line-height: 62px;
		/* 129.167% */
	}

	.content5 .inner>div>div:nth-child(1) .input_left {
		display: flex;
		flex-wrap: wrap;
		margin-top: 26px;
		margin-bottom: 70px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific {
		width: 100%;
		padding-bottom: 10px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .Honorific:hover+.drop_down_ {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_:hover {

		overflow-y: auto;
		height: 200px;
		padding: 1px 20px 0;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ {
		position: absolute;
		left: 0;
		top: 72px;
		width: 100%;
		background: #FAFAFA;
		border: 1px solid rgba(255, 255, 255, 0.30);
		border-top: none;
		z-index: 9;
		border-radius: 12px;
		overflow-y: hidden;
		height: 0;
		transition: all 1s ease;
		padding: 0 20px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p {
		font-size: 16px;
		color: #333;
		cursor: pointer;
		line-height: 44px;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div .drop_down_ p:hover {

		color: #D80C18;
	}

	.content5 .inner>div>div:nth-child(1) .input_left>div {
		width: 40%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 10%;
		margin-top: 60px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(1) .input_left>div:nth-child(5) {
		width: 90%;
		border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
		margin-right: 10%;
		padding-bottom: 60px;

	}

	.content5 .inner>div>div:nth-child(2) {
		flex: 1;
		/* width: 660px; */
		color:  #666;
		font-family: Roboto;
		/* font-size: 20px; */
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 36px;
		/* 180% */
		margin-top: 26px;
	}

	.content5 .inner .bg {
		/* width: 708px; */
		width: 100%;
		height: 595px;
		margin-top: 49px;
		background-image: url('../img/img/bg.png');
		background-size: 100% 100%;
		background-position: 0 0;
		background-position: center;
		background-repeat: no-repeat;
	}

	.content5 .inner>div>div:nth-child(2) .leftContent {
		width: 436px;
		color: #fff;
		margin-top: 49px;
		margin-left: 52px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1 {
		color: #FFF;
		font-family: Roboto;
		font-size: 36px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
		position: relative;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p2 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 59px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p4 {
		color: rgba(255, 255, 255, 0.70);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-top: 42px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .p3 {
		color: #FFF;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-top: 12px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .img1 {
		width: 42px;
		height: 42px;
		margin-top: 42px;

	}

	.content5 .inner>div>div:nth-child(2) .leftContent .d1>span {
		color: #FFF;
		width: 40px;
		height: 4px;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: -3px;
		display: block;
		z-index: 9;
	}

	.content5 .inner>div>div:nth-child(1)>span {

		font-weight: 700;
	}



	.content5 .icon {
		position: absolute;
		top: 40px;
		left: 80px;
		width: 45.284px;
		height: 28.284px;
	}


	.btn {
		width: 190px;
		height: 50px;
		margin-right: 23px;
		display: flex;
		position: relative;

	}

	.btn .right_top {
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		transition: all 0.8s ease;
	}

	.btn .right_top .right_word {
		color: #FFF;
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.btn .right_top .right_xian {
		width: 30px;
		height: 1px;
		background: #FFF;
		margin-left: 11px;
	}

	.btn:hover .right_top {
		margin-left: 30px;
		transition: all 0.8s ease;

	}

	.btn:hover .right_red {
		width: 190px;
		transition: all 0.8s ease;
	}

	.btn .right_red {
		width: 76px;
		height: 50px;
		background: #D80C18;
		transition: all 0.8s ease;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	/* 底部内容 */
	.bottom {

		width: 90%;
		display: flex;
		margin: 0 auto;
		margin-top: 80px;
		padding: 0 20px;

	}

	.bottom .bottom_left {
		flex: 1;
		color: #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: left;
	}

	.bottom .bottom_right {
		flex: 1;
		color:  #666;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		/* 200% */
		text-align: right;
	}

	html,
	body {
		position: relative;
		height: 100%;
	}

	body {
		background: #eee;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
	}

	.swiper-container {
		width: 100vw;
		height: 100vh;
	}

	.swiper-slide img {
		width: 100%;
		height: auto;
		min-height: 100%;
		transition: 1s linear 2s;
		transform: scale(1.1, 1.1);
	}

	.swiper-slide-active img,
	.swiper-slide-duplicate-active img {
		transition: 6s linear;
		transform: scale(1, 1);
	}

	.swiper-button {
		width: 180px;
		height: 40px;
		align-items: center;
		position: absolute;
		left: 100px;
		bottom: 81px;
		z-index: 10000;
		display: flex;
	}

	.swiper-button-nexts {
		width: 50px;
		height: 40px;
		padding: 6px 10px;
		justify-content: center;
		align-items: center;
		border: 1px solid #FFF;
	}

	.swiper-button-prevs {
		width: 50px;
		height: 40px;
		padding: 6px 10px;
		justify-content: center;
		align-items: center;
		border: 1px solid #FFF;
	}

	.swiper-button-nexts:hover {
		background-color: rgba(255, 255, 255, .6);
	}

	.swiper-button-prevs:hover {
		background-color: rgba(255, 255, 255, .6);
	}

	.swiper-button-center {
		flex: 1;
		height: 50px;
		padding: 13px 18px;
		text-align: center;
		color: #FFF;
		font-family: Rubik;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
		/* 162.5% */
	}

	/* down */
	.down {
		position: absolute;
		bottom: 60px;
		left: calc(50% - 64px);
		width: 128px;
		height: 68px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 16px;
		flex-shrink: 0;
		z-index: 1000;
		text-align: center;
		color: #FFF;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		/* 175% */
	}

	.down>img {
		width: 24px;
		height: 24px;
		flex-shrink: 0;
		margin-bottom: 16px;
		animation: moveDown 0.6s infinite;
	}

	.learnMore {
		position: absolute;
		left: 100px;
		bottom: 162px;
		z-index: 1000;
	}

	@keyframes moveDown {
		0% {
			transform: translateY(0);
		}

		50% {
			transform: translateY(4px);
		}

		100% {
			transform: translateY(0);
		}

	}
}