@charset "utf-8";

html {
	overflow-x: hidden;
	background-color: #ffffff;
}

body {
	background-color: #ffffff;
}

img {
	object-fit: cover;
}

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

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

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

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

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

.line1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	/* IE/Safari */
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	/* Opera */
	-moz-binding: url("ellipsis.xml#ellipsis");
	/*FireFox*/
}

.line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.line5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/*返回顶部*/
.backtop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	display: none;
	width: 50px;
	height: 50px;
	-webkit-animation: more 2s infinite;
	animation: more 2s infinite;
}

.mt30 {
	margin-top: 30px;
}

.backtop img {
	display: block;
	width: 100%;
}

@-webkit-keyframes more {

	0%,
	60%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-10x);
	}

	40% {
		-webkit-transform: translateY(10px);
	}
}

@keyframes more {

	0%,
	60%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	20% {
		-webkit-transform: translateY(-10px);
	}

	40% {
		-webkit-transform: translateY(10px);
	}
}

@media(max-width: 768px) {
	.backtop {
		width: 30px;
		height: 30px;
		right: 10px;
	}

}

/*==========================================公共 开始=============================================*/
.head-box {
	/* position: absolute; */
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	/* height: 100px; */
	background-color: #7c6fb0;
}

.head-box .bg {
	width: 100%;
}

.head-box .logo {
	height: 80px;
	margin: 20px 40px 20px 0;
	max-width: 140px;
}

.head-box .m {
	/* position: absolute; */
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.head-box .top-r {
	margin-top: 0.5rem;
}

.top {
	/* padding: 0.875rem 0; */
	position: relative;
	height: 100%;
}

.top .logo img {
	display: block;
	object-fit: contain;
	height: 100%;
}

.top-r-t {
	margin-bottom: 10px;
}

.top-r-t ul {
	float: right;
}

.top-r-t ul li {
	float: left;
	margin-left: 10px;
}

.top-r-t ul li a {
	font-size: 0.75rem;
	color: #fff;
	transition: 0.6s all;
}

.top-r-t ul li a:hover {
	color: #a3dfea;
	transition: 0.6s all;
}

.top-r-t ul li a img {
	display: block;
	transition: 0.6s all;
	max-height: 12px;
}

.top-r-t ul li a img:hover {
	opacity: 0.6;
	transition: 0.6s all;
}

.top-r-t .search-btn {
	float: left;
	margin-left: 16px;
	display: none;
}

/* banner */
#ups-banner {
	position: relative;
}

#ups-banner .bg,
#ups-banner .bg2 {
	width: 100%;
}

#ups-banner .bg2 {
	display: none;
}

#ups-banner .btn-buy {
	background-color: #e9536b;
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 3;
	padding: 5px 10px;
	border-radius: 8px;
	color: #ffffff;
	border: 1px solid #FFFFFF;
}

#ups-banner .swiper-slide {
	position: relative;
	width: 100%;
}

#ups-banner .fbox {
	position: absolute;
	right: 15%;
	bottom: -6%;
	z-index: 3;
	height: 90%;
}

#ups-banner .fbox img {
	height: 100%;
}

#ups-banner .tb {}

#ups-banner .ph {
	display: none;
}

header {
	z-index: 1000;
	width: 100%;
	display: none;
}

header .fl {
	position: relative;
	margin: 15px 0;
}

header .fl a {
	display: block;
}

header .fl embed {
	width: 13.375rem;
	display: inline-block;
	vertical-align: middle;
}

header .fl embed.wap {
	display: none
}

header .w9 {
	position: relative;
}

.right_icon ul {
	font-size: 0;
	margin-top: 35px;
}

.right_icon ul li {
	display: inline-block;
	margin-left: 1.25rem;
	float: left;
}

.right_icon ul li a {
	display: block;
}

.right_icon ul li a p {
	color: white;
	height: 16px;
	width: 20px;
}

.animenu {
	/* position: relative; */
	height: 100%;
	/* padding-top: 40px; */
}

.animenu__toggle {
	display: none;
	cursor: pointer;
	background-color: #b5b0b0;
	border: 0;
	padding: 0.3rem;
	height: 2rem;
	width: 2rem;
	z-index: 10;
}

.animenu__toggle.animenu__toggle--active {
	/* background-color: #a40e0e; */
}

.animenu__toggle.animenu__toggle--active .animenu__toggle__bar {
	background: #fff
}

.animenu__toggle__bar {
	display: block;
	width: 1.4rem;
	height: 1px;
	background-color: #fff;
	-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	-o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}

.animenu__toggle__bar+.animenu__toggle__bar {
	margin-top: 0.45rem;
}

