@charset "UTF-8";



/* #region 初始化 */



* {



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	outline: none;



	padding: 0;



	margin: 0;



}







html,



body {



	width: 100%;



}





html {



	-webkit-text-size-adjust: 100%;



	-ms-text-size-adjust: 100%;



	-webkit-tap-highlight-color: transparent;



}



.swiper-pointer-events {

	width: 100%;

}



body {



	margin: 0;



	padding: 0;



	word-wrap: break-word;



	color: #000;



	background-color: rgba(255, 252, 252, 1);



	overflow-x: hidden;



	line-height: 1.45;



}







body,



table,



input,



textarea,



select,



option {



	font-family: 'Regular', 'Ubuntu', 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;



	font-weight: 400;



}







audio,



video {



	display: block;



}







a {



	display: block;



	background-color: transparent;



	text-decoration: none;



	color: inherit;



	outline: none;



	-webkit-tap-highlight-color: transparent;



}







ol,



ul {



	margin: 0;



	padding: 0;



	list-style: none;



}







li {



	list-style: none;



}







img {



	display: block;



	border: 0;



}







dl,



dd,



h1,



h2,



h3,



h4,



h5,



h6 {



	font-weight: normal;



}







button,



input,



optgroup,



select,



textarea {



	color: inherit;



	outline: none;



}







button[disabled],



html input[disabled] {



	cursor: default;



}







input[type="checkbox"],



input[type="radio"] {



	padding: 0;



}







table {



	border-spacing: 0;



	border-collapse: collapse;



}







td,



th {



	padding: 3px;



	border: 1px solid;



}







.swiper-container {



	width: 100%;



}



/* #endregion */

/* #region  sass */

/* #endregion */





/* 字体引用 */



@font-face {

	font-family: Light;

	src: url("../Ubuntu/Ubuntu-Light.ttf") format("truetype");

}



@font-face {

	font-family: Regular;

	src: url("../Ubuntu/Ubuntu-Regular.ttf") format("truetype");

}



@font-face {

	font-family: Medium;

	src: url("../Ubuntu/Ubuntu-Medium.ttf") format("truetype");

}



@font-face {

	font-family: Bold;

	src: url("../Ubuntu/Ubuntu-Bold.ttf") format("truetype");

}



/* end */





/* #弹性样式 */



.flex {

	display: flex;

}



.align-items {

	align-items: center;

}



.space-around {

	justify-content: space-around;

}



.space-between {

	justify-content: space-between;

}



.space-center {

	justify-content: center;

}



/* #公共样式 -end */







/* #region 全局 导航*/

.container {

	padding: 0 30px;

	max-width: 1560px;

	margin: 0 auto;

}



.headertop {

	width: 100%;

	height: 2rem;

	opacity: 1;

	background: rgba(34, 34, 34, 1);

}



.header-top,

.header-nav {

	height: 100%;

}



.header-top em {

	font-size: 0.7rem;

	color: rgba(183, 183, 183, 1);

	opacity: 1;

	transition: ease-out .36s;

}



.header-top ul:nth-child(1) img {

	margin: 0 0.62rem;

}



.header-top ul:nth-child(2) {

	margin-left: 2rem;

	position: relative;

}



.header-top ul:nth-child(2) img {

	margin: 0 0.25rem;

}



.header-top ul:nth-child(2) li {

	position: relative;

	font-size: 0.7rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(183, 183, 183, 1);

	opacity: 1;

	transition: ease-out .36s;

}



/* 下拉栏 */

.dropdown_menu {

	display: none;

	position: absolute;

	top: 2rem;

	right: 0;

	white-space: nowrap;

	background: #fff;

	border: 1px solid #eee;

	z-index: 10;

}



.header-top li.active .dropdown_menu {

	display: block;

}



.dropdown_menu a {

	display: block;

	height: 50px;

	line-height: 50px;

	padding: 0 40px;

	box-sizing: border-box;

	border-bottom: 1px solid #f5f5f5;

}



.dropdown_menu a:last-child {

	border: none;

}



.dropdown_menu a:hover {

	color: rgba(186, 34, 39, 1);

}





/* 轮播 */



.banner {

	width: 100%;

	position: relative;

}



.banner .swiper-slide {

	position: relative;

	overflow: hidden;

	/* border-radius: 0 0 3.5rem 3.5rem; */

}





.banner .swiper-slide>img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	transition: 1s linear 2s;

	transform: scale(1.1, 1.1);

}



.h700 {

	height: 35rem;

}



.h750 {

	height: 37.5rem;

}



.h100vh-3 {

	height: calc(100vh - 2rem);

}



.h300 .swiper-slide {

	height: 15rem;

}



.banner .swiper-slide::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	/*	background: rgba(0, 0, 0, 0.25);  */

}



.banner .swiper-slide.swiper-slide-active>img,

.banner .swiper-slide.swiper-slide-duplicate-active r>img {

	transition: 5s linear;

	transform: scale(1, 1);

}



.banner .swiper-slide .banner_text {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

	color: #fff;

	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

	transition: ease-out .36s;

	z-index: 1;

	opacity: 1;

}



.banner .swiper-slide .banner_text .t1 {

	font-size: 3rem;

	font-family: Bold;

}



.banner .swiper-slide .banner_text .t2 {

	font-size: 1rem;

	margin-top: 1rem;

}



.banner .swiper-slide .banner_text a {

	width: 8.5rem;

	height: 2.5rem;

	background: rgba(186, 34, 39, 1);

	font-size: 0.9rem;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 3rem;

}



.banner .swiper-slide .banner_text a:hover {

	padding-left: 0.5rem;

	transition: ease-out .5s;

	background: rgba(186, 34, 39, 0.8);

}



.banner .swiper-pagination-horizontal {

	bottom: 3rem !important;

}



.banner .swiper-pagination-bullet {

	width: 0.5rem;

	height: 0.5rem;

	opacity: 1;

	background: rgba(255, 255, 255, 0.3);

	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.9rem) !important;

}



