@charset "utf-8";

@font-face {
	font-family: Impact;
	src: url(../font/impact.ttf);
}

@font-face {
	font-family: BEBAS;
	src: url(../font/BEBAS.OTF);
}

@font-face {
	font-family: BarlowCondensed-Regular;
	src: url(../font/BarlowCondensed-Regular.ttf);
}

@font-face {
	font-family: BarlowCondensed-Bold;
	src: url(../font/BarlowCondensed-Bold.ttf);
}

@font-face {
	font-family: BarlowCondensed-Medium;
	src: url(../font/BarlowCondensed-Medium.ttf);
}

@font-face {
	font-family: BarlowCondensed-SemiBold;
	src: url(../font/BarlowCondensed-SemiBold.ttf);
}

@media (max-width:4000px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1600px) and (max-width:1940px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:640px) and (max-width:1399px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 12px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 12px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 12px;
	}
}


/*==========================================公共 开始=============================================*/
.ar_wap {
	display: none
}

.a_body {
	position: relative;
	z-index: 0;
}

.section {
	overflow: hidden;
}

.w1200 {
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 50px
}

.header_box header {
	height: 80px;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	transition: .5s;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.header_box header .w1200 {
	display: flex;
	justify-content: space-between;
	height: 100%;
	max-width: 1630px;
	padding: 0 15px;
}

.header_box header .logo {
	display: flex;
	align-items: center;
}

.header_box header .logo a {
	display: flex;
	align-items: center;
}

.header_box header .logo a .ll {
	overflow: hidden;
}

.header_box header .logo a .ll .img {
	height: 2.375rem;
	/* animation: mymove 3s infinite;
	-webkit-animation: mymove 3s infinite;
	image-rendering: auto; */
}

.header_box header .logo a .ll .img img {
	height: 100%;
	outline: 1px solid transparent;
}

.header_box header .logo a .rr {
	padding: .25rem 0 0 .875rem;
	overflow: hidden;
}

.header_box header .logo a .rr .img {
	height: 3.0rem;
	/* animation: mymove1 3s infinite;
	-webkit-animation: mymove1 3s infinite; */
}

.header_box header .logo a .rr .img img {
	height: 100%;
	outline: 1px solid transparent;
}

@keyframes mymove {
	0% {
		transform: translateY(-102%);
	}

	25% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	0% {
		transform: translateY(-102%);
	}

	25% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

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

	25% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes mymove1

/*Safari and Chrome*/
	{
	0% {
		transform: translateY(102%);
	}

	25% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

.header_box header .right {
	display: flex;
	align-items: center;
	width: 80%;
}

#nav {
	transition: .5s;
	display: inline-block;
	vertical-align: top;
	float: left;
}

#nav ul {
	font-size: 0;
}

#nav ul li {
	display: inline-block;
	position: relative;
	z-index: 0;
	text-align: center;
	margin-right: 2rem;
}

#nav ul li:before {
	content: "";
	position: absolute;
	left: 50%;
	width: 0;
	height: 2px;
	bottom: 0;
	transition: .6s;
}

#nav ul li.on:before,
#nav ul li:hover:before {
	left: 0;
	background: #fff;
	width: 100%;
}

#nav ul li a {
	display: flex;
	padding: 0;
	height: 78px;
	align-items: center;
}

#nav ul li h3 {
	font-size: 18px;
	color: #fff;
	position: relative;
	transition: .36s;
	display: flex;
	align-items: center;
	height: 55px;
	text-align: center;
	justify-content: center;
}

#nav ul li h3 img {
	margin: 0 0 0 .625rem
}

#nav ul li h3 img.img2 {
	display: none
}

#nav ul li a i {
	margin: -3px 0 0 .625rem;
	display: inline-block;
	width: 10px;
	height: 5px;
	background: url(../images/down_ico.png) center no-repeat;
	transition: .5s
}

#nav ul li.on a i,
#nav ul li:hover a i {
	background: url(../images/down_ico_on.png) center no-repeat;
}

#nav ul li a i {
	display: inline-block;
	width: 9px;
	height: 6px;
	background-size: contain;
	vertical-align: middle;
	margin-left: 8px;
}

#nav ul li .sub {
	position: absolute;
	top: 100%;
	background: #fff;
	width: auto;
	left: 50%;
	z-index: 10000;
	transform: scaleY(0) translateX(-50%);
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: .5s;
	transform-origin: top;
}

#nav ul li .sub .box {
	padding: 0;
	text-align: center;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

#nav ul li .sub a {
	padding: 10px 30px;
	line-height: 24px;
	transition: .6s;
	font-size: 15px;
	color: #666666;
	white-space: nowrap;
	height: auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

#nav ul li .sub a:hover {
	color: #fff;
	background: #CE0B00;
}

#nav ul li:hover .sub {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: scaleY(1) translateX(-50%);
}