.animenu__toggle--active .animenu__toggle__bar {
	margin: 0;
	position: absolute;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
	opacity: 0;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.NavBox {
	/* border-top: 1px solid rgba(2555, 255, 255, 0.4); */
	height: 120px;
	display: flex;
	align-items: center;
	padding-top: 45px;
}

.NavBox .ww80 {
	width: 83%;
	margin: 0 auto;
}

.animenu {
	/* position: absolute;right: 0;top: 2.5rem;width: 73%; */
}

.animenu ul {
	padding: 0;
	list-style: none;
	text-align: left;
	height: 100%;
}

.animenu li,
.animenu a {
	display: inline-block;
	font-size: 1rem;
}

.animenu a {
	color: #fff;
	text-decoration: none;
}

.animenu__nav {
	width: unset;
	/* display: inline-block; */
	box-sizing: border-box;
	margin-right: 120px;
}

.NavBox .ctr {
	display: inline-block;
	float: right;
	color: #ffffff;
	padding: .3rem 0;
	width: 100px;
}

.NavBox .ctr .search {
	width: 1.6rem;
	margin-left: .5rem;
}

.NavBox .logo3 {
	position: absolute;
	right: -80px;
	top: 0;
	z-index: 3;
}

.NavBox .logo3 img {
	width: 50px;
}

.NavBox .mlogo {
	position: absolute;
	left: -160px;
	top: 0;
	z-index: 3;
}

.NavBox .mlogo img {
	width: 120px;
	margin: 10px 0;
}



.animenu__nav {}

.animenu__nav>li {
	position: relative;
	/* height: 3.125rem; */
	margin-right: 1%;
	width: 12%;
	text-align: center;
	box-sizing: border-box;
	height: 100%;
	float: left;
	/* padding: 0 1rem; */
}

.animenu__nav>li>a {
	height: 100%;
	text-align: center;
}

.animenu__nav>li>a span {
	height: 2rem;
	line-height: 1rem;
	font-size: .85rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.animenu__nav>li>a {
	/* text-transform: uppercase; */
	color: #fff;
	font-size: .9rem;
}

.animenu__nav>li>a:first-child:nth-last-child(2):before {
	/* content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: currentColor;
	top: 50%;
	margin-top: -2px;
	right: 10px;
	display: none; */
}

.animenu__nav>li:hover>ul {
	opacity: 1;
	visibility: visible;
	margin: 0px 0 0;
}

.animenu__nav>li:hover>a {
	/* background: #ff6666; */
	color: #fff;
}

.animenu__nav .icon {
	/* background: #ff6666; */
	border-bottom: 3px solid #ffffff;
}

#pages {
	text-align: center;
	margin-top: 30px;
}

#pages li {
	display: inline-block;
}

#pages li a,
#pages li span {
	display: inline-block;
	padding: 5px 10px;
	/* border: 1px solid #EEEEEE; */
	margin-right: 5px;
	font-size: 14px;
}

#pages li span {
	color: #999;
}

#pages li a {
	color: #c91111;
	cursor: pointer;
}

.animenu__nav__child {
	min-width: 11rem;
	position: absolute;
	top: 100%;
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	margin: 10px 0 0 0;
	background-color: rgba(255, 255, 255, .2);
	transition: margin .15s, opacity .15s;
	padding: 10px;
}

.animenu__nav__child>li {
	width: 95%;
	margin: 0 auto;
	display: block;
	text-align: left;
	border-bottom: 1px solid #99cccccc;
	position: relative;
}

/* .animenu__nav__child>li:first-child>a:after {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	left: 50%;
	margin-left: -6px;
	top: -6px;
	border: 6px solid transparent;
	border-top: 0;
	border-bottom-color: #b10e0e;
} */

.animenu__nav__child>li:last-child {
	border: 0;
}

.animenu__nav__child a {
	padding: 10px;
	width: 100%;
	/* border-color: #a40e0e; */
	font-size: 0.875rem;
}

.animenu__nav__child a:hover {
	/* background-color: #df0505; */
	/* border-color: #a40e0e; */

	background-color: rgba(255, 255, 255, .3);
	/* color: #fff; */
}

.animenu__nav--open {
	display: block !important;
}

.animenu__nav--open .animenu__nav__child {}

.animenu__nav__child>li dl {
	position: absolute;
	left: -100%;
	top: 0;
	background-color: #a40e0e;
	width: 100%;
	display: none;
}

.animenu__nav__child>li:hover dl {
	display: block;
}

.animenu__nav>li>a.on {
	color: #a40e0e;
}

.animenu__nav .close {
	display: none;
}



.three-menu {
	margin-bottom: 15px;
}

.three-menu ul li {
	float: left;
	border-radius: 8px;
	margin-bottom: 8px;
	width: calc((100% - 8px) / 3);
	text-align: center;
	padding-right: 12px;
}

.three-menu ul li a {
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	background: white;
	font-size: 16px;
	color: #494949;
	line-height: 20px;
	display: block;
	padding: 16px 0;
	border-radius: 8px;
}

.three-menu ul li a:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	/* background: #c91111; */
	border-radius: 8px;
}

.three-menu>ul>li>ul li:hover a {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	/* background: #c91111; */
	border-radius: 8px;
}

.three-menu ul li .selected {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	background: #c91111;
	border-radius: 8px;
}






.three-menu2 {
	margin-bottom: 15px;
}

.three-menu2 ul li {
	float: left;
	border-radius: 8px;
	margin-bottom: 8px;
	width: calc((100% - 8px) / 3);
	text-align: center;
	padding-right: 12px;
}