.banner .swiper-pagination-bullet-active {

	width: 0.5rem;

	height: 0.5rem;

	opacity: 1;

	background: rgba(255, 255, 255, 1);

}







.banner .circle-2 {

	position: absolute;

	border-radius: 50%;

	width: 3rem;

	height: 3rem;

	top: 0px;

	left: 0px;

	animation: rotate 2s linear infinite;

	z-index: -1;

}



.banner .circle-inner {

	position: absolute;

	border-radius: 50%;

	background: linear-gradient(to bottom right, red, transparent);

	width: 3rem;

	height: 3rem;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



@keyframes rotate {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}



.circle-2:after {

	content: '';

	width: 10rem;

	height: 10rem;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -100px 0 0 -100px;

	border-radius: 100%;

	animation: ServiceAppScale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

	animation-delay: 180ms;

	transition: 0.5s all ease;

	transform: scale(1);

	opacity: 1;

	border: 0.05rem solid rgba(186, 34, 39, 1);

}



.circle-2:before {

	content: '';

	width: 6rem;

	height: 6rem;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -60px 0 0 -60px;

	border-radius: 100%;

	animation: ServiceAppScale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);

	transition: 0.5s all ease;

	transform: scale(1);

	opacity: 1;

	border: 0.05rem solid rgba(186, 34, 39, 1);

}



@keyframes ServiceAppScale {

	0% {

		transform: scale(1);

	}



	50%,

	75% {

		transform: scale(1.2);

	}



	78%,

	100% {

		opacity: 0;

	}

}



/* #end */







/* 头部 banner */



.nav_icon,

.nav_modal {

	display: none;

}



.headernav {

	position: fixed;

	top: 2rem;

	width: 100%;

	height: 4rem;

	background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

	opacity: 1;

	z-index: 5;

	color: rgba(255, 255, 255, 1);

}



.on .headernav {

	top: 0rem;

	background: #fff;

	color: #000;

	border-bottom: 1px solid rgba(0, 0, 0, 0.3);

}



.headernav .logo img {

	width: 3.5rem;

}



.headernav .logo .two {

	display: none;

}



.headernav ul li {

	font-size: 0.9rem;

	font-weight: 500;

	font-family: Medium;

	margin: 0 1.5rem;

	position: relative;

}



.headernav ul li img {

	margin: 0;

	padding: 0;

	margin-left: 0.25rem;

}



.headernav .active {

	color: rgba(186, 34, 39, 1);

}



.headernav ul a:hover {

	color: rgba(186, 34, 39, 1);

}



header .nav .nav_two {

	position: absolute;

	transform: translateX(0%);

	top: 2.5rem;

	left: 50%;

	transform: translate(-50%, 0);

	display: none;

	z-index: 5;

}



header .nav .nav_three {


	display: none;

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 5;

	width: 100%;

}



header .nav .nav_two i {

	display: block;

	font-style: normal;

	position: relative;

}



header .nav .nav_one span {

	display: none;

}



header .nav .nav_two div {

	background: rgba(245, 247, 255, 0.9);

	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;

}



header .nav .nav_two a {

	white-space: nowrap;

	font-size: .85rem;

	color: #222;

	padding: .55rem 1.5rem;

	border-bottom: 1px solid #dbdbdb;

	transition: ease-out .2s;

	text-transform: capitalize;

}



header .nav .nav_two a:last-child {

	border-bottom: none;

}



header .nav .nav_two a.active,

header .nav .nav_two a:hover {

	color: rgba(186, 34, 39, 1);

	background: rgba(245, 247, 255, 1);

}


header .nav .nav_three,
header .nav .nav_three div {

	background: initial !important;

	box-shadow: initial !important;

	border-bottom: 1px solid #dbdbdb;

}


header .nav .nav_three a {

	font-size: .8rem;

	color: #707070;

	background: #fff;
}



.banner .button {

	opacity: 1;

	z-index: 1;

	position: absolute;

	bottom: 5rem;

	display: flex;

	justify-content: space-between;

	width: 100%;

}



.banner .button .swiper-button-next,

.banner .button .swiper-rtl .swiper-button-prev {

	right: inherit;

	/* left: 1rem; */

}



.banner .button .swiper-button-prev,

.banner .button .swiper-rtl .swiper-button-next {

	left: 3.8rem;

}



.banner .swiper-button-next,

.banner .swiper-button-prev {

	position: inherit;

	width: 4rem;

	height: 3rem;

	/* margin-right: 1rem; */

	align-items: inherit;

	justify-content: inherit;

}



.banner .swiper-button-next:after,

.banner .swiper-rtl .swiper-button-prev:after {

	content: ' ';

}



.banner .swiper-button-prev:after,

.banner .swiper-rtl .swiper-button-next:after {

	content: ' ';

}



.banner .swiper-button-next:after,

.banner .swiper-button-prev:after {

	opacity: 0;

}



/* #end







/* 底部 */



footer {

	position: relative;

	width: 100%;

	height: 27.5rem;

	opacity: 1;

	border-radius: 3.5rem 3.5rem 0 0;

	background: rgba(107, 18, 18, 1);

	transition: ease-out .36s;

	color: rgba(255, 255, 255, 0.9);

}



footer .up {

	width: 3.7rem;

	height: 3.7rem;

	opacity: 1;

	display: block;

	background: rgba(252, 252, 252, 1);

	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	top: -1.85rem;

	left: 50%;

	cursor: pointer;

}



footer .left {

	margin-right: 13.5rem;

}



footer .left h3 {

	font-size: 1.8rem;

	font-weight: 700;

	font-family: Bold;

	margin-bottom: 5.7rem;

	width: 75%;

}



footer .left p {

	font-size: 0.9rem;

}



footer .right ul {

	width: 5rem;

	font-size: 0.9rem;

	margin-right: 7rem;

	white-space: nowrap;

}