#nav>ul>li.on h3,
#nav ul li:hover h3,
#header.xg #nav ul li.on a h3,
#header.xg #nav ul li:hover a h3 {
	width: 100%;
}

#nav>ul>li.on h3 img.img1,
#nav>ul>li:hover h3 img.img1 {
	display: none
}

#nav>ul>li.on h3 img.img2,
#nav>ul>li:hover h3 img.img2 {
	display: inline-block
}

#nav ul li:last-child {}

.search_btn_box {
	margin-right: 1.5rem;
	margin-left: 13%;
}

.header_box header .tel {
	line-height: 90px;
	white-space: nowrap;
}

.header_box header .tel .tel_box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.header_box header .tel img {
	margin: 0;
}

.header_box header form {
	display: inline-block;
	width: 16.25rem;
	border: #d2d2d2 1px solid;
	overflow: hidden;
	background: #fff;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
	margin-left: 1.75rem;
	padding: 0 .375rem 0 0;
}

.header_box header form input {
	width: calc(100% - 3rem);
	float: left;
	height: 42px;
	background: #fff;
	font-size: .875rem;
	color: #787b7d;
	padding-left: 1.25rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.header_box header .n_button {
	width: 3rem;
	height: 42px;
	font-size: 1.125rem;
	cursor: pointer;
	font-weight: bold;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header_box header .n_button svg {
	width: 1rem;
	height: 1rem;
}

.header_box header.xg {
	background: rgba(0, 0, 0, .8);
	box-shadow: 0 0 15px rgba(0, 0, 0, .05);
	top: 0;
}


.search-dialog-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 18rem;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}

.search-dialog-box:before {
	content: "";
	position: absolute;
	top: 0;
	height: 0;
	background: #CE0B00;
	transition: .6s;
	left: 0;
	right: 0;
	z-index: 1;
}

.search-dialog-box.on:before {
	height: 100%
}

.search-dialog-box .bubbles-bg {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.search-dialog-box .search-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0, 0, 0, .7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77, 0, .175, 1);
}

.search-dialog-box .wrap-inner {
	transform: translateY(100%);
	transition: .6s;
}

.header-right .bubbles-bg {
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}

.search-dialog-box .bubbles-bg .bubble {
	position: absolute;
}