.three-menu2 ul li a {
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	background: white;
	font-size: 16px;
	color: #494949;
	line-height: 20px;
	display: block;
	padding: 16px 0;
	border-radius: 8px;
}

.three-menu2 ul li a:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	/* background: #c91111; */
	border-radius: 8px;
}

.three-menu2>ul>li>ul li:hover a {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	/* background: #c91111; */
	border-radius: 8px;
}

.three-menu2 ul li .selected {
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	color: white;
	background: #c91111;
	border-radius: 8px;
}

.position {
	overflow: hidden;
	margin-bottom: 1.875rem;
	margin-top: 2rem;
	/* background: #f7f7f7; */
	/* padding: 0 0.625rem; */
	position: relative;
}

.position h5 {
	/* float: left;
	width: 16%;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #323232;
	display: none; */
}

.position p {
	/* padding-left: 4%; */
	font-size: 0.875rem;
	line-height: 2.5rem;
	color: #888888;
	/* background: url(../images/position.png) no-repeat 2% center; */
}

.position p .red {
	color: #e00000;
}

.position p a {
	color: #888888;
	transition: 0.6s all;
}

.position p a:hover {
	color: #a40e0e;
	transition: 0.6s all;
}

.main_r_nav {
	font-size: 1rem;
	color: #666666;
	/* margin-bottom: 1.25rem; */
	line-height: 1.5rem;
}

.main_r_nav a,
.returnlist a {
	color: #e43c3c;
	transition: 0.6s all;
	font-weight: bold;
}

.viewpage {
	/* border-top: 1px solid #eeeeee; */
	/* padding-top: 20px; */
	/* margin-top: 20px; */
	background-color: #efefef;
	color: #e43c3c;
	padding: 30px;
}
/* swiper */
.mySwiper .swiper-button-next:before,
.mySwiper .swiper-button-prev:before {
	display: none;
}

.mySwiper .swiper-button-prev {
	background-image: url('../images/home/l.png');
	background-color: #7c6fb0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	width: 40px !important;
	height: 40px !important;
	top: unset !important;
	bottom: 30px !important;
	left: 50px !important;
}
.mySwiper .swiper-button-next {
	background-image: url('../images/home/r.png');
	background-color: #7c6fb0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	width: 40px !important;
	height: 40px !important;
	top: unset !important;
	bottom: 30px !important;
	right: 50px !important;
}
.alswiper-button-prev{
	background-image: url('../images/psfw/l.png');
	background-color: #7c6fb0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 25px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 9;
}

.alswiper-button-next{
	background-image: url('../images/psfw/r.png');
	background-color: #7c6fb0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 25px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 30px;
}


#topcontrol {
	position: fixed;
	z-index: 10;
	right: 50px;
	top: 50%;
}

#topcontrol .ul {
	/*overflow: hidden;*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#topcontrol .ul .li {
    
    background: #7b6faf;
	width: 40px;
	height: 40px;
	padding: 5px;
	display: flex;
	position: relative;
	transition: 0.3s all;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#topcontrol .ul .li:nth-child(2){
	border-bottom: 1px solid #ffffff;
}

#topcontrol .ul .li.showhover:hover{
	width: 160px;
}
#topcontrol .ul .li:last-child {
	border-top: unset;
	border-bottom: 1px solid #ffffff;
}

#topcontrol .ul .li img {
	width: 30px;
	height: 30px;
}
#topcontrol .ul .li .showview{
    display: none;
    position: absolute;
    right: 45px;
    top: -70px;
    padding: 5px;
	z-index: 2;
    background: #ffffff;
}
#topcontrol .ul .li .p{
	color: #ffffff;
	height: 30px;
	display: flex;
	align-items: center;
	padding-left: 5px;
	object-fit: 0;
	/* display: none; */
	width: 0;
	overflow: hidden;
}
#topcontrol .ul .li:hover .p{
	width: unset;
}
#topcontrol .ul .li .showview img{
    width: 160px;
    height: 160px;
}
#topcontrol .ul .li:hover .showview{
    display: block;
}
.mTitle {
	width: 100%;
	overflow: hidden;
}

.mTitle .t {
	color: #e5e3f0;
	font-size: 3.3rem;
	position: relative;
	font-weight: bold;
	width: 330px;
}

.mTitle .t .h1 {
	color: #7b6fb1;
	font-size: 2rem;
	position: absolute;
	bottom: 7px;
	left: 0;
}

.mTitle .t.fr {
	text-align: right;
}

.mTitle .t.fr .h1 {
	left: unset;
	right: 0;
}
.mTitle2 {
	color: #7b6fb1;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
}


/* 底部 */
.foot-inter {
	background-color: #7b6faf;
	padding: 2rem 0;
	text-align: center;
	overflow: hidden;
}