footer .right ul a {

	margin: 1.75rem 0;

}



footer .right ul a:hover {

	text-indent: 0.7rem;

	transition: ease-out .5s;

}



footer .right div img {

	margin-bottom: 8.85rem;

	width: 8rem;

}



footer .right .copy {

	font-size: 0.7rem;

	text-align: right;

}



footer .right .logo {

	display: flex;

	flex-direction: column;

	align-items: flex-end;

}



.footer {

	height: 100%;

}



footer .up:hover {

	animation: jump 2s infinite;

}



@keyframes jump {

	0% {

		transform: translateY(0);

	}



	50% {

		transform: translateY(-20px);

	}



	100% {

		transform: translateY(0);

	}

}



/* #end */







/* 分页 */





.pagination {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	margin: 6.75rem 0 4rem 0;

}



.pagination>li>a,

.pagination>li>span {

	font-size: 0.9rem;

	min-width: 2rem !important;

	width: auto !important;

	height: 2rem !important;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 0.5rem !important;

	border: 1px solid whitesmoke;

	padding: 0 .5rem;

	transition: ease-out .36s;

	color: #999999;

}



.pagination>.active>a,

.pagination>li>a:hover,

.pagination>.active>a:focus,

.pagination>li>span,

.pagination>.active>span:hover,

.pagination>.active>span:focus {

	background: rgba(186, 34, 39, 1) !important;

	color: #fff;

	border-color: rgba(186, 34, 39, 1);

}



/* end */







/* 首页 */



.bgcolor {

	background-color: #fff;

}



.index1 {

	padding: 4rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.index1 h3 {

	font-size: 3rem;

	font-family: Bold;

	font-weight: 700;

	color: rgba(51, 51, 51, 1);

	margin-bottom: 4rem;

}



.index1 .left,

.index1 .right {

	width: 48%;

}



.index1 .left {

	/*	height: 26rem; */

	border-radius: 1rem;

	overflow: hidden;

}

.index1 img {

	width: 100%;
	height: auto;

}

.index1 a:hover img {

	transition: .5s linear;

	transform: scale(1.1);

	object-fit: cover;

	object-position: center;

}



.index1 .right h3 {

	font-size: 1.8rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin: 0;

}



.index1 .right .i {

	width: 3.75rem;

	height: 0.3rem;

	opacity: 1;

	background: rgba(186, 34, 39, 1);

	margin: 1.25rem 0 1.5rem 0;

}



.index1 .right p {

	font-size: 0.9rem;

	line-height: 1.75rem;

	color: rgba(102, 102, 102, 1);

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 6;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-bottom: 2.5rem;

}



.index1 .more a div,

.index5 .more a div {

	width: 8.5rem;

	height: 2.5rem;

	opacity: 1;

	background: rgba(186, 34, 39, 1);

	font-size: 0.9rem;

	color: rgba(255, 255, 255, 1);

	display: flex;

	align-items: center;

	justify-content: center;

}



.index1 .more i,

.index5 .more i {

	width: 2.5rem;

	height: 2.5rem;

	overflow: hidden;

}



.index1 .more i img,

.index5 .more i img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}



.index1 .more a:hover div,

.index5 .more a:hover div {

	transition: ease-out .5s;

	padding-left: 0.5rem;

}



.index1 .more a:hover i img,

.index5 .more a:hover i img {

	transition: ease-out .5s;

	transform: scale(1.5);

}



.index2 {

	background: rgba(255, 252, 252, 1);

	padding: 1.8rem 0 2rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.index2 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	text-align: center;

}



.index2 .swiper1 {

	text-align: center;

	margin: 2rem 0;

	font-size: 1rem;

	/* font-family: Medium; */

	color: rgba(51, 51, 51, 1);

}



.index2 .swiper1 .swiper-slide-thumb-active div::before {

	content: "o";

	color: rgba(186, 34, 39, 1);

	margin-right: 0.35rem;

	margin-bottom: 0.35rem;

}



.index2 .swiper1 .swiper-slide {

	cursor: pointer;

}



.index2 .swiper2 .swiper-slide {

	width: 65rem;

}


.index2 .swiper-slide i {

	height: 26.5rem;

	display: block;

	overflow: hidden;

	border-radius: 1rem;

}


.index2 .swiper-slide i img {

	width: 100%;

	height: 26.5rem;

	border-radius: 1rem;

	object-fit: cover;

	object-position: center;

}


.index2 .swiper-slide img:hover {

	transform: scale(1.1);

	transition: ease-out .5s;

}



.index2 .more {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 1.15rem 3rem 0rem 3rem;

	opacity: 0;

}



.index2 .more div {

	font-size: 1.8rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

}



.index2 .more a {

	width: 6.3rem;

	height: 2.25rem;

	opacity: 1;

	border-radius: 1.4rem;

	background: rgba(186, 34, 39, 1);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 0.9rem;

	font-weight: 500;

	color: rgba(255, 255, 255, 1);

}



.index2 .more a:hover {

	text-indent: 0.7rem;

	transition: ease-out .5s;

}



.index2 .swiper-slide-active .more {

	opacity: 1;

}



.index3 {

	padding: 4rem 0 0 0;

	opacity: 1;

	transition: ease-out .36s;

}



.index3 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	text-align: center;

}



.index3 ul {

	align-items: flex-start;

	padding: 3rem 0 4.5rem 0;

}



.index3 ul li {

	width: calc(80% / 4);

}



.index3 ul li p:nth-child(2) {

	font-size: 1.2rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	margin: 1.25rem 0;

}



.index3 ul li p:nth-child(3) {

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

}



.index3 ul li:hover img {

	animation: jump 1s 1;

}



.index4 .swiper-wrapper img {

	width: 100%;

}



.banner_icon {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 0;

	width: 100%;

	height: 100%;
}

.banner_icon img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;
}



.index4 .swiper-slide {

	position: relative;

	overflow: hidden;

}



.index4 .swiper-slide>img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}