.search-dialog-box .bubbles-bg .bubble .circle {
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.search-dialog-box .bubbles-bg .bubble1 {
	width: 6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}

.search-dialog-box .bubbles-bg .bubble1 .circle {
	border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble2 {
	width: 12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}

.search-dialog-box .bubbles-bg .bubble2 .circle {
	background-color: #ff495f;
}

.search-dialog-box .bubbles-bg .bubble3 {
	width: 36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}

.search-dialog-box .bubbles-bg .bubble3 .circle {
	background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble4 {
	width: 56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}

.search-dialog-box .bubbles-bg .bubble4 .circle {
	background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
	background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
}

.search-dialog-box .bubbles-bg .bubble5 {
	width: 54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble5 .circle {
	background-color: #fff;
	opacity: .1;
}

.search-dialog-box .bubbles-bg .bubble6 {
	width: 56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}

.search-dialog-box .bubbles-bg .bubble6 .circle {
	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
	background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
}

.search-dialog-box .bubbles-bg .bubble7 {
	width: 2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}

.search-dialog-box .bubbles-bg .bubble7 .circle {


	background-color: #ff495f;
}


.search-dialog-box .bubbles-bg .bubble8 {
	width: 1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble8 .circle {
	border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble9 {
	width: 16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}

.search-dialog-box .bubbles-bg .bubble9 .circle {
	background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble10 {
	width: 56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top: 87%;
}

.search-dialog-box .bubbles-bg .bubble10 .circle {
	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
}

.search-dialog-box .bubbles-bg .bubble {
	animation: spin 8s infinite linear;
	transform-origin: 50% 45%;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
	animation: spin2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble .circle {
	animation: spin-reverse 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
	animation: spin-reverse2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .sm-bubble {
	transform-origin: 30% 30px;
}

.search-dialog {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.search-dialog .search-tit {
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}

.search-dialog .search-inner {
	overflow: hidden;
	margin-top: 0;
}

.search-dialog .search-input {
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255, 255, 255, .1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}

.search-dialog .search-input input[type=text] {
	float: left;
	height: 4.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
	float: right;
	height: 4.5rem;
	width: 3.5rem;
}

.search-dialog .search-input input[type=submit] {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images/search-btn.svg');
}

.search-dialog .search-input .clear-btn {
	background-color: rgba(0, 0, 0, .2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}

.search-dialog .search-input.on {
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit] {
	background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search {
	font-size: 0;
	width: 19.5rem;
	margin: .6rem auto 0;
	box-sizing: border-box;
	padding: 0 .6rem;
	overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url(../images/hot-icon.png);
}

.search-dialog .hot-link {
	margin-left: 1rem;
}

.search-dialog .hot-link a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color: #fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before {
	content: "";
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s;
}

.search-dialog-box .bottom-box {
	position: absolute;
	left: 0;
	bottom: 5.1%;
	width: 100%;
}

.search-dialog-box .bottom-box .share-box {
	overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
	font-size: .35rem;
	line-height: .5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg {
	visibility: visible;
	opacity: 1;
}

.header-right.is-open .search-btn .con-box {
	display: none;
}

.header-right.is-open .close-btn {
	display: block;
}

.header-right.is-open .item .search-bg {
	transform: scale(1);
}

.search-dialog-box.on {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .search-bg {
	height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .wrap-inner {
	transform: translateY(0)
}

.pub-close {
	position: absolute;
	width: 3rem;
	height: 3rem;
	z-index: 10;
	right: 1.5rem;
	top: 1.35rem;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 100%;
}

.pub-close .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1c5ab7;
	transform: scale(0);
	border-radius: 100%;
	transition: transform .3s;
}

.pub-close i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 0.75rem;
	background-repeat: no-repeat;
	background-image: url(../images/close-btn.svg);
	transition: .6s
}

.pub-close i:hover {
	transform: rotate(180deg)
}

@keyframes spin {
	to {
		transform: rotate(1turn);
	}
}

@keyframes spin2 {
	to {
		transform: rotate(-1turn);
	}
}

@keyframes spin-reverse {
	from {
		transform: rotate(1turn);
	}
}

@keyframes spin-reverse2 {
	from {
		transform: rotate(-1turn);
	}
}

.header_box {
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	top: 0;
	z-index: 1000;
}

/*手机导航开始*/
#m_header {
	display: none;
	height: 4.5rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	transition: 0s 1.5s;
	background: rgba(0, 0, 0, .8);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

#m_header .w1200 {
	position: relative;
	height: 100%;
}

.m_user {
	height: 4.5rem;
	line-height: 4.5rem;
	margin-right: 4rem;
	color: #999;
}

.m_user a {
	display: inline-block;
	margin: 0 .625rem;
	color: #666;
}

.m_user a svg {
	width: 16px;
}

.m_user a:hover {
	color: #ff0000;
}

.m_user a:hover svg path {
	fill: #ff0000;
}

#m_logo {
	transition: 0s 1.5s;
	height: 100%;
	visibility: visible;
	float: left;
}

#m_logo img {
	display: block;
	max-height: 3.5rem;
}

#m_logo .box_table {
	width: auto
}

/*导航按钮开始*/
#nav_btn_box {
	z-index: 999999999;
	margin-left: 20px;
	position: fixed;
	height: 4.5rem;
	right: 0;
	top: 0;
	display: none;
}

#nav_btn_box .w1200 {
	height: 100%
}

#nav_btn_box .box_table {
	width: auto
}

#nav_btn_box.on {
	background: none;
}

#nav_btn {}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
	background: #fff;
}

#nav_btn {
	cursor: pointer;
	text-align: center;
	z-index: 99999;
	padding-bottom: 4px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	outline: none;
	box-shadow: none;
}

#nav_btn .point {
	display: inline-block;
	width: 1.375rem;
	height: 22px;
	position: relative;
	outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
	width: 1.375rem;
}

#nav_btn .navbtn {
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 1.375rem;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	/* background: #333; */
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1.375rem;
	height: 3px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}

#nav_btn .navbtn::after {
	top: -5px;
}

#nav_btn .navbtn::before {
	top: 5px;
}

#nav_btn .point.on .navbtn {
	background: transparent;
}

#nav_btn .point.on .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

#nav_btn .point.on .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}

/*导航按钮结束*/
.m_nav_list {
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	overflow: auto;
}

.m_nav_list::-webkit-scrollbar {
	display: none
}

.tel .a-telbj {
	background: url(../images/a-tel.png) no-repeat center;
	background-size: 100%;
	padding: 15px 25px;
	    display: none;
	color: #CE0B00;
	    position: absolute;
	    left: 42px;
}
.header_box header .tel .tel_box:hover .a-telbj{
	 display: block;
	 transition: .3s;
}

#m_nav {
	z-index: 99999;
	position: fixed;
	background: rgba(0, 0, 0, .9);
	width: 100%;
	height: 100vh;
	right: -101vw;
	top: 0;
	display: none;
	padding: 50px 0 80px;
	overflow: hidden;
	pointer-events: none;
	transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: block;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#m_nav.act {
	pointer-events: auto;
	right: 0;
}

#m_nav>ul>li {
	width: 100%;
	overflow: hidden;
	padding: 0 25px;
}

#m_nav>ul>li+li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#m_nav li .a {}