.foot-inter.bg2 {
	background-color: #362a6a;
	background-image: url('../images/footbg.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.foot-inter .title {
	text-align: center;
	/* width: 160px; */
	display: inline-block;
	font-size: 1.6rem;
	padding-bottom: 10px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto;
	font-weight: bold;
	margin-top: 2rem;
}

.foot-inter .dl {
	margin: 30px 0;
	text-align: left;
	color: #ffffff;
	line-height: 2rem;
	overflow: hidden;
}

.foot-inter .dl .dt {
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: bold;
	margin-right: 10px;
	width: 120px;
	float: left;
}

.foot-inter .dl .dd {
	margin-left: 150px;
}

.foot-inter .dl .dd a {
	color: #fffeff;
	margin-right: 30px;
	font-size: 1.1rem;
}

.foot-inter .dl2 {
	color: #ffffff;
	line-height: 1.8rem;
	overflow: hidden;
}

.foot-inter .dl2 .dt {
	float: left;
	width: 80px;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
}

.foot-inter .dl2 .dd {
	margin-left: 100px;
	text-align: left;
}

.foot-inter .dl2 .dd a {
	color: #e2deed;
	/*padding-right: 20px;*/
	margin-left: 20px;
	margin-right: 20px;
}

.foot-inter .dl2 .dd a:first-child{
    margin-left: 0;
}
.foot-inter .dl2 .dd a:last-child {
    margin-right:0;
}

.foot-inter .copyrightview {
	text-align: left;
	display: flex;
	justify-content: space-between;
	color: #e2deed;
	margin-top: 10px;
}

@media(max-width: 1360px) {

	.animenu__nav>li>a {
		font-size: 1rem;
	}

	.animenu__nav>li {
		/* min-width: 10%; */
	}

	.animenu__nav__child {}

	.animenu {
		/* top: 1.375rem; */
	}


}

@media(max-width: 1200px) {
	.right_icon ul {
		margin-top: 20px;


	}
}

@media screen and (max-width: 1000px) {

	header .w9,
	.top .w9 {
		max-width: calc(100% - 30px);
	}

	.logo {
		width: 50%;
	}

	.animenu__nav__child>li {
		border-bottom: #e5e5e5 1px solid;
	}

	.animenu>ul {
		background: #7c6fb0;
		display: none;
		position: fixed;
		z-index: 99;
		width: 100%;
		left: 0;
		top: 0;
		 padding-top: 40px; 
	}

	.animenu__nav {
		position: relative;
	}

	.animenu__nav .close {
		display: block;
		background-image: url('../images/close.png');
		background-size: 100%;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 26px;
		height: 26px;
	}

	.animenu {
		padding: 0;
		width: 100%;
		z-index: 19;
		margin-right: 40px;
	}

	.right_icon ul {
		margin-right: 5rem;
	}

	.animenu__toggle {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 48px;
	}

	.animenu__nav,
	.animenu__nav__child {
		display: none;
	}

	.animenu__nav__child a {
		color: #323232;
		line-height: 40px;
		font-size: 16px;
	}

	.animenu__nav>li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #FFFFFF;
		height: auto;
		background: none;
	}

	.animenu__nav>li .jt {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 4rem;
		background: url(../images/jt.png) center no-repeat;
		background-size: 20px auto;
		z-index: 1000;
		background-position: 98% center;
	}

	.NavBox .mlogo {
		display: none;
	}

	.animenu__nav>li>a.on {
		color: #fff;
	}

	.animenu__nav>li:last-child {
		border: 0;
	}

	.animenu__nav>li:first-child>a:after {
		content: '';
		position: absolute;
		height: 0;
		width: 0;
		left: 1em;
		top: -6px;
		border: 6px solid transparent;
		border-top: 0;
		border-bottom-color: inherit;
		display: none;
	}

	.animenu__nav>li>a {
		width: 100%;
		color: #fff;
		padding: 0 0 0 2rem !important;
		border-color: #111;
		background: #7c6fb0;
		position: relative;
		height: 4rem;
		line-height: 4rem;
		text-align: left;
	}

	.animenu__nav a:hover {
		/* background-color: #a40e0e; */
		/* border-color: #a40e0e; */
		/* color: #fff; */
		/* height: 4rem; */
		/* line-height: 4rem; */
	}

	.animenu__nav__child {
		position: static;
		background-color: #fb9a9a;
		margin: 0;
		transition: none;
		visibility: visible;
		opacity: 1;
	}

	.animenu__nav__child>li:first-child>a:after {
		content: none;
	}

	.animenu__nav__child>li dl {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		background: #f8f8f8;
		margin: 0 50px 50px;
		width: auto;
	}

	.animenu__nav__child>li dl dd {
		border-top: 1px solid #e5e5e5;
	}

	.animenu__nav__child>li dl dd a {
		line-height: 26px;
		font-size: 14px;
	}
	.animenu__nav .icon{
		text-align: left;
	}
	.animenu__nav>li:hover>a {
		color: #fff;
	}

	.head-box2 #header .logo {
		width: 50%;
	}

	.head-box2 .animenu {
		top: 4.25rem;
		width: 76%;
	}
	.swiper-button-prev{
		left: 10px !important;
		bottom: 10px !important;
	}
	.swiper-button-next{
		right: 10px !important;
		bottom: 10px !important;
	}
}

@media(max-width: 768px) {}