.index4 .swiper-slide .banner_text2 {

	position: absolute;

	bottom: 2.25rem;

	width: 100%;

	color: #fff;

	transition: ease-out .36s;

	z-index: 1;

}



.index4 .swiper-slide .banner_text2 .left {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(255, 255, 255, 1);

}



.index4 .swiper-slide .banner_text2 .left em {

	font-weight: 100;

	font-family: Light;

	margin: 0 1rem;

}



.index4 .swiper-slide .banner_text2 .left span {

	font-size: 1.2rem;

	font-family: Regular;

	font-weight: 400;

}



.index4 .swiper-slide .banner_text2 .right {

	font-size: 1.8rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(255, 255, 255, 1);

	text-align: right;

}



.index4 .swiper-slide .banner_text2 .right em {

	font-weight: 100;

	font-family: Light;

}



.index4 .swiper-slide .banner_text2 .right span {

	font-size: 0.9rem;

	font-weight: 400;

	font-family: Regular;

	color: rgba(255, 255, 255, 0.7);

}



.swiper3 {

	position: relative;

}



.swiper3 .button {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 10;

	width: 100%;

	transform: translate(-50%, -50%);

	/* display: flex; */

	align-items: center;

	justify-content: space-between;

	flex-direction: row-reverse;

}



.swiper3 .swiper-button-next img,

.swiper3 .swiper-button-prev img {

	width: 4rem;

}



.swiper3 .swiper-button-next,

.swiper3 .swiper-button-prev {

	position: inherit;

	display: inherit;

	align-items: stretch;

	width: initial;

}



.swiper3 .swiper-button-next:after,

.swiper3 .swiper-rtl .swiper-button-prev:after {

	content: ' ';

}



.swiper3 .swiper-button-prev:after,

.swiper3 .swiper-rtl .swiper-button-next:after {

	content: ' ';

}



.swiper3 .swiper-button-next:after,

.swiper3 .swiper-button-prev:after {

	opacity: 0;

}



.index5 {

	padding: 4rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.index5 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

}



.index5 ul {

	padding: 2.5rem 0 2rem 0;

	justify-content: initial;

}



.index5 ul a {

	width: 31%;

	margin: 0 1%;

}



.index5 .shop_img {

	width: 100%;

	height: 15rem;

	border-radius: 1rem;

	overflow: hidden;

}



.index5 .shop_img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}



.index5 ul li p:nth-child(2) {

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin: 1.6rem 1.75rem 2.1rem 1.75rem;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow: ellipsis;

}



.index5 ul li p:nth-child(3) {

	font-size: 0.9rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin: 0 1.75rem;

	padding-bottom: 1.75rem;

}



.index5 ul a:hover li {

	opacity: 1;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.05);

	transition: ease-out .36s;

}



.index5 ul a:hover p {

	color: rgba(186, 34, 39, 1);

	transition: ease-out .36s;

}



.index5 ul a:hover img {

	transition: 2s linear;

	transform: scale(1.2);

}



.index5 .more {

	justify-content: center;

}



.index6 {

	padding-bottom: 4rem;

	opacity: 1;

	transition: ease-out .36s;

}



.index6 .left {

	width: 60%;

}



.index6 .right {

	width: 35%;

}



.index6 .right img {

	width: 100%
}



.index6 .left h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

}



.index6 .left ul {

	padding: 2.5rem 0;

}



.index6 .left ul li {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.index6 .right image {

	width: 100%;

}



.input-container {

	position: relative;

	width: 48%;

	margin-bottom: 1.5rem;

}



.input-container2 {

	width: 100%;

}



input {

	width: 100%;

	height: 3rem;

	padding-left: 0.5rem;

	font-size: 0.9rem;

	box-sizing: border-box;

	opacity: 1;

	border-radius: 0.25rem;

	background: rgba(255, 255, 255, 1);

	border: 0.05rem solid rgba(237, 237, 237, 1);

}



.placeholder {

	position: absolute;

	left: 1.25rem;

	top: 50%;

	transform: translateY(-50%);

	pointer-events: none;

	font-size: 0.9rem;

	color: rgba(153, 153, 153, 1);

}



.placeholder span {

	color: red;

}



input:focus+.placeholder,

input:not(:placeholder-shown)+.placeholder {

	display: none;

}



textarea {

	width: 100%;

	height: 8rem;

	padding-left: 0.5rem;

	font-size: 0.9rem;

	box-sizing: border-box;

	opacity: 1;

	border-radius: 0.25rem;

	background: rgba(255, 255, 255, 1);

	border: 0.05rem solid rgba(237, 237, 237, 1);

	padding-top: 0.6rem;

}



.textarea-placeholder {

	top: 0.6rem;

	transform: inherit;

}



textarea:focus+.placeholder,

textarea:not(:placeholder-shown)+.placeholder {

	display: none;

}



.index6 .submit {

	width: 100%;

	height: 3.75rem;

	opacity: 1;

	border-radius: 0.25rem;

	background: rgba(186, 34, 39, 1);

	justify-content: center;

	font-size: 1.2rem;

	color: rgba(255, 255, 255, 1);

	border: 0px;

}



.index6 .submit:hover {

	font-size: 1.3rem;

	background: rgba(186, 34, 39, 0.9);

	transition: ease-out .3s;

}


.linec {

	display: flex;

	flex-direction: row-reverse;

	align-items: center;
}

.linec .item {

	width: 100%;

}



/* end */





/* 关于我们 */



.about_index1 {

	padding: 4rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.about_index1 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(186, 34, 39, 1);

	text-align: center;

}



.about_index1 .content {

	font-size: 0.9rem;

	line-height: 1.75rem;

	padding: 2.5rem 0 3.45rem 0;

	color: rgba(102, 102, 102, 1);

}



.about_index1 ul li {

	width: calc(90% / 4);

}



.about_index1 ul li img {

	width: 100%;

}



.about_index1 ul li p {

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

	padding: 0;

	margin-bottom: 1rem;

}



.about_index1 ul li div {

	font-size: 3.6rem;

	font-weight: 500;

	color: rgba(186, 34, 39, 1);

	position: relative;

}



.about_index1 ul li div span:nth-child(2) {

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

	position: absolute;

	top: 0.75rem;

}



.about_index2 {

	padding-bottom: 4rem;

	opacity: 1;

	transition: ease-out .36s;

}



.about_index2 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	text-align: center;

	margin-bottom: 3rem;

}