#m_nav li .a h3 {
	line-height: 4.5rem;
	height: 4.5rem;
	color: #fff;
	padding: 0;
	font-size: 1.125rem;
	float: left;
}

#m_nav li .a span {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	width: 20px;
	height: 50px;
	text-align: center;
}

#m_nav li .a span i {
	font-size: 0;
}

#m_nav .title .a i {
	opacity: 1;
	filter: alpha(opacity=100);
	display: inline-block;
	width: 15px;
	height: 4.5rem;
	float: right;
	display: inline-block;
	background: url(../images/arrow_down.svg) center no-repeat;
	background-size: 100% auto;
}

#m_nav li.on.title .a i {
	background: url(../images/arrow_down_on.svg) center no-repeat;
	background-size: 100% auto;
}

#m_nav .on.title .a i {}

#m_nav li {
	display: block;
	width: 100%;
}

.slide_nav {
	position: absolute;
	left: 0;
	height: 70px;
	z-index: 998;
	padding: 15px;
	top: 0;
	width: 100%;
}

#m_nav .title .list {
	display: none;
	position: relative;
	width: 100%;
	z-index: 9;
	left: 0;
	margin-left: 0;
	background: none;
	border: 0;
	clear: both;
	padding-bottom: 10px;
}

#m_nav .title .list span {
	background: none;
}

#m_nav .title .list span a:hover {
	color: #014085;
}

#m_nav .title .list a {
	display: block;
	font-size: 1rem;
	color: #fff;
	text-align: left;
	line-height: 35px;
	height: 35px;
	border: 0;
	font-weight: 300;
}

/*三级导航 开始*/
#m_nav .title .list .void>a {
	background-size: 10px;
	position: relative;
}

#m_nav .title .list .void>a:before {
	content: "·";
	position: absolute;
	left: -1em;
	font-size: 12px;
	font-weight: bold;
}

#m_nav .title .list span {
	position: relative;
	display: block;
}

#m_nav .title .list span .sub {
	position: static;
	width: 100%;
	display: block !important;
	overflow: hidden;
}

#m_nav .title .sub a {
	background: none;
	font-size: .875rem;
	opacity: .8;
	min-width: 50%;
	float: left;
	display: inline-block;
	color: #999;
}

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

/*顶部搜索*/
.wap_search {
	font-size: 16px;
	border-radius: 0;
	color: #fff;
	text-align: center;
	font-family: arial;
	letter-spacing: 2px;
	line-height: 40px;
	transition: height .4s ease-in-out;
	-webkit-transition: height .4s ease-in-out;
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.wap_search form {
	height: 40px;
	border-radius: 0;
	background: rgba(255, 255, 255, .15);
	position: relative;
	margin: 20px 25px;
}

.wap_search .input {
	font-size: .875rem;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 1.5rem;
	box-shadow: none;
	-webkit-appearance: none;
	float: left;
	border-right: 0;
	background: none;
}

.wap_search .btn_blue {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	background: url(../images/research-red.png) center no-repeat;
	background-size: 1.5rem;
}

.wap_search .btn_blue.fr {
	background: #e9edef;
	color: #4e4f53;
}

.wap_search input::-webkit-input-placeholder {
	color: #fff;
	color: rgba(255, 255, 255, .9);
}

.wap_search input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	color: rgba(255, 255, 255, .9);
}

.wap_search input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	color: rgba(255, 255, 255, .9);
}

.wap_search input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	color: rgba(255, 255, 255, .9);
}