@media(max-width: 580px) {
	.head-box .top-r {
		margin-top: 0;
	}

	.top .logo.fl {
	}

	.top-r {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		background: #c91111;
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 8px 0;
	}

	.top {
		padding: 20px;
	}

	.top .logo {
		/* width: 67%; */
		/* margin-top: 2.5rem; */
		height: 40px;
		margin: unset;
		width: 40px;
	}

	header {
		display: block;
	}

	.NavBox {
		height: unset;
		padding: unset;
	}
	.NavBox .ctr{
		margin-right: 0px;
	}

	.head-box2 #header .logo {
		width: 72%;
	}

	.top-r-t {
		float: left;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.animenu__toggle {
		top: 20px;
		right: 20px;
	}

	.three-menu2 ul li {
		float: left;
		border-radius: 8px;
		margin-bottom: 8px;
		width: calc((100% - 8px) / 1);
		text-align: center;
		padding-right: 12px;
	}


	.yuanjing {
		color: #fff;
		font-size: 19px;
		line-height: 36px;
		margin-left: 4px;
	}
}

@media(max-width: 375px) {




	.animenu__toggle {
		top: 20px;
	}
}

@media(max-width: 360px) {
	.animenu__toggle {
		top: 20px;
	}
}

@media(max-width: 320px) {
	.animenu__toggle {
		top: 20px;
	}
}

/*==========================================公共 结束=============================================*/
.home-info {
	padding: 5rem 0 0;

}

.home-info .info {
	font-size: 17px;
	color: #665aa4;
}

.home-info .info>img {
	width: 30px;
	height: 30px;
}

.home-info .info p {
	margin: -10px 40px;
	font-weight: bold;
}

.home-info .aboutv {
	/* overflow: hidden; */
	margin-top: 2rem;
}

.home-info .aboutv .thumb {
	float: left;
	width: 550px;
	margin-left: -100px;
	height: 300px;
	margin-right: 30px;
}

.home-info .aboutv .r {
	padding-left: 30px;
}

.home-info .aboutv .r .fwnums {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px 40px;
}

.home-info .aboutv .r .fwnums .li {
	flex: 1;
	text-align: center;
}

.home-info .aboutv .r .fwnums .li:first-child {
	text-align: left;
}

.home-info .aboutv .r .fwnums .li:last-child {
	text-align: right;
}

.home-info .aboutv .r .fwnums .t {
	color: #727171;
	font-family: '黑体';
}

.home-info .aboutv .r .fwnums .n {
	color: #7b6faf;
	font-size: 3rem;
	font-weight: bold;
}

.home-info .aboutv .r .desc {
	text-indent: 2rem;
	margin-top: 30px;
	color: #727171;
	line-height: 1.8rem;
	padding-left: 6px;
	font-family: '黑体';
}

.hxyw-info {
	margin-top: 4rem;
}

.hxyw-info .hxyw {
	color: #727171;
	text-indent: 2rem;
	font-size: .92rem;
	line-height: 1.5rem;
	margin-right: 360px;
	padding-top: 14px;
	font-family: '黑体';
    line-height: 1.8rem;
}

.hxyw-info .hxywlist {
	overflow: hidden;
}

.hxyw-info .hxywlist .li {
	float: left;
	height: 240px;
	width: 38%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.hxyw-info .hxywlist .li:nth-child(1) {
	width: 61%;
	margin-right: 1%;
}

.hxyw-info .hxywlist .li:nth-child(4) {
	width: 61%;
	margin-left: 1%;
}

.hxyw-info .hxywlist .li .thumb {
	width: 100%;
	height: 100%;
}

.hxyw-info .hxywlist .li .info {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 100%;
	background-color: rgba(122, 110, 174, .8);
	transition: all .5s;
	display: flex;
	flex-direction: column;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	white-space: pre-line;
	text-align: center;
	line-height: 2rem;
}

.hxyw-info .hxywlist .li .info .title {
	border-bottom: 2px solid #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.hxyw-info .hxywlist .li:hover .info {
	top: 0;
}

.case-view {
	margin-top: 4rem;
}

.case-view .mTitle .t {
	width: 460px;
}

.case-view .category {
	margin-top: 1rem;
	color: #666666;
}

.case-view .category .layui-tab-title {
	border: unset;
	display: flex;
	justify-content: space-between;
}

.case-view .category .layui-tab-title li {
	padding: 0;
	font-size: .86rem;
}

.case-view .category .layui-tab-brief>.layui-tab-title .layui-this {
	color: #654fc6;
}

.case-view .category .layui-tab-brief>.layui-tab-more li.layui-this:after,
.case-view .category .layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 1px solid #654fc6;
}

.case-view .category .cardview {}

.case-view .category .cardview img {
	width: 100%;
	height: 240px;
}

.brand-view {
	margin-top: 4rem;
}

.brand-view .mTitle .t {
	width: 760px;
}

.brand-view .list {
	margin-top: 1rem;
	overflow: hidden;
}

.brand-view .list .cardview {}

.brand-view .list .cardview .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.brand-view .list .cardview .title .n {
	font-size: 4rem;
	color: #7b6fb1;
	font-weight: bold;
	margin-right: 10px;
}