.about_index2 ul {

	flex-wrap: wrap;

	justify-content: space-between;

}



.about_index2 ul li {

	width: calc(95% / 3);

	/* height: 11rem; */

	position: relative;

	opacity: 1;

	border: 1px solid rgba(186, 34, 39, 1);

	margin-bottom: 1.5rem;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 3rem 1.65rem 3rem 2.5rem;

}



.about_index2 ul li i img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

}



.about_index2 ul li div {

	position: relative;

	z-index: 1;

}



.about_index2 ul li div img {

	margin-right: 2.25rem;

}



.about_index2 ul li div img:nth-child(2) {

	display: none;

}



.about_index2 .txt p:nth-child(1) {

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin-bottom: 1rem;

}



.about_index2 .txt p:nth-child(2) {

	font-size: 0.9rem;

	line-height: 1.25rem;

	color: rgba(102, 102, 102, 1);

}



.about_index2 ul li:hover,

.about_index2 ul .on {

	border: 0;

}



.about_index2 ul li:hover i img,

.about_index2 ul .on i img {

	opacity: 1;

	transition: ease-out .5s;

}



.about_index2 ul li:hover div img:nth-child(1),

.about_index2 ul .on div img:nth-child(1) {

	display: none;

}



.about_index2 ul li:hover div img:nth-child(2),

.about_index2 ul .on div img:nth-child(2) {

	display: block;

}



.about_index2 ul li:hover .txt p,

.about_index2 ul .on .txt p {

	color: #fff;

	transition: ease-out .36s;

}



.about_index3 {

	height: 38rem;

	background-color: #fff;

	opacity: 1;

	transition: ease-out .36s;

}



.about_index3 .ab3 {

	height: 100%;

}



.about_index3 .left,

.about_index3 .right {

	width: 50%;

	position: relative;

}



.about_index3 .left {

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.about_index3 .left h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	margin-top: 3rem;

}



.about_index3 .left p {

	font-size: 0.9rem;

	line-height: 1.75rem;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 6.75rem;

}



.about_index3 .right::before,

.about_index3 .right::after {

	content: '';

	position: absolute;

	top: 0;

	width: 12rem;

	height: 100%;

	z-index: 2;

}