/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {
	color: transparent;
	/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */

.wap_search input:focus:-moz-placeholder {
	color: transparent;
}

/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {
	color: transparent;
}

/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {
	color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */


.banner {
	height: 100vh;
	overflow: hidden
}

.banner ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.banner ul li a>img,
.banner ul li a>video {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.banner ul li a .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.banner ul li a .top .w1200 {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.banner ul li a .top {
	transform: translateY(90px);
	opacity: 0;
}

.banner ul li a .top h5 {
	font-size: 3.5rem;
	color: #fff;
	line-height: 1.25;
	font-weight: 600;
}

.banner ul li a .top h3 {
	font-size: 2.25rem;
	color: #fff;
	line-height: 1.25;
	margin: 1.75rem 0 2.875rem;
	font-weight: 300;
}

.more001 {
	text-align: center;
}

.more001 .a {
	display: flex;
	border: rgba(255, 255, 255, .5) 1px solid;
	width: 10.3125rem;
	height: 3.4375rem;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: rgba(255, 255, 255, .8);
	border-radius: 1.625rem;
	transition: .5s;
}

.more001 .a img,
.more001 .a svg {
	margin: 0 0 0 .5rem;
	transition: .5s;
	width: 1.25rem;
	height: 1.25rem;
	fill: rgba(255, 255, 255, .8)
}

.center {
	text-align: center;
}

.banner ul li.miso-current a .top {
	opacity: 1;
	transform: translateY(30px);
	transition-delay: .6s;
	-moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.banner ul li.miso-current {
	z-index: 999;
}

.banner .a-bannerbj01 {
	background: url(../images/a-bannerbbj.png) no-repeat center;
	background-size: 100%;
	padding: 28px 52px;
	display: inline-block;
	font-size: 20px;
}

.banner ul li.miso-current a>img {
	animation: scaleUpDown 4s linear forwards;
	-webkit-animation: scaleUpDown 4s linear forwards;
}

.banner.on ul li:nth-child(1).miso-current a>img {
	animation: scaleUpDown 4s linear forwards;
	-webkit-animation: scaleUpDown 4s linear forwards;
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(2.0);
		transform: scale(2.0);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		transform: scale(2.0);
		transform: scale(2.0);
	}

	to {
		transform: scale(1);
		transform: scale(1);
	}
}

.banner ul .miso-dots_box {
	position: absolute;
	bottom: 4.375rem;
	width: auto;
	padding: 0 2rem;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}

.banner ul .miso-dots {
	height: 1.125rem;
	text-align: center;
	position: relative;
	padding: 0;
	width: auto;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.banner ul .miso-dots_box .miso-prev,
.banner ul .miso-dots_box .miso-next {
	width: 1.75rem;
	height: 1.75rem
}

.banner ul .miso-dots_box svg {
	width: 1.75rem;
	height: 1.75rem;
	fill: rgba(255, 255, 255, .25);
	float: left;
	transition: .5s
}


.banner ul .miso-dots li {
	width: 4.5rem;
	height: 3px;
	background: transparent;
	transition: .5s;
	border-radius: 50%;
	padding: 0;
	position: relative
}

.banner ul .miso-dots li:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	background: rgba(255, 255, 255, .25);
}

.banner ul .miso-dots li:after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 0;
	background: #fff;
}

.banner ul .miso-dots li.miso-active:before {
	width: 100%;
}

.banner ul .miso-dots li.miso-active:after {
	animation: anim-h 4s linear forwards;
	-webkit-animation: anim-h 4s linear forwards;
}

.banner.on ul .miso-dots li:nth-child(1).miso-active:after {
	animation: anim-h 4s linear forwards;
	-webkit-animation: anim-h 4s linear forwards;
}

/*.banner ul .miso-dots li.on.miso-active:after, .banner.on ul .miso-dots li.on.miso-active:after{ animation: anim-h 10s linear forwards; -webkit-animation: anim-h 10s linear forwards; }*/

@-webkit-keyframes anim-h {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes anim-h {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}


.online_q {
	position: fixed;
	right: 0;
	bottom: 10%;
	z-index: 999;
	transition: .5s;
	-webkit-transition: .5s;
	border-radius: 2.5rem;
	padding: 1.25rem 0;
}

.online_q .close {
	position: absolute;
	right: -1rem;
	font-size: 1rem;
	color: #969797;
	opacity: 1;
	font-weight: normal;
	cursor: pointer;
}

.online_q .btn2 {
	width: 3.125rem;
	height: 3.125rem;
	margin-bottom: 4px;
	background: #353638;
	transition: .5s;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}

.online_q .btn-top {
	padding: 0;
	transition: .5s;
	overflow: hidden;
}

.online_q .btn2 a {
	font-size: 12px;
	color: #fff;
}

.online_q .btn2 span {
	display: flex;
	float: left;
	color: #fff;
	flex-direction: column;
	font-size: .75rem;
	text-align: center;
	width: 3.125rem;
	height: 3.125rem;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 999;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	overflow: hidden;
	flex-shrink: 0;
}

.online_q .open.pic {
	position: absolute;
	background: #ffe5e4;
	border-radius: 3px;
	width: 100px;
	height: 100px;
	right: 60px;
	top: 50%;
	margin-top: -50px;
	text-align: right;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}

.online_q .open.pic img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
	opacity: 1;
	right: 60px;
	visibility: visible;
}

.online_q .open.phone {
	position: absolute;
	background: #ffe5e4;
	width: 150px;
	height: 3.125rem;
	border-radius: 3px;
	right: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ce0b00;
	top: 0;
	transition: .6s;
	-webkit-transition: .6s;
	opacity: 0;
	visibility: hidden;
}

.online_q .open.phone p {
	color: #ce0b00;
	font-size: 1rem;
}

.online_q .btn2:hover .open.phone {
	transition: .5s;
	-webkit-transition: .5s;
	opacity: 1;
	visibility: visible;
}

.online_q .open.pic:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #eef2f6;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px;
}

.online_q .open.phone:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #ffe5e4;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px;
}

.online_q .btn2:hover {
	background: #CE0B00;
}

#gotop {
	background: #CE0B00;
}