.brand-view .list .cardview .title .t {
	font-size: 14px;
	line-height: 1.2rem;
	color: #666666;
}

.brand-view .list .cardview img {
	width: 100%;
	margin-top: 10px;
	height: 200px;
}

.sjmtyy-view {
	margin-top: 4rem;
}

.sjmtyy-view .mTitle .t {
	width: 560px;
}

.sjmtyy-view .info {
	overflow: hidden;
	margin-top: 2rem;
}

.sjmtyy-view .info .thumb {
	width: 100%;
	height: 300px;
}

.sjmtyy-view .info .desc {
	line-height: 2rem;
	color: #666666;
	white-space: pre-line;
}

.hwssytyh-view {
	margin-top: 6rem;
}

.hwssytyh-view .mTitle .t {
	width: 100%;
	font-size: 2.9rem;
}

.hwssytyh-view .info {
	overflow: hidden;
	margin-top: 2rem;
	position: relative;
}

.hwssytyh-view .info .thumb {
	width: 100%;
	height: 350px;
}

.hwssytyh-view .info .desc {
	line-height: 2rem;
	color: #666666;
	white-space: pre-line;
	margin-top: 20px;
}
.news-view img{
    max-width: 100%;
}
.news-view p img{

    width: 100%;
}
.news-view .title{
    text-align: center;
    font-size: 2rem;
    margin: 30px 0 60px;
}
.news-view video{
    max-width: 100%;
}
.ys-view {
	margin-top: 4rem;
}

.ys-view .mTitle .t {
	width: 430px;
}

.ys-view .list {
	margin-top: 2rem;
}

.ys-view .list .ul {
	min-width: 100%;
	overflow: auto;
}

.ys-view .list .li {
	float: left;
	width: 20%;
	position: relative;
}

.ys-view .list .li:nth-child(2n) {
	padding-top: 180px;
}

.ys-view .list .li::after {
	content: '';
	display: block;
	width: 300px;
	height: 2px;
	background-color: #7b6faf;
	position: absolute;
	z-index: 1;
	left: 30%;
	top: 160px;
	transform: rotate(45deg);
}

.ys-view .list .li:nth-child(2n)::after {
	transform: rotate(135deg);
}

.ys-view .list .li:last-child::after {
	content: unset;
}

.ys-view .list .li img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	display: block;
	object-fit: contain;
	position: relative;
	z-index: 2;
}

.ys-view .list .li .t {
	margin: 0px auto;
	width: 80%;
	text-align: center;
}

.video-view {
	margin-top: 4rem;
}

.video-view .video {
	margin: 0 40px;
}

.video-view .video video {
	width: 100%;
}