.about_index3 .right::before {

	top: 0;

	background: linear-gradient(180deg, #fff 2%, rgba(255, 255, 255, 0) 17%);

	width: 100%;

}



.about_index3 .right::after {

	bottom: 0;

	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, #fff 100%);

	width: 100%;

}



.about_index3 .swiper2 {

	height: 100%;

	position: relative;

	overflow: hidden;

}



.about_index3 .swiper-wrapper {

	-webkit-transition-timing-function: linear;

	-moz-transition-timing-function: linear;

	-ms-transition-timing-function: linear;

	-o-transition-timing-function: linear;

	transition-timing-function: linear;

}



.about_index3 .swiper-slide {

	width: auto;

	height: auto;

	padding: 0 .65rem;

}



.about_index3 .swiper-slide div {

	width: 12rem;

}



.about_index3 .swiper-slide div img {

	width: 100%;

	height: 100%;

	margin-bottom: 0.5rem;

	object-fit: contain;

	object-position: center;

}



.about_index3 .swp2::before {

	transform: translateX(-35%);

}



.about_index3 .swp2::after {

	transform: translateX(35%);

}



.about_index4 {

	padding: 4.4rem 0;

	opacity: 1;

	transition: ease-out .36s;

	position: relative;

}



.ab4-left {

	position: absolute;

	opacity: 1;

	width: 16.25rem;

	height: 16.25rem;

	opacity: 1;

	background: linear-gradient(270deg, rgba(242, 31, 31, 0.11) 0%, rgba(239, 43, 43, 0) 100%);

	border-radius: 50%;

	bottom: 0;

	left: -8.12rem;

}



.ab4-right {

	position: absolute;

	opacity: 1;

	width: 16.25rem;

	height: 16.25rem;

	opacity: 1;

	background: linear-gradient(264.73deg, rgba(239, 43, 43, 0) 0%, rgba(242, 31, 31, 0.11) 100%);

	border-radius: 50%;

	top: 4.4rem;

	right: -8.12rem;

}



.about_index4 h3 {

	font-size: 3rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	text-align: center;

	margin-bottom: 3rem;

}



.about_index4 .left,

.about_index4 .right {

	width: 60%;

	height: 22.25rem;

}



.about_index4 .left {

	position: relative;

	z-index: 1;

	overflow: hidden;

	border-radius: 0rem 4rem 0rem 0rem;

	object-fit: cover;

	object-position: center;

}



.about_index4 .left:hover img {

	transform: scale(1.1);

	transition: .5s linear;

}



.about_index4 .right {

	opacity: 1;

	border-radius: 0rem 0rem 4rem 0rem;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0rem -0.35rem 0.9rem rgba(252, 174, 174, 0.1);

	margin: 4.75rem 0 0 -4.75rem;

	padding: 0 3rem 0 10rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.about_index4 .right ul li {

	padding: 1.5rem 0;

	border-bottom: 0.05rem solid rgba(186, 34, 39, 0.4);

	cursor: pointer;

}



.about_index4 .right h3 {

	font-size: 1.2rem;

	text-align: left;

	font-weight: 400;

	font-family: Regular;

	color: rgba(51, 51, 51, 1);

	margin: 0;

	margin-bottom: 0.85rem;

}



.about_index4 .right div p {

	font-size: 1.2rem;

	color: rgba(186, 34, 39, 1);

}



.about_index4 .right div img {

	margin-right: 1.25rem;

}



.about_index4 .right ul li:hover img {

	opacity: 1;

	animation: margin-r 1s infinite;

}



@keyframes margin-r {

	0% {

		margin-right: 1.25rem;

	}



	50% {

		margin-right: 0.5rem;

	}



	100% {

		margin-right: 1.25rem;

	}

}



/* end */







/* 产品中心  */



.product_index1 {

	padding: 4.85rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.product_index1 h6 {

	font-size: 1.4rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(51, 51, 51, 1);

	padding-bottom: 2rem;

}



.product_index1 .left {

	width: 25%;

	border-top: 0.05rem solid rgba(0, 0, 0, 1);

}



.product_index1 .left ul a {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 1.5rem 0 1.35rem 0;

	/* border-bottom: 0.05rem solid rgba(204, 204, 204, 1); */

	cursor: pointer;

	font-size: 1.2rem;

	color: rgba(51, 51, 51, 1);

}



/* .product_index1 .left ul a img:nth-child(3) {

	display: none;

} */



.product_index1 .left ul a:hover,

.product_index1 .left .on {

	color: rgba(186, 34, 39, 1);

	transition: ease-out .36s;

}


/* 
.product_index1 .left ul a:hover img:nth-child(2),

.product_index1 .left .on img:nth-child(2) {

	display: none;

}



.product_index1 .left ul a:hover img:nth-child(3),

.product_index1 .left .on img:nth-child(3) {

	display: block;

} */


.product_index1 .left .nav_two {
	display: none;
}

.product_index1 .left .nav_two a {
	font-size: 1rem;
	padding: 1rem 0;
	color: #777373;
}



/* 左侧导航 */


.product_index1 .left .p1_name {

	border-bottom: 0.05rem solid rgba(204, 204, 204, 1);

	border-top: 0.05rem solid rgba(204, 204, 204, 1);

}

.product_index1 .left .p1_icon {

	width: 1rem;

	height: 1rem;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}

.product_index1 .left .p1_icon img:nth-child(2) {

	display: none;

}


.product_index1 .left .p1_name .p1_icon:hover img:nth-child(1) {

	display: none;

}

.product_index1 .left .p1_name .p1_icon:hover img:nth-child(2) {

	display: block;

}


/* end */



.product_index1 .right {

	width: 72%;

}



.product_index1 .right ul {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.product_index1 .right ul li {

	width: 31%;

	margin: 0 0 1.5rem 2%;

	height: 22.2rem;

	border: 0.05rem solid rgba(204, 204, 204, 1);

}



.product_index1 .right ul li img {

	width: 100%;

	height: 16.75rem;

	overflow: hidden;

	object-fit: cover;

	border-bottom: 0.05rem solid rgba(204, 204, 204, 1);

}



.product_index1 .right .txt {

	margin: 1.5rem 1rem;

	font-size: 0.9rem;

	color: rgba(51, 51, 51, 1);

}


.product_index1 .right .txt p:nth-child(1) {

	width: 100%;

	white-space: nowrap;
	/* 文本不换行 */
	overflow: hidden;
	/* 溢出部分隐藏 */
	text-overflow: ellipsis;
	/* 溢出部分显示省略号 */

}


.product_index1 .right .txt p:nth-child(2) {

	font-size: 0.8rem;

	color: rgba(153, 153, 153, 1);

}



.product_index1 .right .emil {

	display: flex;

	align-items: center;

	opacity: 0;

	height: 1.55rem;

}



.product_index1 .right .emil div {

	width: 5.4rem;

	height: 100%;

	opacity: 1;

	border-radius: 0.25rem;

	background: rgba(186, 34, 39, 1);

	font-size: 0.8rem;

	color: rgba(255, 255, 255, 1);

	display: flex;

	align-items: center;

	justify-content: center;

	margin-right: 0.5rem;

}



.product_index1 .right .emil i {

	width: 1.55rem;

	height: 100%;

	border-radius: 0.25rem;

	background: rgba(51, 51, 51, 1);

	justify-content: center;

}



.product_index1 .right .emil i img {

	width: 0.8rem;

	height: 0.8rem;

	border: 0;

	border-radius: 0.25rem;

	opacity: 1;

}



.product_index1 .right li:hover .pimg img {

	height: 14rem;

	transition: ease-out .5s;

}



.product_index1 .right li:hover .emil {

	opacity: 1;

	transition: ease-out .36s;

	margin-top: 1rem;

}



/* end */





/* 产品中心-详情 */



.left2,

.right2 {

	height: 20.5rem;

	overflow: hidden;

}



.left2 {

	/* width: 48%; */

	display: flex;

	align-items: self-start;

	justify-content: space-between;

	margin-right: 3.05rem;

}



.product_index1 .swiper2 {

	width: 100%;

	height: 20.5rem;

}



.product_index1 .mySwiper2 {

	width: 20.5rem;

	height: 100%;

	overflow: hidden;

	margin-right: 1rem;

}



.product_index1 .mySwiper {

	width: 4rem;

	height: 100%;

	box-sizing: border-box;

}



.product_index1 .swiper-slide {

	background-size: cover;

	background-position: center;

}



.product_index1 .swiper-slide img {

	width: 100%;

	/* height: 100%; */

	object-fit: cover;

	display: block;

}



.product_index1 .mySwiper .swiper-slide img {

	height: 3.9rem;

	border: 0.05rem solid rgba(204, 204, 204, 1);

}



.product_index1 .mySwiper .swiper-slide-thumb-active img {

	border: 0.05rem solid rgba(186, 34, 39, 1);

}



.product_index1 .swiper-button-prev,

.swiper-rtl .swiper-button-next {

	left: inherit;

}



.product_index1 .swiper-button-next,

.swiper-button-prev {

	display: inherit;

	top: 98%;

}



.product_index1 .swiper-button-next:after,

.product_index1 .swiper-rtl .swiper-button-prev:after {

	content: ' ';

}



.product_index1 .swiper-button-prev:after,

.product_index1 .swiper-rtl .swiper-button-next:after {

	content: ' ';

}



.product_index1 .right2 {

	/* width: 45%; */

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	height: auto;

}



.product_index1 .right2 h6 {

	font-size: 1.4rem;

	font-weight: 700;

	font-family: Bold;

	color: rgba(186, 34, 39, 1);

	padding: 0;

	margin-bottom: 2rem;

	width: 20rem;

}



.product_index1 .right2 .txt2 {

	font-size: 1.4rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin-bottom: 1rem;

}



.product_index1 .right2 .txt2 span {

	font-size: 0.9rem;

	font-weight: 400;

	font-family: Regular;

	color: rgba(153, 153, 153, 1);

}



.product_index1 .right2 a {

	width: 9.5rem;

	height: 2.5rem;

	opacity: 1;

	border-radius: 1.5rem;

	background: rgba(186, 34, 39, 1);

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 0.9rem;

	color: rgba(255, 255, 255, 1);

}



.product_index1 .right2 a:hover {

	opacity: 1;

	animation: txt-r 1s infinite;

}



@keyframes txt-r {

	0% {

		text-indent: 1rem;

	}



	50% {

		text-indent: 0rem;

	}



	100% {

		text-indent: 1rem;

	}

}





.bgfff {

	background: #fff;

}



.thumbnail {

	padding: 1.25rem;

}



.product_index1 .bottom {

	padding: 0.55rem 1.25rem;

	border-top: 0.05rem solid rgba(204, 204, 204, 1);

}



.product_index1 .bottom a {

	display: flex;

	align-items: center;

}



.product_index1 .bottom i {

	border: 0.05rem solid rgba(204, 204, 204, 1);

	padding: 0.6rem 0.65rem 0.65rem 0.6rem;

	margin-right: 1rem;

}



.product_index1 .bottom i img:nth-child(2) {

	display: none;

}





.product_index1 .bottom div {

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

}



.product_index1 .bottom div span {

	color: rgba(186, 34, 39, 1);

}



.product_index1 .left3 {

	text-align: right;

}



.product_index1 .left3 i {

	margin-left: 1rem;

	margin-right: 0rem !important;

}



.product_index1 .bottom a:hover i {

	border: 0.05rem solid rgba(186, 34, 39, 1);

	background-color: rgba(186, 34, 39, 1);

	transition: ease-out .36s;

}



.product_index1 .bottom a:hover i img:nth-child(1) {

	display: none;

}



.product_index1 .bottom a:hover i img:nth-child(2) {

	display: block;

}



.product_index1 .tab {

	padding: 3rem 0 3.5rem 0;

}



.product_index1 .tab ul {

	/* width: 21.25rem; */

	width: 45%;

	height: 4.25rem;

	opacity: 1;

	border-radius: 1rem;

	background: rgba(250, 236, 237, 1);

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(186, 34, 39, 0.5);

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}



.product_index1 .tab ul:hover,

.product_index1 .tab .on {

	background: rgba(255, 255, 255, 1);

	box-shadow: 0 0.2rem 0.8rem rgba(208, 21, 43, 0.05);

	color: rgba(186, 34, 39, 1);

	transition: ease-out .36s;

}



.tableft {

	opacity: 1;

}



.tableft h6 {

	font-size: 0.9rem;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	padding-bottom: 2rem;

}



.product_index1 .tableft ul {

	margin-bottom: 2.95rem;

}



.product_index1 .tableft ul div {

	width: 50%;

	padding: 0;

	margin: 0;

	height: 3.6rem;

	/* height: auto; */

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

	border: 1px solid rgba(199, 199, 199, 1);

	padding: 0.75rem 0 0.7rem 0;

}



.product_index1 .tableft ul div:nth-child(odd) {

	text-align: center;

	background-color: #fff
}



.product_index1 .tableft ul div:nth-child(even) {

	padding-left: 2rem;

}



.product_index1 .tabright img {

	width: 100%;

	margin: 0 auto;

}



/* end */





/* 新闻 */



.news_index1 {

	padding: 4rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.news_index1 ul {

	display: flex;

	flex-wrap: wrap;

	align-items: self-start;

}



.news_index1 ul a {

	width: 31%;

	margin: 0 1%;

	margin-bottom: 2rem;

	border-radius: 1rem;

	overflow: hidden;

}



.news_index1 .newsimg {

	width: 100%;

	height: 15rem;

	overflow: hidden;

}



.news_index1 .newsimg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}



.news_index1 ul .txt {

	margin: 1.5rem;

}



.news_index1 ul .txt p:nth-child(1) {

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

	margin-bottom: 2.1rem;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	word-break: break-all;

}



.news_index1 ul .txt p:nth-child(2) {

	font-size: 0.9rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(51, 51, 51, 1);

}



.news_index1 ul a:hover {

	opacity: 1;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0rem 0.2rem 0.8rem rgba(208, 21, 43, 0.05);

	transition: ease-out .36s;

}



.news_index1 ul a:hover img {

	transform: scale(1.2);

	transition: 1.5s linear;

}



.news_index1 ul a:hover .txt p:nth-child(1) {

	color: rgba(186, 34, 39, 1);

	transition: ease-out .36s;

}



/* 新闻详情 */



.news_index1 .ntit {

	opacity: 1;

	border-radius: 1.25rem;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0 0.2rem 0.8rem rgba(208, 21, 43, 0.05);

	padding: 2.4rem 2.5rem;

}



.news_index1 .ntit h3 {

	font-size: 1.8rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(186, 34, 39, 1);

}



.news_index1 .ntit .dashed {

	width: 100%;

	height: 0.05rem;

	border-bottom: 0.05rem dashed rgba(186, 34, 39, 1);

	margin: 2rem 0 2.1rem 0;

}



.news_index1 .ntit ul {

	margin-top: 1rem;

	font-size: 0.9rem;

	color: rgba(51, 51, 51, 1);

}



.news_index1 .ntit ul img {

	margin-right: 1rem;

}



.news_index1 .intor {

	padding: 3.25rem 0;

}



.news_index1 .intor img {

	width: auto;

	margin: 0 auto;

	margin-bottom: 4rem;

}



.news_index1 .intor {

	font-size: 0.9rem;

	font-weight: 400;

	line-height: 1.75rem;

	color: rgba(51, 51, 51, 1);

}



/* end */





/* 视频中心 */



.viode_index1 {

	padding: 4rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.viode_index1 ul {

	flex-wrap: wrap;

}



.viode_index1 ul a {

	width: calc(98% / 2);

	height: 21.5rem;

	margin-bottom: 2rem;

	border-radius: 1rem;

	overflow: hidden;

	position: relative;

}



.viode_index1 .videoimg img {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

	z-index: -1;

}



.viode_index1 .txt {

	width: 40%;

	height: 100%;

	opacity: 1;

	background: rgba(17, 17, 17, 0.9);

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	padding: 0 2.15rem;

}



.viode_index1 .txt h3 {

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(255, 255, 255, 1);

	margin: 50% 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	word-break: break-all;

}



.viode_index1 .play div:nth-child(1) {

	width: 8.5rem;

	height: 2.5rem;

	opacity: 1;

	background: rgba(255, 255, 255, 1);

	justify-content: center;

	font-size: 0.9rem;

	color: rgba(51, 51, 51, 1);

}



.viode_index1 .play div:nth-child(2) {

	width: 2.5rem;

	height: 2.5rem;

	opacity: 1;

	background: rgba(186, 34, 39, 1);

	justify-content: center;

}



.viode_index1 ul a:hover .play div:nth-child(2) {

	background: rgba(17, 17, 17, 1);

	transition: ease-out .36s;

}



.viode_index1 ul a:hover .txt {

	background: rgba(186, 34, 39, 0.9);

	transition: ease-out .36s;

}



.viode_index1 ul a:hover .videoimg img {

	transform: scale(1.1);

	transition: ease-out .36s;

}



/* end */







/* 联系我们 */



.banner_text .t1 p {

	font-size: 1.2rem;

	font-family: Regular;

	line-height: 1.75rem;

	color: rgba(255, 255, 255, 1);

}



.m30 {

	margin-top: 20%
}



.banner_text .t1 .dashed {

	width: 70%;

	height: 0.1rem;

	border-bottom: 0.05rem dashed rgba(255, 255, 255, 1);

	margin: 1.25rem 0;

}



.us-right {

	display: flex;

	flex-direction: column;

	align-items: self-end;

}


.us-right ul a {
	margin: 0 !important;
	padding: 0 !important;
	background: initial !important;
	width: auto !important;
	height: auto !important;
}

.us-right ul a img {
	width: 2rem;
}



.us-right p {

	font-size: 1.2rem;

	font-weight: 500;

	font-family: Medium !important;

	color: rgba(255, 255, 255, 1);

	text-align: right;

	margin-bottom: 1rem;

}



.us-right img {

	margin-left: 1.25rem;

}



.us-index1 {

	padding: 4rem 0 0rem 0;

	opacity: 1;

	transition: ease-out .36s;

}



.us-index1 .top h3 {

	font-size: 3rem;

	font-weight: 700;

	color: rgba(51, 51, 51, 1);

}



.us-index1 .phone {

	font-size: 1.8rem;

	color: rgba(186, 34, 39, 1);

}



.us-index1 .phone p {

	font-size: 0.9rem;

	color: rgba(102, 102, 102, 1);

	margin-bottom: 0.5rem;

}



.us-index1 .phone img {

	margin-right: 1rem;

}



.us-index1 .middle {

	opacity: 1;

	background: rgba(255, 255, 255, 1);

	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.05);

	margin: 3rem 0 3.55rem 0;

	padding: 2.75rem 0;

}



.us-index1 .middle h3 {

	font-size: 1.4rem;

	font-weight: 500;

	font-family: Medium;

	color: rgba(186, 34, 39, 1);

	text-align: center;

	margin-bottom: 3.75rem;

}



.us-index1 .middle ul {

	align-items: flex-start;

}



.us-index1 .middle ul li {

	width: calc(100% / 3);

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	font-size: 1.2rem;

	color: rgba(51, 51, 51, 1);

	text-align: center;

}



.us-index1 .middle ul li img {

	margin-bottom: 1.25rem;

}



.us-index2 {

	background-color: #fff;

	padding-top: 4rem;

}



/* end */





/* #endregion */

/* #region  内页*/

/* #endregion */



/* 语言切换 */

header .nation {

	position: relative;

	width: 162px;

	font-size: 15px;

	color: #000;

	transition: ease-out .3s;

	/* margin-left: 1.35rem; */

}


header.on .nation span {

	color: #000 !important;

	border: 1px solid #d5d5d5;


}


header .nation span {

	padding: 7px 8px;

	display: flex;

	align-items: center;

	height: 35px;


	color: #fff;

}



header .nation span>img {

	width: 20px;

	margin-right: 7px;

}



header .nation i {

	width: 10px;

	margin-left: auto;

}



header .nation i img {

	width: 100%;

	transition: ease-out .3s;

}



header .nation a {

	display: flex;

	align-items: center;

	padding: 7px 8px 7px 8px;

	cursor: pointer;

	transition: ease-out .3s;

}



header .nation a img {

	width: 20px;

	margin-right: 7px;

}



header .nation a:hover {

	color: #C30D23;

	text-decoration: underline;

}



header .nation div {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #fff;

	border: 1px solid #d5d5d5;

	padding: 3px 0;

	display: none;

	z-index: 10;

}

/* end */