#gotop.hide {
	height: 0;
	overflow: hidden;
	display: block !important;
}

/*==========================================公共 结束=============================================*/

.new_yybut{
	display: block;
	font-size: 20px;
	text-align: center;
	/*margin: 30px auto;*/
	color: #fff;
	border-radius: 50px;
	padding: 5px;
	background: linear-gradient(34deg, #C11717 0%, #E49A9A 100%);
	background: #ce0b00;
	position: absolute;
	right: 20px;
}

.m-title {
	text-align: center;
}

.m-title .m-title01 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.8;
}

.m-title .m-title02 {
	font-weight: bold;
	font-size: 32px;
	color: #CE0B00;
	text-align: center;
	opacity: .2;
	line-height: 32px;
}

.main01 {
	padding: 3rem 0 2rem 0;
	background: #f8f8f8;
}

.main01-01 {
	margin: 3rem 0 3rem 0;
	padding: 1rem 0.3rem 1rem 0.3rem;
	background: #fff;
	border-radius: 3rem;
}

.main01-01 span {
	float: left;
	width: 19%;
	margin: 0 .5% 0 .5%;
	font-size: 1.125rem;
	line-height: 2.2rem;
	cursor: pointer;
	text-align: center;
	padding: 1rem 0 1rem 2%;
	font-weight: bold;
}

.main01-01item1 {
	background: url(../images/a-main02-01.png) 17% center no-repeat;
}

.main01-01item1.cur {
	background: #CE0B00 url(../images/a-main02-01w.png) 17% center no-repeat;
	color: #fff;
	border-radius: 5rem;
}

.main01-01item2 {
	background: url(../images/a-main02-02.png) 11% center no-repeat;
}

.main01-01item2.cur {
	background: #CE0B00 url(../images/a-main02-02w.png) 11% center no-repeat;
	color: #fff;
	border-radius: 5rem;
}

.main01-01item3 {
	background: url(../images/a-main02-03.png) 10% center no-repeat;
}

.main01-01item3.cur {
	background: #CE0B00 url(../images/a-main02-03w.png) 10% center no-repeat;
	color: #fff;
	border-radius: 5rem;
}

.main01-01item4 {
	background: url(../images/a-main02-04.png) 17% center no-repeat;
}

.main01-01item4.cur {
	background: #CE0B00 url(../images/a-main02-04w.png) 17% center no-repeat;
	color: #fff;
	border-radius: 5rem;
}

.main01-01item5 {
	background: url(../images/a-main02-05.png) 26% center no-repeat;
}

.main01-01item5.cur {
	background: #CE0B00 url(../images/a-main02-05w.png) 26% center no-repeat;
	color: #fff;
	border-radius: 5rem;
}

.main1-box {
	display: none;
}

.main1-box:first-child {
	display: block;
}


.main01-01left {
	float: left;
	width: 50%;
}

.main01-01right {
	float: right;
	width: 44%;
	margin-top: 0;
}

.main01-01right .imgbox_a {
	padding-bottom: 43.3%;
	cursor: pointer;
}

.main1-boxnr {
	margin: 30px 0;
}

.main1-boxnr .tit {
	font-size: 2rem;
	font-weight: 600;
	position: relative;
	margin: 0 0 30px 0;
	padding-bottom: 15px;
}

.main1-boxnr .tit:before {
	font-size: 2rem;
	font-weight: 600;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: #CE0B00;
}

.main1-boxnr .nr {
	margin: 0 0 30px 0;
}

.main1-boxnr .nr p {
	font-size: 1.125rem;
	line-height: 2rem;
}

.main01-more {
	background: #CE0B00;
	border-radius: 5rem;
	color: #fff;
	padding: .8rem 1.8rem;
	display: inline-flex;
}



.main03 {
	width: 100%;
	padding: 3rem 0 2rem 0;
	background: url(../images/a-main03bj.png) center bottom no-repeat;
}

.main03-img {
	text-align: center;
}

.main03-1 {
	font-size: 1.75rem;
	margin: 3rem 0;
}

.main03-1 .item {
	float: left;
	margin-right: 2rem;
}

.main03-1 a {
	color: #222;
}

.main03-1 a:hover {
	color: #CE0B00;
}

.main03-1 .cir {
	width: 71px;
	height: 71px;
	border: 2px solid #CE0B00;
	border-radius: 50%;
	margin-right: .5rem;
}

.main03-1 .main03-1-r {
	float: right;
}

.main04 {
	padding: 4rem 0 5rem 0;
	background: url(../images/a-main04bj.png) center bottom no-repeat;
}



.main4-2-pic {
	width: 40%;
	min-height: 1px;
	margin-top: 5rem;
}

.main4-2-pic .imgbox_a {
	padding-bottom: 71.4%;
	border-radius: 80px 0 80px 0;
}