.hzhb-view {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.hzhb-view .mTitle .h1 {
	text-align: center;
	/* width: 100%; */
	border-bottom: 1px solid #7b6fb1;
	left: 50%;
	width: 160px;
	margin-left: -80px;
	bottom: 10px;
}

.hzhb-view .mTitle .t {
	width: 100%;
	text-align: center;
}

.hzhb-view .list .li {
	margin: 10px;
	display: block;
}

.hzhb-view .list img {
	width: 100%;
	height: 100px;
	object-fit: contain;
}

/* 海外传播服务 */
.hwcbfw-info{
	margin-top: 4rem;
	overflow: hidden;
}
.hwcbfw-info .thumb{
	width: 100%;
}
.hwcbfw-info .desc{
	line-height: 2rem;
	font-size: 1rem;
	white-space: pre-wrap;
	color: #666666;
}
.hwcbfw-list{
	margin-top: 6rem;
}
.hwcbfw-list .cardview {
	position: relative;
	overflow: hidden;
}

.hwcbfw-list .cardview a{
	position: relative;
	display: block;
	overflow: hidden;
}
.hwcbfw-list .cardview img {
	width: 100%;
	height: 240px;
}
.hwcbfw-list .cardview .info {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 100%;
	background-color: rgba(122, 110, 174, .8);
	transition: all .5s;
	display: flex;
	flex-direction: column;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	white-space: pre-line;
	text-align: center;
	line-height: 2rem;
	padding: 0 30px;
}

.hwcbfw-list .cardview .info .title {
	/* border-bottom: 2px solid #ffffff; */
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	max-width: 100%;
	position: relative;
}
.hwcbfw-list .cardview .info .title::after{
	content: '';
	width: 100px;
	height: 2px;
	background-color: #ffffff;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
	position: absolute;
}
.hwcbfw-list .cardview .info  .p{
	width: 80%;
}

.hwcbfw-list .cardview:hover .info {
	top: 0;
}

.hwcbfw-hwmttf{
	margin-top: 4rem;
	overflow: hidden;
}
.hwcbfw-hwmttf .mTitle .t{
	width: 480px;
}
.hwcbfw-hwmttf .desc{
	white-space: pre-line;
	margin-top: 30px;
	color: #666666;
	line-height: 1.8rem;
}
.hwcbfw-hwmttf .list{
	margin-top: 60px;
	text-align: center;
}
.hwcbfw-hwmttf .list .cardview{
	height: 240px;
	overflow: hidden;
}
.hwcbfw-hwmttf .list .cardview:nth-child(4){
	margin-left: 15%;
}
.hwcbfw-hwmttf .list .cardview:nth-child(5){
	margin-right: 15%;
}
.hwcbfw-hwmttf .list .thumb{
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
}
.hwcbfw-hwmttf .list .title{
	color: #7c6fb0;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 10px 20px;
}
.hwcbfw-hwmttf .list .p{
	margin: 0 10px;
	color: #666666;
	line-height: 1.5rem;
	font-size: .8rem;
	white-space: pre-line;
}
.hwcbfw-hwyy{
	margin-top: 4rem;
	overflow: hidden;
}
.hwcbfw-hwyy .mthumb{
	width: 100%;
	padding: 80px 40px 120px;
}
.hwcbfw-hwyy .list{
	margin-top: 2rem;
}
.hwcbfw-hwyy .list .thumb{
	width: 100%;
	height: 240px;
}
.hwcbfw-hwyy .list .p{
	height: 240px;
	display: flex;
	align-items: center;
	line-height: 2.4rem;
	font-size: 1rem;
	white-space: pre-line;
	color: #666666;
}
.hwcbfw-hwyy .list .li:nth-child(1) .p{
	margin-left: 30px;
}
.hwcbfw-hwyy .list .li:nth-child(2) .p{
	margin-right: 30px;
}
.hwcbfw-mt{
	margin-top: 4rem;
	overflow: hidden;
}
.hwcbfw-mt .mTitle .h1{
	position: unset;
	font-size: 1.6rem;
}
.hwcbfw-mt .mTitle .t{
	width: 100%;
	text-align: center;
}
.hwcbfw-mt .list{
	margin-top: 3rem;
}
.hwcbfw-mt .list a {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.hwcbfw-mt .list .thumb{
	height: 80px;
	width: 140px;
	object-fit: contain;
}
.hwcbfw-mt .list .in{
	flex: 1;
	/* padding-left: 10px; */
	font-size: 1rem;
	font-weight: bold;
	color: #333333;
	line-height: 1.6rem;
}

.hzhdfw-tj{
	margin-top: 6rem;
}
.hzhdfw-tj .desc,
.hzhdfw-chzx .desc{
	color: #666666;
	text-align: center;
	font-size: 1.1rem;
	/*width: 600px;*/
	margin: 1rem auto 0;
	line-height: 2rem;
	white-space: pre-line;
	max-width: 100%;
}
.hzhdfw-tj .list,.hzhdfw-chzx .list{
	margin-top: 3rem;
}
.hzhdfw-tj .list .thumb,
.hzhdfw-chzx .list .thumb{
	height: 240px;
	width: 100%;
}
.hzhdfw-chzx{
	margin-top: 5rem;
	overflow: hidden;
}
.hzhdfw-chzx .list2{
	margin-top: 3rem;
}
.hzhdfw-chzx .list2 .thumb{
	height: 200px;
	width: 100%;
}
.hzhdfw-chzx .list3{
	margin-top: 3rem;
}
.hzhdfw-chzx .list3 .thumb{
	height: 320px;
	width: 100%;
}
.vieadd{
	display: block;
	position: relative;
	transition: 0.6s all;
	position: relative;
}
.vieadd .title{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.5rem;
	font-size: 1rem;
	white-space: pre-line;
	z-index: 3;
}
.vieadd:hover::after,
.vieadd:hover::before{
	opacity: 1;
}
.vieadd::after{
	opacity: 0;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	border-radius: 50%;
	background-color: #7c6fb0;
	background-image: url('../images/add.png');
	background-size: 100%;
	z-index: 3;
}
.vieadd::before{
	opacity: 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(93, 88, 168, 0.5);
}

.psfw-tj{
	margin-top: 6rem;
	overflow: hidden;
}
.psfw-tj .desc{
	color: #666666;
	text-align: center;
	font-size: 1.2rem;
	margin: 1rem auto 0;
	line-height: 2.4rem;
	white-space: pre-line;
	max-width: 100%;
}
.psfw-tj .desc b{
    display: block;
}
.psfw-tj .desc span{
	display: inline-block;
	background-color: #7b6fb1;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	color: #ffffff;
	line-height: 24px;
	margin-left: 10px;
}
.psfw-tj .desc span:first-child{
    margin-left: 0;
}
.psfw-al{
	margin-top: 4rem;
	overflow: hidden;
}
.psfw-al .list{
	margin-top: 3rem;
	position: relative;
}
.psfw-al .list .alSwiper .swiper-slide{
	height: 340px;
	width: 180px;
	transition: .5s all;
	position: relative;
}
.psfw-al .list .alSwiper .swiper-slide img{
	object-fit: cover;
	filter: grayscale(100%);
}

.psfw-al .list .alSwiper .swiper-slide .info{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(93, 88, 168, 0.6);
	display: none;
	color: #ffffff;
	padding: 30px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}
.psfw-al .list .alSwiper .swiper-slide .info .title{
	font-size: 1rem;
}
.psfw-al .list .alSwiper .swiper-slide .info a{
	display: inline-block;
	background-color: #ffffff;
	color: #333;
	padding: 3px 8px;
	margin-top: 10px;
	font-weight: bold;
}
.psfw-al .list .alSwiper .swiper-slide.hover .info{
	display: flex;
}
.psfw-al .list .alSwiper .swiper-slide.hover{
	width: 360px;
}
.psfw-al .list .alSwiper .swiper-slide.hover img{
	filter: grayscale(0%);
}
/* .psfw-al .list .alSwiper:hover img{
	width: 360px !important;
	filter: brightness(100%);
	filter: grayscale(0);
} */
@media(max-width: 1000px) {
	.mcontainer{
		padding-left: 15px;
		padding-right: 15px;
	}
	.home-info .info{
		margin-top: 1rem;
	}
	#topcontrol{
		top: unset;
		bottom: 20%;
		right: 20px;
		position: fixed;
	}
	.home-info .aboutv .thumb{
		width: 100%;
		float: unset;
		margin: 0;
		height: unset;
	}
	.home-info .aboutv .r{
		padding: 0 15px;
	}
	.home-info .aboutv .r .fwnums{
		padding: 20px 0;
	}
	.home-info .aboutv .r .fwnums .t{
		font-size: .9rem;
	}
	.home-info .aboutv .r .desc{
		padding: 0;
		margin-top: 0px;
		font-size: 1rem;
	}
	.home-info .aboutv .r .fwnums .n{
		font-size: 2.4rem;
	}
	.hxyw-info .hxyw{
		margin-right: unset;
	}
	.hxyw-info .hxywlist{
		padding: 0;
	}
	.hxyw-info .hxywlist .li{
		height: 140px;
	}
	.case-view .category .layui-tab-title{
		display: block;
	}
	.case-view .category .layui-tab-title li{
		margin-right: 10px;
	}
	.sjmtyy-view .info .thumb,.hwssytyh-view .info .thumb{
		height: auto;
	}
	.mTitle .t{
		max-width: 100%;
	}
	.mTitle .t.fr{
		float: unset;
		text-align: left;
	}
	.mTitle .t.fr .h1{
		left: 0;
		right: unset;
	}
	.home-info,.hxyw-info,.case-view,.brand-view,.sjmtyy-view,
	.hwssytyh-view,.ys-view,.hzhb-view,.video-view{
		margin-left: 15px;
		margin-right: 15px;
	}
	.hzhb-view .list img{
		height: 40px;
	}
	.foot-inter .dl{
		margin: 30px 15px;
	}
	.foot-inter .dl .dt{
		float: unset;
	}
	.foot-inter .dl .dd{
		margin-left: unset;
	}
	.foot-inter .dl2{
		margin: 0 15px;
	}
	.foot-inter .dl2 .dt{
		float: unset;
	}
	.foot-inter .dl2 .dd{
		margin-left: 0;
	}
	.foot-inter .copyrightview{
		margin: 0 15px;
		display: block;
	}
	.foot-inter .copyrightview span{
		display: block;
	}
	.ys-view .list .li{
		float: unset;
		width: 100%;
		overflow: hidden;
		display: block;
		margin-bottom: 20px;
	}
	.ys-view .list .li::after{
		display: none;
	}
	.ys-view .list .li img{
		width: 100px;
		height: 100px;
		float: left;
	}
	.ys-view .list .li .t{
		width: unset;
		margin-left: 120px;
		height: 100px;
		display: flex;
		align-items: center;
		text-align: left;
	}
	.ys-view .list .li:nth-child(2n){
		padding: unset;
	}
	.video-view .video{
		margin: 0;
	}
	.hwcbfw-hwmttf .mTitle .t{
		width: 100%;
		font-size: 2.6rem;
	}
	.hwcbfw-hwmttf .list .cardview:nth-child(4),
	.hwcbfw-hwmttf .list .cardview:nth-child(5){
		margin: unset;
	}
	.hwcbfw-hwyy .list .p{
		height: auto;
	}
	.hwcbfw-hwyy .list .cardview{
		margin-bottom: 30px;
	}
	.hwcbfw-hwyy .mthumb{
		padding: 40px 0;
	}
	.hzhdfw-tj .list .thumb, .hzhdfw-chzx .list .thumb{
		height: 200px;
	}
	.hzhdfw-chzx .list3 .thumb{
		height: 200px;
	}
	.mySwiper .swiper-button-prev,.mySwiper  .swiper-button-next{
		display: none;
	}
	.hwcbfw-hwyy .list .li:nth-child(1) .p{
	    margin-left: 0;
	}
	.hwssytyh-view .info .thumb{
	    /*position: absolute;*/
	    bottom: 0;
	    left: 0;
	}
	.foot-inter .dl2 .dd a{
	    margin-left: 0;
	    display: inline-block;
	}
	.foot-inter .dl2 .dd span{
	    display: none;
	}
	.foot-inter.bg2{
	    background-image: url('../images/footbg2.jpg');
	}
	.mTitle2{
	    font-size: 2rem;
	}
	.psfw-tj .desc span:nth-child(3){
	    margin-left: 20px;
	}
	.alswiper-button-prev,.alswiper-button-next{
	    display: none;
	}
}