.main4-2-pic .imgbox_a::before {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	content: "";
	left: 0;
	top: 0;
	z-index: 1;
}

.main4-2-pic .imgbox_a::after {
	position: absolute;
	width: 64px;
	height: 64px;
	content: "";
	left: 50%;
	top: 50%;
	z-index: 10;
	margin-left: -32px;
	margin-top: -32px;
	/* background-image: url(../images/bo2.png); */
	background-size: 100%;
}

.mm70 {
	margin-top: 70px;
}

.main4-2-div {
	overflow: hidden;
	float: left;
	width: 55%;
}

.main4-p {
	font-size: 1rem;
	color: #000;
	opacity: 0.65;
	line-height: 2;
	height: 8rem;
	overflow: hidden;
	margin-top: 30px;
}

.main4-2-div .channel-more {
	margin-top: 30px;
}

.main4-2-div .channel-title-wp {
	font-size: 36px;
	font-weight: 600;
	position: relative;
	margin: 0 0 30px 0;
	padding-bottom: 15px;
}

.main4-2-div .channel-title-wp:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: #CE0B00;
}


.main4-2-dl {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.main4-2-dl dl {
	margin: 0;
	font-size: 0;
	line-height: normal;
	font-weight: normal;
}

.main4-2-dl dd {
	display: inline-block;
	text-align: center;
	/* border-right: 1px solid #999; */
	padding-right: 48px;
	position: relative;
}
.main4-2-dl dd::after{
	content: "";
	position: absolute;
	width: 2px;
	height: 20px;
	top:50%;
	transform: translateY(-50%);
	right:0;
	background: #999;
}

.main4-2-dl dd:last-child::after {
	background: none;
}

.main4-2-dl dd+dd {
	margin-left: 42px;
}

.main4-2-dl dd>a {
	display: block;
	font-size: 14px;
	color: #666;

}
.main4-2-dl dd>a .font40 {
	color: #222;
	font-size: 28px;

}
.main4-2-dl dd>a .font40 img {
    margin-right: 5px;
}
.main05 {
	padding: 4rem 0 2rem 0;
	background: #f0f5f8;
}

.main05-01 {
	text-align: center;
	margin-top: 4rem;
	margin-bottom: 5rem;
}

.main05-01 .item {
	background: #fff;
	border-radius: 2rem;
	font-size: 1.125rem;
	margin: 0 1rem;
	padding: .5rem 2rem;
}

.main05-01 .item.cur {
	background: #CE0B00;
	color: #fff;
}

.main5-box {
	display: none;
}

.main5-box:first-child {
	display: block;
}

.main05 .content {
	display: flex;
	flex-wrap: wrap;
}

.main05 .content .left {
	width: 50%;
	padding: 0 2rem 0 0;
}

.main05 .content .left a {
	color: #222;
	position: relative;
	display: block;
	padding-bottom: 5.5rem;
}

.main05 .content .left a:hover {
	color: #CE0B00;

}

.main05 .content .left a:hover::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 39px;
	height: 37px;
	background: url(../images/a-main05jt.png) no-repeat;
}

.main05 .content .right {
	width: 50%;
}

.list_box_04 li {
	width: 46%;
	float: left;
	margin-right: 4%;
	background: #fff;
	padding: 1rem;

}

.list_box_04 li .img .img_hezi {
	padding-bottom: 64.23% !important;
}

.list_box_04 li .con {
	padding: 1.75rem 0 0;
}

.list_box_04 li .con h5 {
	font-size: 1.5rem;
	line-height: 1.25;
	transition: .5s;
	position: relative;
}

.list_box_04 li .con h5 span {
	position: absolute;
	top: 1px;
	right: 0;
	background: #001e87;
	width: 4.5rem;
	height: 1.75rem;
	font-size: .875rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}

.list_box_04 li .con h5 span.li_31 {
	background: #11b8ef
}

.list_box_04 li .con p {
	font-size: .9375rem;
	color: #7d7e7e;
	line-height: 1.625rem;
	height: 4.8rem;
	margin: 1rem 0 .75rem;
}

.list_box_04 li .con h6 {
	display: flex;
	align-items: center;
	font-size: .9375rem;
	color: #848484;
	margin-bottom: 1rem;
}

.list_box_04 li .con h6 img {
	margin: 0 .75rem 0 0;
}

.list_box_05 li .img {
	float: left;
	width: 25%;
}

.list_box_05 li .img .imgbox_a {
	padding-bottom: 70.4%;
}

.list_box_05 li {
	padding-bottom: 2.5rem;
	margin-bottom: 1rem;
	background: #fff;
	padding: 1rem;
}

.list_box_05 li .con {
	float: right;
	width: 72%;
	margin-top: 1rem;
}

.list_box_05 li .con h5 {
	font-size: 1.5rem;
	color: #303131;
	line-height: 1.25;
	transition: .5s;
	position: relative;
	padding: 0 5rem 0 0;
}

.list_box_05 li .con p {
	font-size: 1rem;
	color: #7d7e7e;
	line-height: 1.625rem;
	height: 1.625rem;
	margin: 1rem 0 .75rem;
}

.list_box_05 li .con h6 {
	display: flex;
	align-items: center;
	font-size: .9375rem;
	color: #848484;
}

.list_box_05 li .con h6 img {
	margin: 0 .75rem 0 0;
}

.morecenter {
	margin: 2rem auto;
}


.main06 {
	padding: 3rem 0 3rem 0;
	background: url(../images/a-main06bj.png) center bottom no-repeat;
}

.main06 .m-title .m-title01 {
	font-weight: bold;
	font-size: 36px;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}

.main06 .m-title .m-title02 {
	font-weight: bold;
	font-size: 2.5rem;
	color: #fff;
	text-align: center;
	opacity: .2;
	line-height: 1.2;
}



.about5ul {
	overflow: hidden;
	margin-left: -1.5%;
	margin-top: 2rem;
}

.about5ul li {
	    float: left;
	    width: 17%;
	    margin-right: 1.5%;
		margin-left: 1.5%;
	    margin-bottom: 27px;
}

.about5ul li img {
	width: 100%;
}

.about5ul .imgbox_a {
	padding-bottom: 47.67%;
}



footer a {
	color: #fff;
}

footer .fl01 {
	background: #1C1C1C;
	padding: 3rem 0 2.5rem;
}

footer .fl01 .w1200 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

footer .fl01 .w1200 .left {
	width: 60rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

footer .fl01 .w1200 .left dl dt {
	font-size: 1.125rem;
	color: #fff;
	margin-bottom: 1.25rem;
	font-weight: bold;
	position: relative;
}

footer .fl01 .w1200 .left dl dt::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	width: 36px;
	height: 2px;
	/*background: url(../images/a-copyline.png) no-repeat;*/
}

footer .fl01 .w1200 .left dl dd {
	font-size: 13px;
	color: #fff;
	opacity: .5;
	line-height: 1.875rem;
	transition: .5s;
}

footer .fl01 .w1200 .right {
	float: right;
	width: calc(100% - 65rem);
}

footer .fl01 .w1200 .list_box_08 h6 {
	font-size: 1.25rem;
	color: #fff;
	margin-bottom: 2.25rem;
	font-weight: bold;
	position: relative;
}
/*footer .fl01 .w1200 .list_box_08:hover{*/
/*	animation: changeStyle 2s;*/
/*	-webkit-animation: changeStyle 2s;*/
/*}*/
@keyframes changeStyle {
	0% {width: 100px}
	100% {width: 200px}
}
@-webkit-keyframes changeStyle {
	0% {width: 100px}
	100% {width: 200px}
}
footer .fl01 .w1200 .list_box_08 h6::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	width: 36px;
	height: 2px;
	/*background: url(../images/a-copyline.png) no-repeat;	-webkit-animation: changeStyle 2s;*/
}

footer .fl02 {
	background: #0f0f0f;
	padding: 13px 0;
	border-top: #4e4e4f 1px solid;
}

footer .fl02 .w1200 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}


footer .fl02 .right p {
	font-size: 1rem;
	color: #a5a7a9;
	line-height: 1.5;
}

footer .fl02 .left,
footer .fl02 .left a {
	font-size: 1rem;
	color: #a5a7a9;
	line-height: 1.5;
}

footer .fl02 .right p a:hover {
	color: rgba(255, 255, 255, .2)
}

footer .copy11 {
	background: url(../images/a-copyewm.png) no-repeat;
	width: 133px;
	height: 134px;
	text-align: center;
	float: left;
}

footer .copy12 {
	width: calc(100% - 145px);
	float: right;
	color: rgba(255, 255, 255, .5)
}

footer .copy12 span {
	display: block;
}

footer .copy12 .copy12-1 {
	color: rgba(255, 255, 255, .8);
	padding-bottom: 10px;
}





.main06 .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 32px;
	margin-top: 20px;
}

    .main06 .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.main06 .swiper-slide a{
	padding: 5px;
	display: block;
}
    .main06 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;

    }
	.main06 .swiper-pagination-bullet {
	
	    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	    background: var(--swiper-pagination-bullet-inactive-color, #fff);
	    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	}
	.main06 .swiper-pagination-bullet-active {
	    opacity: var(--swiper-pagination-bullet-opacity, 1);
	    background: #CE0B00;
	}

.wavesBox{
	background: #000;
}
.wavesBox canvas {
	display:block;
}
.wavesBox .waves {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.ab-main04right{
	position: relative;
}
.zjnamer{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 20px;
	padding: 10px 20px;
}