@charset "utf-8";

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

body {
	background-color: #f9f9f9;
}

@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;
}

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

.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;
}

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

.head-box .logo{
	display: none;
}
.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 {
	width: auto;
	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;
}
#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: 0%;
	z-index: 3;
	height: 80%;
}
#ups-banner .fbox img{
	height: 100%;
}
#ups-banner .tb{}
#ups-banner .ph{
	display: none;
}
/* 搜索 */
img {
	object-fit: cover;
}

/* 搜索 */
.tc2 form {
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	height: 60px;
	width: 100%;
}

.tc2 input[type="text"] {
	border: none;
	width: 94%;
	display: block;
	height: 60px;
	text-align: left;
	color: #434343;
	font-size: 14px;
	background: none;
	line-height: 60px;
	padding: 0 20px;
}

.tc2 input[type="text"]:focus {
	text-align: left;
}

.tc2 input[type="image"] {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0;
	z-index: 2;
	height: 60px;
	width: 70px;
	cursor: pointer;
	border: none;
	background: url(../images/icon_search_hover.png) no-repeat center;
	background-size: 20px 20px;
	margin-top: -30px;
}

.tc2 input[type="image"]:hover {
	background: url(../images/icon_search_hover.png) center no-repeat;
	background-size: 20px 20px;
}

.tc2 .tc {
	transition: all ease 300ms;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	display: none
}

.tc2 .tc {
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transform: scale(1.1);
}

.tc2 .tc.act {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
}

.tc2 .close:hover {
	transform: rotate(180deg);
}

.tc2 .close,
.tc {
	transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}

.tc2 .tc-box {
	position: absolute;
	border-radius: 4px;
	overflow: hidden;
	top: 50%;
	z-index: 9999;
	background: #fff;
	height: 60px;
	width: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -40px;
}

.tc2 .tc.act {
	display: block;
}

.tc2 .close {
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	right: 30px;
	top: 30px;
}

.tc2 .tc-bg {
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

.head-box .top-r input {
	outline: none;
	border: none;
	background: none;
}

.head-box .top-r .searchCon {
	border: 1px solid #ffbaba;
	height: 27px;
	box-sizing: border-box;
	border-radius: 13px;
}

.head-box .top-r .searchCon .input1 {
	padding-left: 10px;
	color: #FFFFFF;
	width: 120px;
	height: 27px;
	height: 27px;
	box-sizing: border-box;
	float: left;
}

.head-box .top-r .searchCon .input2 {
	width: 13px;
	color: white;
	height: 13px;
	float: right;
	font-size: 14px;
	float: right;
	padding: 5px 10px 9px 10px;
	box-sizing: content-box;
}

@media(max-width: 1000px) {
	.top-r-t .search-btn {
		display: block;
	}

	.head-box .top-r .searchCon {
		display: none;
	}

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

/* 搜索end */

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

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: 30px;
}
.animenu__toggle {
	display: none;
	cursor: pointer;
	background-color: #ea546b;
	border: 0;
	padding: 0.3rem;
	height: 2rem;
	width: 2rem;
}

.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: 100%;
	display: flex;
	align-items: center;
}

.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;
}

.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;
}
.NavBox .ctr{
	display: inline-block;
	float: right;
	color: #ffffff;
	padding: .3rem 0;
}
.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: 1rem;
	/* width: 8rem; */
	text-align: center;
	box-sizing: border-box;
}
.animenu__nav>li:first-child a{
	width: unset;
	padding: .5rem .8rem;
	min-width: unset;
}

.animenu__nav>li>a {
	font-size: 1rem;
	/* line-height: 3.125rem; */
	line-height: 1rem;
	display: inline-block;
	border-radius: .3rem;
	padding: .5rem 0.8rem;
	width: 8rem;
	text-align: center;
}

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

.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;
}

.icon {
	background: #ff6666;
}

#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);*/
	background-color: #ffffff;
	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 #cccccc;
	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;
	color: #666666;
}

.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;
}





.btn-loadmore {
	width: 100%;
	background: #F2f2f2;
	color: #888888;
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
}

.content-right .title {
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.content-right .pagec {
	padding: 10px;
	line-height: 24px;
}

.main_list {
	margin-bottom: 58px;
}

.viewpage {
	/* border-top: 1px solid #eeeeee; */
	/* padding-top: 20px; */
	/* margin-top: 20px; */
	background-color: #efefef;
	color: #e43c3c;
	padding: 30px;
}

.viewpage a {
	color: #e43c3c;
	display: block;
}

.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;
}

.main_list ul.m_list li {
	background: white;
	-webkit-box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	margin-bottom: 8px;
}

.main_list ul.m_list li .title {
	padding: 16px;
}

.main_list ul.m_list li .title::before {
	content: "";
	display: inline-block;
	float: left;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin-right: 16px;
	vertical-align: middle;
	margin-top: 6px;
}

.main_list ul.m_list li .title a {
	float: left;
	color: #303133;
	width: calc(100% - 100px);
	text-align: left;
	line-height: 20px;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_list ul.m_list li .title .date {
	float: right;
	color: #c0c5cc;
	font-size: 12px;
	font-family: Oswald-Medium, Oswald !important;
	padding-top: 2px;
}

.main_list ul.m_list li:nth-child(4n + 1) .title::before {
	background-color: #8f3759;
}

.main_list ul.m_list li:nth-child(4n + 2) .title::before {
	background-color: #b85b50;
}

.main_list ul.m_list li:nth-child(4n + 3) .title::before {
	background-color: #204285;
}

.main_list ul.m_list li:nth-child(4n + 4) .title::before {
	background-color: #36768f;
}

.main_list ul.m_list li .title:hover::before {
	/* background-color: #c91111; */
}

.main_list .img_list li {
	overflow: hidden;
	background: #fff;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
}

.main_list .img_list li a {
	color: #000;
}

.main_list .img_list li .news-img {
	float: left;
	width: 229px;
	border-radius: 8px;
	overflow: hidden;
}

.main_list .img_list li .news-img a {
	display: block;
	overflow: hidden;
	border-radius: 8px;
	color: #000
}

.main_list .img_list li .news-img img {
	display: block;
	width: 229px;
	max-height: 200px;
	border-radius: 8px;
}

.main_list .img_list li .news-info {
	float: left;
	width: calc(100% - 230px);
	padding: 24px 2%;
	box-sizing: border-box;
}

.main_list .img_list li .news-info .news-title a {
	font-size: 16px;
	font-weight: 500;
	color: #303133;
	line-height: 20px;
	margin-bottom: 16px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.main_list .img_list li .news-info .desc a {
	font-size: 14px;
	font-weight: 400;
	color: #909499;
	line-height: 24px;
	margin-bottom: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_list .img_list li .news-info .time {
	font-size: 12px;
	font-family: Oswald !important;
	font-weight: 500;
	color: #606266;
	line-height: 16px;
}

.main_list .img_list li .news-info .desc {
	color: #606266;
	margin-bottom: 10px;
	letter-spacing: 2px;
	font-size: 14px;
}

.main_list .img_list li .news-info .news-title {
	padding-bottom: 15px;
	font-weight: 600;
}

.main_list .event_list {
	padding-left: 35px;
	margin-left: 7px;
	position: relative;
}

.main_list .event_list::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 96%;
	background: #dce0e6;
	left: -1px;
	top: 14px;
}

.main_list .event_list li {
	position: relative;
	margin-bottom: 8px;
	font-size: 0;
}

.main_list .event_list li::before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #f5f7fa;
	border: 2px solid #c0c5cc;
	border-radius: 50%;
	left: -41px;
	top: 10px;
}

.main_list .event_list li .event_time {
	font-size: 24px;
	font-family: Oswald-Medium !important;
	font-weight: 500;
	color: #606266;
	line-height: 32px;
	margin-right: 24px;
	display: inline-block;
	vertical-align: top;
}

.main_list .event_list li .event_info {
	font-size: 16px;
	font-weight: 400;
	color: #606266;
	line-height: 28px;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	width: calc(100% - 100px);
}

.main_list .present_leader_list li {
	background: white;
	border-radius: 8px;
	border: 1px solid rgba(33, 84, 166, 0.12);
	margin-bottom: 8px;
}

.main_list .present_leader_list li>a {
	display: block;
	padding: 24px 20px;
}

.main_list .present_leader_list li>a .post,
.main_list .present_leader_list li>a .job {
	padding-left: 20px;
	padding-right: 20px;
}

.main_list .present_leader_list li:nth-child(4n + 1) {
	border-left: 4px solid #8f3759;
}

.main_list .present_leader_list li:nth-child(4n + 2) {
	border-left: 4px solid #b85b50;
}

.main_list .present_leader_list li:nth-child(4n + 3) {
	border-left: 4px solid #204285;
}

.main_list .present_leader_list li:nth-child(4n + 4) {
	border-left: 4px solid #36768f;
}

.main_list .present_leader_list li .common_title {
	font-size: 13px;
	font-weight: 400;
	color: #909499;
	line-height: 16px;
	margin-bottom: 8px;
}

.main_list .present_leader_list li .common_info {

	font-weight: 400;
	color: #303133;
	line-height: 18px;
}

.main_list .present_leader_list li .name {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #303133;
	line-height: 20px;
	width: 14%;
	vertical-align: middle;
	position: relative;
}

.main_list .present_leader_list li .name::before {
	content: "";
	display: none;
	position: absolute;
	width: 2px;
	height: 16px;
	background: #e9edf2;
	right: 30%;
	top: 3px;
}

.main_list .present_leader_list li .post {
	display: inline-block;
	width: 13%;
	position: relative;
	vertical-align: middle;
}

.main_list .present_leader_list li .post::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 16px;
	background: #e9edf2;
	right: 20%;
	top: 10px;
	left: 0;
	margin-right: 48px;
}

.main_list .present_leader_list li .job {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 76%;
}

.main_list .present_leader_list li .job:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 16px;
	background: #e9edf2;
	right: 0;
	top: 10px;
	left: 0;
}

.main_list .successive_list {
	padding-left: 32px;
	margin-left: 7px;
	position: relative;
}

.main_list .successive_list::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 93%;
	background: #dce0e6;
	left: -1px;
	top: 10px;
}

.main_list .successive_list li {
	margin-bottom: 50px;
	position: relative;
}

.main_list .successive_list li::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #f5f7fa;
	border: 2px solid #c0c5cc;
	border-radius: 50%;
	left: -37px;
	top: 14px;
}

.main_list .successive_list li .time_list {
	font-size: 24px;
	font-family: Oswald-Medium !important;
	font-weight: 500;
	color: #606266;
	line-height: 32px;
	min-width: 175px;
	display: inline-block;
	vertical-align: middle;
}

.main_list .successive_list li .leader_info {
	display: inline-block;
	padding-left: 42px;
	vertical-align: text-top;
	width: calc(100% - 222px);
}

.main_list .successive_list li .leader_info p {
	font-size: 16px;
	font-weight: 400;
	color: #606266;
	line-height: 28px;
	margin-bottom: 8px;
}

.main_list .cooper_list li>a {
	padding: 24px 48px;
	display: block;
}

.main_list .cooper_list li>div {
	float: left;
}

.main_list .cooper_list li>div.download {
	float: right;
}

.main_list .cooper_list li .name {
	font-size: 16px;
	color: #303133;
	line-height: 20px;
	width: 19%;
	padding: 10px 0;
}

.main_list .cooper_list li .name:before {
	display: none;
}

.main_list .cooper_list li .post:before {
	left: 0;
	margin-right: 48px;
}

.main_list .cooper_list li .common_info,
.main_list .cooper_list li .common_title {
	// margin-left: 48px;
}

.main_list .cooper_list li .download {
	cursor: pointer;
	display: inline-block;
	float: right;
}

.main_list .cooper_list li .download .down {
	padding: 8px 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(33, 84, 166, 0.2);
	border-radius: 8px;
	width: 128px;
}

.main_list .cooper_list li .download .down .zlxz {
	color: #c91111;
}

.main_list .cooper_list li .download .icon {
	background: url(../images/down-icon2x.png) no-repeat;
	background-size: 100% auto;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.main_list .cooper_list li .download .zlxz {
	font-size: 16px;
	font-weight: 600;
	color: white;
	line-height: 20px;
	vertical-align: middle;
}

.main_list .cooper_list li:hover .download {
	display: block;
}

.main_list .cooper_list li:hover .download .down {
	background: #c91111;
	-webkit-box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
	box-shadow: 0px 8px 32px 0px rgba(33, 84, 166, 0.2);
}

.main_list .cooper_list li:hover .download .down .icon {
	background: url(../images/down2x.png) no-repeat center;
	background-size: 100% auto;
}

.main_list .cooper_list li:hover .download .down .zlxz {
	color: white;
}

.main_list .teacher_list ul li {
	display: inline-block;
	background: white;
	-webkit-box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	width: calc((100% - 16px) / 3);
	overflow: hidden;
}

.main_list .teacher_list ul li .teacher_img {
	float: left;
	width: 147px;
	overflow: hidden;
	border-radius: 8px;
}

.main_list .teacher_list ul li .teacher_img a {
	display: block;
}

.main_list .teacher_list ul li .teacher_img img {
	display: block;
	width: 147px;
	height: 197px;
}

.main_list .teacher_list ul li .teacher_post {
	float: left;
	padding: 27px 24px;
}

.main_list .teacher_list ul li .teacher_post h2 {
	margin-bottom: 24px;
	color: rgba(48, 49, 51, 1);
	font-size: 16px;
}

.main_list .teacher_list ul li .teacher_post h2 a {
	font-size: 16px;
	color: #303133;
	line-height: 20px;
}

.main_list .teacher_list ul li .teacher_post .common_info,
.main_list .teacher_list ul li .teacher_post .common_infotwo {
	font-size: 14px;
	color: #606266;
	line-height: 18px;
}

.main_list .teacher_list ul li .teacher_post .common_info {
	margin-bottom: 16px;
}

.main_list .teacher_list ul li .teacher_post .common_infotwo {
	min-height: 22px;
}

.main_list .teacher_list ul li .teacher_post .common_infothree {
	margin-top: 24px;
}

.main_list .teacher_list ul li .teacher_post .common_infothree span {
	font-size: 14px;
	color: #c91111;
	line-height: 18px;
	background: rgba(33, 84, 166, 0.12);
	padding: 2px 12px;
	border-radius: 8px;
	text-align: center;
}

.main_list .teacher_info .teacher_top {
	background: white;
	-webkit-box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
}

.main_list .teacher_info .teacher_top img {
	float: left;
}

.main_list .teacher_info .teacher_top .teacher_post {
	float: left;
	padding: 38px 16px 22px 48px;
	width: calc(100% - 211px);
}

.main_list .teacher_info .teacher_top .teacher_post h2 {
	font-size: 24px;
	color: #303133;
	margin-bottom: 24px;
}

.main_list .teacher_info .teacher_top .teacher_post .teacher_maininfo p {
	font-size: 16px;
	color: #606266;
	line-height: 20px;
	float: left;
	width: calc(100% / 3);
	margin-bottom: 16px;
}

.main_list .teacher_info ul li {
	margin-top: 97px;
}

.main_list .teacher_info ul li h2 {
	font-size: 24px;
	color: #303133;
	line-height: 32px;
}

.main_list .teacher_info ul li h2::before {
	content: "";
	display: block;
	width: 18px;
	height: 4px;
	background: #c91111;
	margin-bottom: 12px;
}

.main_list .teacher_info ul li .teacher_text {
	margin-top: 24px;
}

.main_list .teacher_info ul li .teacher_text p {
	font-size: 16px;
	color: #606266;
	line-height: 28px;
}

.main_list .teacher_info div.teacher_text tr td {
	font-size: 16px;
	color: #606266;
	line-height: 28px;
}




.yuanjing {
	color: #fff;
	font-size: 25px;
	line-height: 64px;
	margin-left: 20px;
}





@media(max-width: 1360px) {
	.logo {
		width: 30%;
	}

	.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) {
	.jz {
		margin-right: 40px;
	}

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

	.logo {
		width: 50%;
	}

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

	.animenu>ul {
		background: #bebebe;
		display: none;
		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;
		position: absolute;
		right: 0;
		width: 100%;
		top: 100%;
		z-index: 9;
		/* width: 76%; */
	}

	.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: #9e9e9e;
		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>li:hover>a {
		color: #fff;
	}

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

	.head-box2 .animenu {
		top: 4.25rem;
		width: 76%;
	}
	
	#ups-banner .tb{
		display: none;
	}
	#ups-banner .ph{
		display: block;
	}
	#ups-banner .fbox{
		height: 60%;
		right: 0% !important;
		bottom: 5%;
		width: 50%;
	}
}

@media(max-width: 768px) {


	.yuanjing {
		color: #fff;
		font-size: 25px;
		line-height: 64px;
		margin-left: 20px;
	}
}

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

	.top .logo.fl {
		float: none;
	}

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

	.top .logo {
		width: 67%;
		margin-top: 2.5rem;
	}

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

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

	.animenu__toggle {
		top: 55px;
	}

	.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: 53px;
	}
}

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

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

/*==========================================公共 结束=============================================*/
/* banner */
/*banners  css*/
.banners {
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 2;
	margin: 0 auto;
	height: auto;
}

.banners .hd ul {
	position: absolute;
	bottom: 1.25rem;
	z-index: 3;
	left: 50%;
	margin-left: -54px;
}

.banners .hd li {
	display: inline-block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0 10px;
	font-size: 1rem;
	color: #b0252a;
	width: 0.75rem;
	height: 0.75rem;
	line-height: 2.5rem;
	border-radius: 50%;
	border: 1px solid #fff;
}

.banners .hd li.on {
	background: #fff;
}

.banners .bd {
	position: relative;
	z-index: 1;
}

.banners .bd li {
	position: relative;
	overflow: hidden;
}

.banners .bd li a {
	display: block;
}

.banners .bd li .text {
	position: absolute;
	left: 0;
	bottom: 3.75rem;
	padding: 2.5rem 1.25rem;
	background: url(../images/banner-text.png);
	font-size: 1.625rem;
	line-height: 2.375rem;
	color: #fff;
	max-width: 25rem;
}

.banners .bd li .pic img {
	vertical-align: top;
	width: 100%;
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}

.banners .prev {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 60px;
	background: url(../images/banner-left.png) no-repeat;
	height: 60px;
	cursor: pointer;
}

.banners .next {
	position: absolute;
	z-index: 10;
	left: auto;
	right: 5%;
	top: 50%;
	margin-top: -30px;
	display: block;
	width: 60px;
	;
	background: red;
	background: url(../images/banner-right.png) no-repeat;
	height: 60px;
	cursor: pointer;
}

@keyframes centerBig {
	from {
		transform: scale(1.0, 1.0);
	}

	to {
		transform: scale(1.03, 1.03);
	}
}


@media only screen and (max-width:1440px) {
	/* .banners .bd li img {height: 460px;} */
}

@media only screen and (max-width:1366px) {
	/* .banners .bd li img {height: 440px;} */
}

@media only screen and (max-width:1024px) {
	/* .banners .bd li img {height: 425px;} */
}

@media only screen and (max-width:768px) {
	.banners {
		margin: 0 auto;
	}

	/* .banners .bd li img {height: 320px;} */
	.banners .prev,
	.banners .next {
		display: none;
	}

	.banners .hd ul {
		bottom: 5px;
	}

	.tc2 .tc-box {
		width: 80%;
		left: 50%;
		margin-left: -40%;
	}

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


}

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

	/* .banners .bd li img {height: 171px;} */
	.banners .bd li .text {
		bottom: 0;
		font-size: 1rem;
		padding: 0.9375rem;
		line-height: 1.375rem;
	}

	.three-menu2 {
		display: none;
	}
}

@media only screen and (max-width:360px) {
	/* .banners .bd li img {height: 150px;} */
}

@media only screen and (max-width:320px) {
	/* .banners .bd li img {height: 132px;} */
}

/* sameTitle */
.sameTitle {
	margin-bottom: 1.5625rem;
}

.sameTitle h4 {
	font-size: 1.875rem;
	color: #c91111;
	float: left;
}

.sameTitle h4 span {
	color: #d9d9d9;
	font-size: 1.625rem;
}

.sameTitle p {}

.sameTitle a {
	font-size: 14px;
	display: inline-block;
	text-align: right;
	color: #989898;
	float: right;
	width: 4.375rem;
	line-height: 2.125rem;
	border: 1px solid #e3e3e3;
	text-align: center;
	position: relative;
	z-index: 1;
}

.sameTitle a::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 5px;
	height: 5px;
	background: #c91111;
	border-radius: 50%;
}

.sameTitle a::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 5px;
	height: 5px;
	background: #c91111;
	border-radius: 50%;
}

.sameTitle a:hover {
	color: #c91111;
	border: 1px solid #c91111;
}

/* .cases-home */
.cases-home {
	padding: 4rem 0;
}

.cases-home .mtitle {
	text-align: center;
	font-size: 2rem;
	color: #2f2725;
	/* font-weight: 600; */
}

.cases-home .search {
	width: 920px;
	max-width: 90%;
	margin: 2rem auto;
	border: 1px solid #cccccc;
	border-radius: 30px;
	height: 50px;
	position: relative;
}

.cases-home .search .input1 {
	width: 100%;
	padding: 0 50px 0 20px;
	height: 100%;
	line-height: 30px;
	border: none;
	background: none;
	font-size: 1.1rem;
}

.cases-home .search .input2 {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 10px;
	top: 5px;
	z-index: 3;
}

.cases-home .hotTitle {
	color: #fc1c1d;
	text-align: center;
	font-size: 2rem;
	margin: 1rem 0;
}

.cases-home .hotlist {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}

.cases-home .hotlist .li {
	display: block;
	float: left;
	width: 420px;
	margin: 30px 40px 0;
	background-color: #fff;
	box-shadow: 0 0 10px #cccccc;
	padding: 20px;
	position: relative;
}
.cases-home .hotlist .li:nth-child(5){
	display: none;
}

.cases-home.mode4{
	padding: 2rem 0;
}
.cases-home.mode4 .hotlist {
	width: 100%;
}

.cases-home.mode4 .hotlist .li {
	width: 23.3%;
	margin: 0 0 30px 0;
}

.cases-home.mode4 .hotlist .li:nth-child(2n) {
	margin: 0 1% 30px 2%;
}

.cases-home.mode4 .hotlist .li:nth-child(3n) {
	margin: 0 2% 30px 1%;
}

.cases-home.mode4 .hotlist .li:nth-child(4n) {
	margin: 0 0 30px 0;
}

.cases-home .hotlist .li .thumb {
	width: 100%;
	height: 220px;
	object-fit: cover;
	overflow: hidden;
}

.cases-home .hotlist .li .xl {
	color: #3e3a39;
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: bold;
}

.cases-home .hotlist .li .title {
	color: #3e3a39;
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: bold;
}

.cases-home .hotlist .li .info {
	border-top: 1px solid #aaa;
	margin-top: .5rem;
	padding-top: .8rem;
}

.cases-home .hotlist .li .info .dd {
	display: flex;
	background-color: #e2e2e2;
	color: #666464;
	font-size: 1rem;
	justify-content: space-between;
	padding: .5rem 0.5rem;
}

.cases-home .hotlist .li .info .dd:nth-child(2n) {
	background-color: #ffffff;
}

.cases-home .hotlist .li .ctr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 50px;
	text-align: center;
	background-color: rgba(255, 255, 255, .7);
	z-index: 3;
	display: none;
}

.cases-home .hotlist .li:hover .ctr {
	display: block;
}

.cases-home .hotlist .li .ctr .btn1 {
	border: 1px solid #787878;
	color: #787878;
	font-size: 1rem;
	padding: 10px 0;
	text-align: center;
	width: 100px;
	display: inline-block;
	margin-right: 30px;
}

.cases-home .hotlist .li .ctr .btn2 {
	border: 1px solid #fc1c1d;
	color: #fc1c1d;
	font-size: 1rem;
	padding: 10px 0;
	text-align: center;
	width: 100px;
	display: inline-block;
}

.cases-home.mode4 .hotlist .li .ctr {
	display: block;
	position: unset;
	padding: 20px 0;
	justify-content: space-between;
	display: flex;
}

.foot-inter {
	/* margin-top: 3rem; */
	padding: 30px 0 60px;
}
.foot-inter.bg1{
	background: linear-gradient(to right,#005579,#0079aa);
}
.foot-inter .mview{
	display: flex;
	justify-content: space-between;
}
.foot-inter.bg2{
	background: linear-gradient(to right,#161d3e,#005579);
	padding-top: 60px;
}
.foot-inter .foot-rli{
	flex: 1;
	padding-top: 40px;
}

.foot-inter .foot-rli2,
.foot-inter .foot-rli .t{
	color: #FFFFFF;
	font-size:1rem;
	font-weight: bold;
}
.foot-inter .foot-dl{
	width: 240px;
	margin: 40px 30px 0;
}
.foot-inter .foot-dl a{
	color: #ffffff;
	/* margin-right: 30px; */
	display: block;
	margin-bottom: 6px;
}
.foot-inter .yq-dl1{
	margin-top: 10px;
	margin-bottom: 20px;
}
.foot-inter .yq-dl1 a{
	width: 40%;
	margin-bottom: 6px;
	display: inline-block;
	color: #ffffff;
}
.foot-inter .yq-dl{
	margin-top: 10px;
}
.foot-inter .yq-dl img{
	height: 50px;
	margin-right: 10px;
}
.foot-inter .copyrightview{
	margin-top: 10px;
	width: 200px;
}
.foot-inter .copyrightview .copyright{
	display: flex;
	align-items: center;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 20px;
}
.foot-inter .copyrightview .logo2{
	width: 160px;
}
.foot-inter .copyrightview .share-dl img{
	height: 24px;
	margin-left: 3px;
}
.foot-inter .foot-rli2{
	width: 200px;
	padding-top: 40px;
}
.foot-inter .foot-rli2 .dd-dl{
	margin-top: 10px;
}
.foot-inter .foot-rli2 .dd-dl .dd{
	margin-bottom: 6px;
	color: #ffffff;
	display: block;
	font-weight: normal;
}
/* newsNotice */
.newsNotice {
	/* background: url(../images/newsBg.png) no-repeat bottom left #f7f7f7; */
	padding: 1.85rem 0;
}

.newsNotice .news {
	width: 70%;
}

.newsNotice .news .newsCon {}

.newsNotice .news .newsCon .leftNews {
	width: 61%;
}

.newsNotice .news .newsCon .leftNews a {
	display: block;
}

.newsNotice .news .newsCon .leftNews a .pic {
	width: 100%;
	height: 21.875rem;
	overflow: hidden;
}

.newsNotice .news .newsCon .leftNews a .pic img {
	width: 100%;
	height: 100%;
	display: block;
}

.newsNotice .news .newsCon .leftNews a .text {
	background: white;
	padding: 1.25rem;
	height: 12.5rem;
}

.newsNotice .news .newsCon .leftNews a .text p {
	font-size: 1.125rem;
	font-weight: bold;
	margin: 10px 0 20px 0;
	color: #323232;
	height: 1.125rem;
}

.newsNotice .news .newsCon .leftNews a .text p:hover {
	color: #c91111;
}

.newsNotice .news .newsCon .leftNews a .text span {
	font-size: 0.875rem;
	line-height: 1.375rem;
	display: block;
	color: #999999;
	height: 4.125rem;
}

.newsNotice .news .newsCon .leftNews a .text i {
	font-size: 0.875rem;
	line-height: 1.375rem;
	display: block;
	background: url(../images/time1.png) no-repeat left center;
	padding-left: 20px;
	color: #999999;
	font-style: normal;
	margin-top: 20px;
}

.newsNotice .news .newsCon .rightNews {
	width: calc(39% - 20px);
}

.newsNotice .news .newsCon .rightNews ul li {}

.newsNotice .news .newsCon .rightNews ul li+li {
	margin-top: 20px;
}

.newsNotice .news .newsCon .rightNews ul li a {
	display: block;
}

.newsNotice .news .newsCon .rightNews ul li a .pic {
	width: 100%;
	height: 11.5625rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.newsNotice .news .newsCon .rightNews ul li a .pic img {
	width: 100%;
	height: 100%;
	display: block;
}

.newsNotice .news .newsCon .rightNews ul li a h3 {
	font-size: 1rem;
	font-weight: normal;
	color: #323232;
	background: white;
	padding: 0.875rem 1.25rem;
	height: 5rem;
	line-height: 1.625rem;
}

.newsNotice .news .newsCon .rightNews ul li a p {
	height: 3.25rem;
}

.newsNotice .news .newsCon .rightNews ul li a p:hover {
	color: #c91111;
}

.newsNotice .news .newsCon .rightNews ul li a i {
	font-size: 0.875rem;
	line-height: 1.375rem;
	display: block;
	background: url(../images/time2.png) no-repeat 0.5rem center #b52d2e;
	padding-left: 1.75rem;
	color: #FFFFFF;
	font-style: normal;
	margin-top: 20px;
	width: 6.875rem;
	position: absolute;
	bottom: 0;
	left: 1.25rem;
	z-index: 2;
}


.newsNotice .notice {
	width: calc(30% - 80px);
	position: relative;
	z-index: 3;
	margin-top: 20px;
	margin-right: 20px;
	padding: 4px 10px 0 10px;
}

.newsNotice .notice::after {
	content: "";
	position: absolute;
	background: url(../images/noticeBG.png) center;
	background-size: cover;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	z-index: -1;
	top: -35px;
	left: -30px;
}

.newsNotice .notice ul {}

.newsNotice .notice ul li {
	padding-bottom: 1.1rem;
}

.newsNotice .notice ul li+li {
	padding-top: 1.1rem;
	padding-bottom: 1rem;
	border-top: 1px dashed #dbdbdb;
}

.newsNotice .notice ul li a {
	display: block;
}

.newsNotice .notice ul li a .date {
	width: 4.2rem;
	float: left;
}

.newsNotice .notice ul li a .date i {
	display: block;
	font-style: normal;
	color: #323232;
	font-size: 2.625rem;
}

.newsNotice .notice ul li a .date b {
	display: block;
	font-style: normal;
	color: #323232;
	font-size: 0.75rem;
	font-weight: normal;
	color: #999999;
}

.newsNotice .notice ul li a p {
	width: calc(100% - 4.2rem);
	float: right;
	font-size: 1rem;
	color: #323232;
	line-height: 1.625rem;
	height: 3.25rem;
}

.newsNotice .notice ul li a p:hover {
	width: calc(100% - 4.2rem);
	float: right;
	font-size: 1rem;
	color: #c91111;
	line-height: 1.625rem;
	height: 3.25rem;
}

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

@media(max-width: 850px) {
	.newsNotice .news {
		width: 100%;
		float: none;
	}

	.newsNotice .notice {
		width: 100%;
		background: none;
		margin: 0;
		padding: 0;
		float: none;
		margin-top: 3.75rem;
	}

	.newsNotice .notice::after {
		background: none;
	}
}

@media(max-width: 768px) {
	.newsNotice .news .newsCon .leftNews a .pic {
		height: 20.875rem;
	}

	.newsNotice .news .newsCon .rightNews ul li a .pic {
		height: 11rem;
	}
}

@media(max-width: 580px) {
	.newsNotice .news .newsCon .leftNews a .pic {
		height: 15.875rem;
	}

	.newsNotice .news .newsCon .rightNews ul li a .pic {
		height: 8.5rem;
	}
}

@media(max-width: 414px) {
	.newsNotice .news .newsCon .leftNews {
		width: 100%;
		margin-bottom: 20px;
	}

	.newsNotice .news .newsCon .rightNews {
		width: 100%;
	}

	.newsNotice .news .newsCon .leftNews a .pic {
		height: auto;
	}

	.newsNotice .news .newsCon .rightNews ul li a .pic {
		height: auto;
	}

}

/* Academic 开始 */
.Academic {
	background: #f5fbff;
	padding: 35px 0px
}

.Academic .AcademicCOn {}

.Academic .AcademicCOn ul {}

.Academic .AcademicCOn ul li {
	width: calc(25% - 22.5px);
	float: left;
	box-shadow: 0 0 4px 0 #DBDBDB;
}

.Academic .AcademicCOn ul li:nth-child(even) {
	margin-top: 2.5rem;
}

.Academic .AcademicCOn ul li+li {
	margin-left: 30px;
}

.Academic .AcademicCOn ul li a {
	display: block;
}

.Academic .AcademicCOn ul li a .pic {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.Academic .AcademicCOn ul li a .pic img {
	display: block;
	width: 100%;
	height: 100%;
}

.Academic .AcademicCOn ul li a .date {
	width: 4.8125rem;
	height: 4.8125rem;
	background: #c91111;
	padding-top: 8px;
	position: absolute;
	top: -1.875rem;
	left: 1.25rem;
}

.Academic .AcademicCOn ul li a .date i {
	font-style: normal;
	font-weight: bold;
	color: white;
	display: block;
	font-family: 'Times New Roman', Times, serif;
	font-size: 2.25rem;
	text-align: center;
}

.Academic .AcademicCOn ul li a .date b {
	font-size: 1rem;
	color: white;
	display: block;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	margin-top: 5px;
}

.Academic .AcademicCOn ul li a .text {
	background: white;
	border-bottom: 2px solid #c91111;
	position: relative;
	padding: 3.75rem 1.25rem 1.25rem 1.25rem;
}

.Academic .AcademicCOn ul li a .text h4 {
	font-size: 1rem;
	color: #323232;
	line-height: 1.75rem;
	font-weight: bold;
	height: 3.5rem;
}

.Academic .AcademicCOn ul li a .text h4:hover {
	color: #c91111;
}

.Academic .AcademicCOn ul li a .text .inf {
	margin-top: 5px;
}

.Academic .AcademicCOn ul li a .text .inf p {
	font-size: 0.875rem;
	color: #666666;
	line-height: 1.875rem;
	padding-left: 1.25rem;
	background: url(../images/sh.png) no-repeat left center;
}

.Academic .AcademicCOn ul li a .text .inf p+p {
	background: url(../images/dz.png) no-repeat left center;
}

.Academic .AcademicCOn ul li a .text .inf p+p+p {
	background: url(../images/rw.png) no-repeat left center;
}

@media(max-width: 960px) {
	.Academic .AcademicCOn ul li a .pic {
		height: 150px;
	}
}

@media(max-width: 768px) {
	.Academic .AcademicCOn ul li+li {
		margin-left: 0;
	}

	.Academic .AcademicCOn ul li {
		width: 48%;
	}

	.Academic .AcademicCOn ul li:nth-child(even) {
		margin-left: 4%;
		margin-top: 0;
	}

	.Academic .AcademicCOn ul li+li+li {
		margin-top: 4%;
	}

	.Academic .AcademicCOn ul li+li+li+li {
		margin-top: 4% !important;
	}
}

@media(max-width: 580px) {
	.Academic .AcademicCOn ul li a .pic {
		height: 170px;
	}
}

@media(max-width: 414px) {
	.Academic .AcademicCOn ul li a .pic {
		height: 130px;
	}

	.Academic .AcademicCOn ul li a .date {
		width: 3.75rem;
		height: 3.75rem;
		padding-top: 4px;
	}

	.Academic .AcademicCOn ul li a .date i {
		font-size: 1.625rem;
		text-align: center;
	}

	.Academic .AcademicCOn ul li a .date b {
		font-size: 0.875rem;
	}

	.Academic .AcademicCOn ul li a .text {
		padding: 2.75rem 10px 10px 10px;
	}
}



/* Academic 结束 */


.xsdt-l {
	float: left;
	width: 26%;
	margin-bottom: -30px;
}

.xsdt-l li {
	margin-bottom: 20px;
	position: relative;
}

.xsdt-l li a {
	display: block;
	overflow: hidden;
}

.xsdt-l li .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.xsdt-l li .pic img {
	display: block;
	width: 100%;
	transition: 0.6s all;
	height: 200px;
}

.xsdt-l li .text {
	padding: 12px 10px;
	background: #f6f6f6;
	position: relative;
	z-index: -1;
}

.xsdt-c .text .sj {
	font-size: 0.875rem;
	line-height: 1.375rem;
	display: block;
	background: url(../images/time1.png) no-repeat left center;
	padding-left: 20px;
	color: #999999;
	font-style: normal;
	margin-top: 20px;
}



.xsdt-l li .text .sj {
	font-size: 0.875rem;
	line-height: 1.375rem;
	display: block;
	background: url(../images/time1.png) no-repeat left center;
	padding-left: 20px;
	color: #999999;
	font-style: normal;
	margin-top: 0px;
}



.xsdt-l li .text::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	background: #c91111;
	top: 0;
	left: 0;
	z-index: 1;
	transition: 0.4s;
}

.xsdt-l li:hover .text::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #c91111;
	top: 0;
	left: 0;
	z-index: 1;
	transition: 0.4s;
}

.xsdt-l li .text p {
	transition: 0.4s all;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #323232;
	height: 1.5rem;
	position: relative;
	z-index: 3;
}

.xsdt-l li:hover .pic img {
	transform: scale(1.1);
	transition: 0.6s all;
}

.xsdt-l li:hover .text p {
	transition: 0.6s all;
	color: white;
}

.xsdt-c {
	float: left;
	width: calc(48% - 40px);
	margin: 0 20px;
	position: relative;
}

.xsdt-c a {
	display: block;
}

/* .xsdt-c a:before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0));z-index: 2;} */
.xsdt-c .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.xsdt-c .pic img {
	display: block;
	width: 100%;
	transition: 0.6s all;
	height: 364px;
}

.xsdt-c .text {
	padding: 20px 15px;
	background: #f6f6f6;
	position: relative;
	position: -1;
}

.xsdt-c .text::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	background: #c91111;
	top: 0;
	left: 0;
	z-index: 1;
	transition: 0.4s;
}

.xsdt-c:hover .text::after {
	height: 100%;
	background: #c91111;
	top: 0;
	left: 0;
	z-index: 1;
	transition: 0.4s;
}

.xsdt-c .text p {
	transition: 0.4s all;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #323232;
	height: 1.5rem;
	font-weight: bold;
	margin: 6px 0 10px 0;
	text-align: center;
	position: relative;
	z-index: 4;
}

.xsdt-c .text span {
	font-size: 0.8125rem;
	color: #808080;
	line-height: 1.5rem;
	height: 4.5rem;
	position: relative;
	z-index: 4;
}

.xsdt-c a:hover .pic img {
	transform: scale(1.1);
	transition: 0.6s all;
}

.xsdt-c a:hover .text p {
	transition: 0.6s all;
	color: white;
}

.xsdt-c a:hover .text span {
	transition: 0.6s all;
	color: white;
}

#vsb_content video{
    display: inline-block;
    max-width: 100%;
}
#vsb_content p img{
    width: 100%;
    max-width: 100%;
}
@media(max-width: 1360px) {
	/* .about-part4{width: calc(100% - 30px);margin: 0 auto;} */
}

@media(max-width: 1200px) {

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 270px;
	}

	.xsdt-l li .pic img {
		height: 173px;
	}

}

@media screen and (max-width: 1000px) {
	.xsdt-l li .pic img {
		height: 143px;
	}

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 218px;
	}
}

@media(max-width: 768px) {
	.xsdt-l li {
		margin-bottom: 0;
	}

	.xsdt-l {
		margin-bottom: 0;
	}

	.xsdt-l {
		width: 100%;
		float: none;
		overflow: hidden;
	}

	.xsdt-l li {
		width: 48%;
		margin-right: 4%;
		float: left;
	}

	.xsdt-l li+li {
		margin-right: 0;
	}

	.xsdt-c {
		width: 100%;
		float: none;
		margin: 1.5rem 0;
	}

	.xsdt-l li .pic img {
		height: 218px;
	}

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 460px;
	}
}

@media(max-width: 580px) {

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 340px;
	}

	.xsdt-l li .pic img {
		height: 178px;
	}
}

@media(max-width: 414px) {
	.xsdt-c .text {
		padding: 10px;
	}

	.xsdt-l li .text p {
		padding-left: 0;
		background: none;
	}

	.xsdt-l li .pic img {
		height: 113px;
	}

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 239px;
	}
}

@media(max-width: 375px) {

	/* .xsdt-l li .pic img{height: 102px;} */
	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 215px;
	}
}

@media(max-width: 360px) {
	.xsdt-l li .pic img {
		height: 97px;
	}

	.xsdt-c .pic img {
		height: 206px;
	}
}

@media(max-width: 320px) {
	.xsdt-l li .pic img {
		height: 86px;
	}

	.xsdt-c .pic,
	.xsdt-c .pic img {
		height: 181px;
	}
}


.link {
	width: 100%;
	padding: 20px 0;
	margin-top: 2.25rem;
}

.link dl {}

.link dl dt {
	float: left;
	display: inline-block;
	padding: 0 10px;
	color: #323232;
	font-weight: bold;
	line-height: 24px;
}

.link dl dd {
	display: inline-block;
	float: left;
}

.link dl dd a {
	display: inline-block;
	padding: 0 10px;
	color: #323232;
	line-height: 24px;
}

.link dl dd a:hover {
	color: #c91111;
}


/* footer */
.footer {
	padding: 1.25rem 0;
}

.footer p {
	display: block;
	line-height: 1.5rem;
	margin: 0.375rem 0;
	text-align: center;
	font-size: 0.875rem;
}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1024px) {}

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

@media only screen and (max-width:414px) {}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}

/* list01 */
.list-box {
	padding: 2.5rem 0 0.375rem 0;
	position: relative;
}

.list-box .list-l {
	width: 920px;
	float: left;
	overflow: hidden;
}

.list-box .list-re {
	width: 300px;
	float: right;
}

.list-box .new-list {}

.list-box .new-list .li {
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 40px;
	padding-bottom: 30px;
	overflow: hidden;
}

.list-box .new-list .li ._img {
	width: 120px;
	height: 120px;
	float: left;
}

.list-box .new-list .li ._img img {
	width: 100%;
	height: 100%;
}

.list-box .new-list .li ._info {
	margin-left: 140px;
	height: 120px;
}

.list-box .new-list .li ._info .h3 {
	font-size: 1.4rem;
	font-weight: normal;
	height: 30px;
	color: #000000;
}

.list-box .new-list .li ._info .txt {
	font-size: 1rem;
	color: #aaabab;
	margin-top: 10px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}

.list-box .new-list .li ._info .ctr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	font-size: .8rem;
}

.list-box .new-list .li ._info .ctr ._more {
	border-radius: 4px;
	font-size: 16px;
	padding: 6px 20px;
	background-color: #ed4040;
	color: #fff;
}

.list-box .new-list .li ._info .ctr span {}

.list-box .new-list .li ._info .ctr .r {
	display: flex;
	align-items: center;
}

.list-box .new-list .li ._info .ctr img {
	height: 16px;
	object-fit: cover;
	margin-left: 10px;
	margin-right: 3px;
}

.news-view {
	padding: 0 20px;
}

.news-view .title {
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
}

.news-view .show01 {
	margin-top: 1rem;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: .8rem;
}

.news-view .show01>img {
	height: 16px;
	object-fit: cover;
	margin-left: 8px;
	margin-right: 3px;
}

.rmtj .site-qrcode {
	background-color: #ed4040;
	padding: 20px;
	font-size: 1.2rem;
	color: #ffffff;
	text-align: center;
}

.rmtj .site-qrcode .img {
	background-color: #ffffff;
	padding: 30px;
	margin-bottom: 10px;
}

.rmtj .site-qrcode .img img {
	width: 100%;
}

.rmtj .list1,
.rmtj .list2 {
	overflow: hidden;
	margin-bottom: 20px;
}

.rmtj .list1 .li {
	width: 48%;
	float: left;
	border: 1px solid #cccccc;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	color: #aaaaaa;
	font-size: 13px;
	line-height: 1.2rem;
	display: block;
	font-weight: bold;
}

.rmtj .list2 .li{
	float: left;
	width: 48%;
}
.rmtj .list2 .li img{
	width: 100%;
	height: 80px;
	margin-bottom: 10px;
	object-fit: cover;
}
.rmtj .list1 .li:nth-child(2n), 
.rmtj .list2 .li:nth-child(2n){
	margin-left: 4%;
}
.position {
	overflow: hidden;
	margin-bottom: 1.875rem;
	/* 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;
}

.list-nav-icon {
	position: absolute;
	right: 0;
	top: 3.75rem;
	display: none;
}

.list-nav {
	float: left;
	width: 22.3%;
}

.list-nav h5 {
	background: #c91111;
	height: 4.375rem;
	line-height: 4.375rem;
	font-size: 1.5rem;
	color: #fff;
	padding-left: 1.3rem;
	box-shadow: 2px 4px 10px -1px #888888;
	border-radius: 8px 8px 0px 0px;
}

.list-nav ul {
	background: #fff;
	box-shadow: 4px 4px 5px 3px #ddd;
	padding: 6px;
}

.list-nav li {}

.list-nav li>a {
	font-size: 0.941rem;
	color: #000;
	display: block;
	line-height: 3.05rem;
	height: 3.05rem;
	border-bottom: 1px solid #d9d9d9;
	background: url(../images/leftNav01.png) no-repeat;
	padding: 0 20px;
	background-position: 90% center;
}

.list-nav .on {
	color: #c91111;
	font-weight: bold;
	background: url(../images/leftNav01.png) no-repeat;
	color: white;
	background-position: 90% center;
}

.list-nav li:hover a {
	color: #a40e0e;
	font-weight: bold;
	background: url(../images/leftNav01on.png) no-repeat;
	color: white;
	background-position: 90% center;
}

.list-nav .on,
.list-nav li:hover,
.list-nav li a.active {
	background-color: #c91111;
	color: #FFFFFF;
}

.list-nav dl {
	padding: 0.9375rem 0;
	border-bottom: 1px solid #d9d9d9;
	;
}

.list-nav li:hover dl dd {
	background: none !important;
}

.list-nav dd a {
	transition: 0.6s all;
	display: block;
	line-height: 2.5rem;
	font-size: 1rem;
	color: #676767;
	background: none !important;
}

.list-nav dd a:hover {
	color: #a40e0e;
	background: none !important;
}

.list-r {
	float: right;
	width: 76%;
	min-height: 550px;
}

.list01 {}

.list01 ul {
	overflow: hidden;
	position: absolute
}

.list01 li {
	float: left;
	width: 33.33%;
}

.list01 li .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 10px;
	height: 280px;
	display: block;
}

.list01 li .pic img {
	display: block;
	width: 100%;
	height: 100% !important;
	transition: 0.6s all;
}

.list01 li p {
	transition: 0.6s all;
	font-size: 1.1rem;
	line-height: 2rem;
	height: 2rem;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin-top: 0.9375rem;
}

.list01 li:hover .pic img {
	transition: 0.6s all;
	transform: scale(1.1);
}

.list01 li:hover p {
	color: #a40e0e;
	transition: 0.6s all;
}

.fanye {
	margin: 3.75rem 0;
}

.fanye img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.product-view {
	overflow: hidden;
	margin-bottom: 20px;
}

.product-view .view1 {
	width: 100%;
	background-color: #ffffff;
	padding: 20px;
	overflow: hidden;
}

.product-view .view1 .thumb {
	float: left;
	width: 50%;
	height: 520px;
}

.product-view .view1 .thumb img {
	width: 100%;
	object-fit: contain;
	height: 100%;
}

.product-view .view1 .info {
	float: left;
	width: 50%;
	padding-left: 30px;
}

.product-view .view1 .info .xl,
.product-view .view1 .info .title {
	font-size: 1.8rem;
	color: #272828;
	line-height: 2.5rem;
}

.product-view .view1 .info .dl {
	border-top: 1px solid #ccc;
	margin-top: .8rem;
	position: relative;
	padding-top: .8rem;
}

.product-view .view1 .info .dl .dd {
	color: #272828;
	font-size: 1rem;
	line-height: 2.2rem;
}

.product-view .view1 .info .dl .btn-download {
	color: #fe0004;
	border: 1px solid #fe0004;
	position: absolute;
	right: 0;
	top: .8rem;
	padding: 5px 10px;
	display: inline-block;
	font-size: 1rem;
}

.product-view .view1 .info .xnTitle {
	display: flex;
	justify-content: space-between;
}

.product-view .view1 .info .xnTitle .t {
	font-size: 1rem;
	color: #363636;
	margin-top: .8rem;
	border-bottom: 1px solid #fe0004;
	width: 2rem;
	overflow: visible;
	height: 1.4rem;
	white-space: nowrap;
}

.product-view .view1 .info .xnTitle .more {
	display: flex;
	align-items: center;
	color: #8a8a8a;
	font-size: .8rem;
}

.product-view .view1 .info .xnTitle .more img {
	width: 1rem;
	height: 1rem;
	margin-right: 3px;
	object-fit: contain;
}

.product-view .view1 .info .gjcs table {
	width: 100%;
	margin-top: .8rem;
	border: 1px solid #f1f1f1;
}

.product-view .view1 .info .gjcs .gray {
	background-color: #f6f6f6;
}

.product-view .view1 .info .gjcs .red {
	color: #fe0004;
}

.product-view .view1 .info .gjcs .mt {
	font-size: 1.05rem;
	color: #474747;
}

.product-view .view1 .info .gjcs table td {
	padding: 10px;
}

.product-view .view1 .info .gjcs table td .t {
	color: #bababa;
	font-size: .8rem;
}

.product-view .view1 .info .gjcs table td .v {
	color: #727272;
	font-size: 1.1rem;
}

.product-view .view1 .info .tips {
	background-color: #fafafa;
	margin-top: .8rem;
	font-size: .8rem;
	color: #b2b2b2;
	padding: 8px 10px;
	line-height: 1rem;
}

.product-view .view1 .info .btn-bj {
	margin-top: .8rem;
	width: 100%;
	display: block;
	background-color: #fe0101;
	color: #fff;
	font-size: 1.7rem;
	padding: 18px;
	text-align: center;
}

.product-view .content {
	margin-top: 30px;
}

.content img {
	max-width: 100%;
}

.product-footer {
	background-color: #fe0000;
	overflow: hidden;
	text-align: center;
}

.product-footer .xjview {
	display: flex;
	justify-content: space-between;
	padding: 30px 10%;
	align-items: center;
	color: #ffffff;
	font-size: 1.3rem;
}

.product-footer .xjview .btnxj {
	color: #fff;
	border: 1px solid #ffffff;
	padding: 10px 20px;
	font-size: 1.3rem;
}

.product-footer .xjview .qgw {
	display: flex;
	align-items: center;
	color: #fff;
}

.product-footer .xjview .qgw>img {
	height: 1.8rem;
	margin-right: 10px;
}

.list-box .tjTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-box .tjTitle .t {
	color: #c54b3e;
	margin-top: .8rem;
	font-size: 1.2rem;
}

.list-box .tjTitle .more {
	color: #272828;
	font-size: 1rem;
	text-decoration: underline;
}

.about-view {}

.about-view .title{
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.about-view .title h2 {
	font-size: 2.6rem;
	color: #231916;
	line-height: 4rem;
	font-weight: 700;
}
.about-view .title h3 {
	font-size: 2rem;
	color: #231916;
	font-weight: 700;
}

.about-view .desc {
	color: #585858;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.about-view .desc > img{
	height: 2rem;
	margin-right: 10px;
}
.about-view .product-all{
	margin-top: 30px;
	overflow: hidden;
}
.about-view .product-all .li{
	width: 30.3%;
	float: left;
	display: flex;
	/* align-items: center; */
	/* justify-content: space-between; */
	margin: 20px 0;
	margin-right: 3%;
	height: 100px;
}
.about-view .product-all .li:nth-child(3n){
	border: unset;
}
.about-view .product-all .li > img{
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.about-view .product-all .li .n{
	/* flex: 1; */
	padding-left: 16px;
	width: 12rem;
}
.about-view .product-all .li .n .t{
	color: #666;
	font-size: 1.2rem;
}
.about-view .product-all .li:first-child .n .t{
	width: 9rem;
}
.about-view .product-all .li .n .d{
	font-size: .9rem;
	margin-top: .3rem;
	color: #999999;
}
.about-view .infos{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 40px;
}
.about-view .infos .thumb{
	width: 500px;
}
.about-view .infos .viw{
	flex: 1;
	padding-left: 20px;
	color: #555151;
	font-size: 1.1rem;
	line-height: 1.8rem;
}
.about-view .info {
	margin-top: 2rem;
	overflow: hidden;
}

.about-view .info .dd {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

.about-view .info .dd>img {
	float: left;
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.about-view .info .dd .r {
	display: flex;
	padding-left: 20px;
	height: 100px;
	flex-direction: column;
	justify-content: center;
}

.about-view .info .dd .r li {
	line-height: 1.2rem;
	font-size: .9rem;
	color: #585858;
	list-style: square;
}

.about-view .phonenix-v1{
	padding: 20px 40px 40px;
}
.about-view .phonenix-v1 h3{
	color: #ffffff;
	font-size: 1.5rem;
	width: 32rem;
	margin: 0 auto;
	text-align: center;
}
.about-view .phonenix-v1 h2{
	color: #ffffff;
	font-size: 2.2rem;
	text-align: center;
	margin: 10px auto;
	width: 20rem;
	position: relative;
}
.about-view .phonenix-v1 h2::before{
	width: 200px;
	height: 1px;
	background-color: #ffffff;
	left: -200px;
	top: 1rem;
	position: absolute;
	content: '';
	display: block;
}
.about-view .phonenix-v1 h2::after{
	width: 200px;
	height: 1px;
	background-color: #ffffff;
	right: -200px;
	top: 1rem;
	position: absolute;
	content: '';
	display: block;
}
.about-view .phonenix-v1 .desc{
	width: 720px;
	color: #ffffff;
	margin: 30px auto 20px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6rem;
    white-space: pre-line;
    display: block;
}
.about-view .phonenix-v2 h2{
	color: #231916;
	font-size: 2rem;
	text-align: center;
	padding: 0 120px;
	margin: 60px 0;
}
.about-view .phonenix-v2 .img-dl{
	overflow: hidden;
}
.about-view .phonenix-v2 .img-dl .dd{
	float: left;
	width: 32.66%;
	margin-bottom: 10px;
}
.about-view .phonenix-v2 .img-dl .dd:nth-child(3n-1){
	margin: 0 1% 10px;
}
.about-view .phonenix-v2 .img-dl .dd img{
	width: 100%;
	height: 320px;
	object-fit: cover;
}
.about-view .phonenix-v2 .info-dl{
	margin-top: 60px;
	margin-bottom: 60px;
	overflow: hidden;
}
.about-view .phonenix-v2 .info-dl .dd{
	margin-bottom: 60px;
}
.about-view .phonenix-v2 .info-dl .dd .t{
	color: #333333;
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.about-view .phonenix-v2 .info-dl .dd .c{
	color: #666666;
	font-size: 1rem;
	line-height: 1.4rem;
    white-space: pre-line;
}
.about-view .phonenix-v2 .info-dl .dd p{
	margin-bottom: 5px;
}
.contact-view{
	padding: 30px 0 50px;
}
.contact-view .v1 h2{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #232323;
}
.contact-view .v2{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	padding: 0 120px;
}
.contact-view .v2 .dd{
	flex: 1;
	text-align: center;
}
.contact-view .v2 .dd > img{
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.contact-view .v2 .dd .t{
	margin-top: 10px;
	font-size: 1rem;
	color: #333333;
	line-height: 1.6rem;
}
.contact-view .v3{
	color: #222222;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	margin: 30px 0 50px;
}
.contact-view .dl{
	padding: 0 80px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 31% 31% 31%;
	grid-gap: 4%;
}
.contact-view .dl .dd {
	margin-bottom: 20px;
}
.contact-view .dl .dd .t{
	background-color: #eeefef;
	padding: 10px 10px;
	width: 80%;
}
.contact-view .dl .dd .t img{
	height: 25px;
	font-size: 1rem;
	color: #222222;
}
.contact-view .dl .dd .name{
	font-weight: bold;
	font-size: 1.6rem;
	color: #333333;
	margin: 10px;
}
.contact-view .dl .dd .li{
	margin: 0 10px 10px;
	display: flex;
}
.contact-view .dl .dd .li > img{
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.contact-view .dl .dd .li p{
	line-height: 1.5rem;
	font-size: 1rem;
}
.rk-dl{
	overflow: hidden;
}
.rk-dl .dd{
	float: left;
	width: 23%;
	background-color: #b5b6b6;
	padding: 10px;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 2.66%;
	
}
.rk-dl .dd:hover{
	background-color: #22b5a0;
}
.rk-dl .dd:nth-child(4n){
	margin-right: 0;
} 
.rk-dl .dd .thumb{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.rk-dl .dd .ctr{
	padding: 30px 0 10px;
	color: #ffffff;
	font-size: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rk-dl .dd .ctr .t{
	width: 10rem;
	height: 2.4rem;
	line-height: 1.2rem;
}
.rk-dl .dd .ctr > img{
	height: 2rem;
}
.xwbd-dl{
	overflow: hidden;
	margin: 60px 0 0;
	padding-bottom: 60px;
}
.xwbd-dl .dd{
	display: inline-block;
	float: left;
	width: 30%;
	margin: 0 0 30px;
	background-color: #22b5a0;
}
.xwbd-dl .dd:hover{
	background-color: #e9536b;
}
.xwbd-dl .dd:nth-child(3n-1){
	margin: 0 5% 30px;
}
.xwbd-dl .dd .thumb{
	width: 100%;
	height: 230px;
	object-fit: cover;
}
.xwbd-dl .dd .ctr{
	margin: 20px 20px 20px;
	color: #ffffff;
	font-size: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.3rem;
	height: 2.6rem;
}
.xwbd-dl .dd .ctr .t{
	width: 90%;
	padding-right: 10px;
}
.xwbd-dl .dd .ctr > img{
	height: 2rem;
}
.form-content{
	width: 600px;
	margin: 60px auto;
}
.form-content .layui-form-label{
	width: unset;
	float: unset;
	color: #111;
	text-align: left;
}
.form-content .layui-input-block{
	margin-left: unset;
	max-width: unset;
}
.form-content .layui-input{
	border: 1px solid #111;
	border-radius: 8px;
}
.form-content .layui-btn{
	background-color: #e9536b;
	margin: 0 auto;
}
.daytime-dl{
	/* padding: 40px 0; */
	overflow: hidden;
}
.daytime-dl .main{
	background-color: #e9536b;
	padding: 20px;
	color: #ffffff;
}
.daytime-dl .main .t{
	font-size: 1.6rem;
}
.daytime-dl .main .v{
	margin-top: 6px;
}
.daytime-dl .main .v span{
	margin-right: 20px;
	font-size: 1rem;
}
.daytime-dl .dd{
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}
.daytime-dl .dd .t{
	color: #666666;
	font-size: 1rem;
	margin-bottom: 10px;
}
.daytime-dl .dd .t span{
	background-color: #22b5a0;
	padding: 1px 10px;
	/* border-radius: 3px; */
	color: #ffffff;
	margin-right: 6px;
	font-size: 1.2rem;
}
.daytime-dl .dd ul{
	padding-left: 20px;
}
.daytime-dl .dd li{
	list-style: disc;
	margin-bottom: 20px;
}
.daytime-dl .dd li > div{
	color: #3e3939;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 5px;
}
.daytime-dl .dd li p{
	font-size: 1rem;
	color: #666666;
	margin-bottom: 5px;
}
.hzhb-view {
	overflow: hidden;
	margin-top: 30px;
}

.hzhb-view .li {
	float: left;
	width: 12.5%;
	height: 100px;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.hzhb-view .li img {
	object-fit: contain;
}

.topview {
	position: relative;
	width: 100%;
}

.topview .bg {
	width: 100%;
}
.topview.bg1{
	background:linear-gradient(45deg, #028ed4,#2bb59f);
	height: 600px;
}

.topview .m {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	z-index: 3;
	align-items: center;
}

.topview .mtsearch {
	width: 900px;
	margin: 0 auto;
}

.topview .mtsearch .search {
	/* width: 920px; */
	/* max-width: 90%; */
	/* margin: 2rem auto; */
	/* border: 1px solid #716d65; */
	/* border-radius: 30px; */
	/* height: 50px; */
	/* position: relative; */
	/* background-color: rgba(255, 255, 255, .5); */
}
.topview .mtsearch .title{
	color: #ffffff;
	font-size: 2.6rem;
	font-weight: bold;
}

.topview .mtsearch .desc{
	color: #ffffff;
	margin: 1rem 0;
}
.topview .mtsearch .search .input1 {
	width: 82%;
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
	height: 40px;
	line-height: 40px;
	border: none;
	font-size: 1.1rem;
}

.topview .mtsearch .search .sub{
	background-color: #e9536a;
	height: 40px;
	display: inline-block;
	float: right;
	width: 16%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}
.topview .mtsearch .search .sub > img{
	height: 30px;
}
.topview .mtsearch .search .input2 {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 10px;
	top: 5px;
	z-index: 3;
}

.topview .mtsearch .search input::placeholder {
	color: #787878;
}

.order-view {}

.order-view .lc {
	width: 100%;
}

.productlistbox {}

.productlistbox .hotbox {
	background-color: #fff;
	width: 100%;
	padding: 30px;
}

.productlistbox .hotbox .t ,
.productlistbox .allbox .t{
	font-size: 1.8rem;
	color: #fe0004;
}

.productlistbox .hotbox .list {
	margin-top: 1rem;
}

.productlistbox .hotbox .list .li {
	color: #2e2624;
	font-size: 1rem;
	margin-bottom: .8rem;
	display: block;
}

.productlistbox .hotbox .list .li span {
	margin-right: 5px;
}

.productlistbox .allbox {
	width: 100%;
	padding: 30px;
}
.productlistbox .allbox .m{
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
.productlistbox .allbox .category{
	overflow: hidden;
}

.productlistbox .allbox .category > div{
	width: 20%;
	margin: 1rem 0;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	float: left;
	height: 4rem;
	padding: 10px 0;
}
.productlistbox .allbox .category > div:hover{
	background-color: #6ac2b4;
}
.productlistbox .allbox .category .icon{
	background-color: #6ac2b4;
}
.productlistbox .allbox .category a{
	width: 10rem;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1rem;
	justify-content: center;
	margin: 0 auto;
	/* display: inline-block; */
}
.productlistbox .allbox .list{
	overflow: hidden;
	border-top: 1px solid #aaa;
	padding-top: 40px;
}

.productlistbox .allbox .list .li {
	display: block;
	float: left;
	width: 31.3%;
	margin: 0 0 20px 0;
	background-color: #fff;
	padding: 20px;
	position: relative;
}
.productlistbox .allbox .list .li:nth-child(3n-1){
	margin: 0 3% 20px;
}

.productlistbox .allbox .list .li .thumb {
	width: 100%;
	height: 260px;
	object-fit: cover;
	margin: .6rem 0;
	overflow: hidden;
}
.productlistbox .allbox .list .li .title {
	color: #3e3a39;
	font-size: 1rem;
	line-height: 1.2rem;
	font-weight: bold;
}

.productlistbox .allbox .list .li .ctr {
	text-align: right;
}
.productlistbox .allbox .list .li .ctr  >img{
	width: 30px;
	height: 30px;
}


.hotnews{
	background-color: #fff;
	padding: 30px;
	overflow: hidden;
}
.hotnews .li{
	width: 100%;
	border: 1px solid #cccccc;
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 16px;
}
.hotnews .m1{
	height: 530px;
}
.hotnews .m2{
	height: 260px;
}
.hotnews .m3{
	border: none;
	align-items: center;
	margin: 15px 0;
	padding-left: 10px;
}
.hotnews .m3 .ico{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.hotnews .li .thumb{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.hotnews .li .title{
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	z-index: 3;
	background-color: #020103;
}
.gfzxtitle{
	color: #ff0000;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
}

.cm-numbers{
	overflow: hidden;
	background-color: #ea546b;
}
.cm-numbers .tips{
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 3rem 0 2rem;
}
.cm-numbers .dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #b5b5b6;
	border-radius: 16px 16px 0 0;
	padding: 30px;
}
.cm-numbers .dl .dd{
	border-right: 1px solid #ffffff;
	color: #ffffff;
	flex: 1;
	text-align: center;
	
}
.cm-numbers .dl .dd:last-child{
	border: unset;
}
.cm-numbers .dl .dd .n{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: .5rem;
}
.home-info{
	padding: 3rem;
}
.home-info .video-view{
	display: flex;
	justify-content: space-between;
}
.home-info .video-view .video{
	flex: 1;
}
.home-info .video-view .video video{
	width: 100%;
}
.home-info .video-view .info{
	flex: 1;
	padding-left: 20px;
	padding-right: 20px;
}
.home-info .video-view .info .share{
	margin-top: 25px;
	background: #161d3e;
	display: inline-block;
	padding: 3px 5px 4px 8px;
	border-radius: 8px;
}
.home-info .video-view .info img{
	height: 24px;
	margin-right: 5px;
	background-color: #161d3e;
}
.home-info .video-view .info .title{
	color: #22b5a0;
	font-size: 1.4rem;
	margin: 10px 0;
	line-height: 2rem;
}
.home-info .video-view .info .btn1{
	background-color: #e9536b;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 5px;
	display: inline-block;
	margin-top: 30px;
}
.home-info .video-view .info .btn2{
	background-color: #22b5a0;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 5px;
	display: inline-block;
	margin-top: 20px;
}
.home-info .video-view .info .t{
	color: #666;
	margin-top: 10px;
}
.home-info .video-view .info .btn-share{
	color: #999;
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-top: 20px;
}
.home-info .video-view .info .btn-share > img{
	height: 1rem;
	margin-right: .3rem;
}
.home-adv1{
	width: 100%;
	margin: 2rem 0;
}
.home-about{
	padding: 2rem 0;
}
.home-about .title{
	font-size: 1.8rem;
	color: #333333;
	border-bottom: 1px solid #999999;
	padding: 1rem 0;
}
.home-about .info{
	display: flex;
	padding-top: 1rem;
	justify-content: space-between;
}
.home-about .info .desc{
	line-height: 1.8rem;
	color: #3e3939;
	flex: 1;
	font-size: 1.2rem;
	padding-right: 20px;
}
.home-about .info .image{
	flex: 1;
}
.home-about .product-all{
	margin-top: 30px;
	overflow: hidden;
}
.home-about .product-all .li{
	width: 30.3%;
	float: left;
	/* border-right: 1px solid #cccccc; */
	display: flex;
	/* align-items: center; */
	/* justify-content: space-between; */
	margin: 20px 0;
	height: 100px;
	margin-right: 3%;
}
.home-about .product-all .li:nth-child(3n){
	border: unset;
}
.home-about .product-all .li > img{
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.home-about .product-all .li .n{
	/* flex: 1; */
	padding-left: 16px;
	width: 12rem;
	overflow: hidden;
}
.home-about .product-all .li .n .t{
	color: #666;
	font-size: 1.2rem;
}
.home-about .product-all .li:first-child .n .t{
	width: 9rem;
}
.home-about .product-all .li .n .d{
	font-size: .9rem;
	margin-top: .3rem;
	color: #999999;
}
.news-home{
	padding: 50px 0;
	background:linear-gradient(45deg, #008cd6,#30b59f);
}
.news-home .title{
	font-size: 1.8rem;
	color: #ffffff;
	border-bottom: 1px solid #efefef;
	padding-bottom: 1rem;
}
.news-home .title .more{
	float: right;
	color: #ffffff;
	font-size: 1rem;
	margin: .8rem 0 0;
}
.news-home .leanmore{
	border: 1px solid #ffffff;
	border-radius: 6px;
	padding: 8px 20px;
	color: #ffffff;
	width: 13rem;
	text-align: center;
	display: block;
	margin: 20px auto 0;
}
.news-home .desc{
	color: #efefef;
	margin-top: .5rem;
}
.news-home .dl{
	margin-top: 30px;
	overflow: hidden;
}
.news-home .dl .dd{
	width: 30%;
	float: left;
	margin-bottom: 30px;
}
.news-home .dl .dd:nth-child(3n-1){
	margin: 0 5% 30px;
}
.news-home .dl .dd .thumb{
	width: 100%;
	height: 240px;
	object-fit: cover;
}
.news-home .dl .dd  .t{
	color: #ffffff;
	font-size: 1.1rem;
	padding: 10px 0;
}
.news-home .dl .dd  .d{
	color: #efefef;
	font-size: 1rem;
	height: 3rem;
	line-height: 1.5rem;
	overflow: hidden;
}
.mb{
    display: none;
}
.pc{
    display: block;
}
@media(max-width: 1360px) {
	.list-box {
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	.list01 li .pic img {
		height: 198px;
	}
}

@media(max-width: 1200px) {
	.list01 li .pic img {
		height: 247px;
	}

	.list-nav-icon {
		display: block;
		width: 30px;
		right: 10px;
		top: 5px;
	}

	.list-nav-icon img {
		display: block;
		width: 100%;
	}

	.position h5 {
		width: 100%;
		text-align: left;
		display: block;
	}

	.position p {
		/* display: none; */
	}

	.list-nav {
		position: absolute;
		top: 80px;
		width: 100%;
		z-index: 9;
		background: #f9f9f9;
		display: none;
	}

	.list-nav h5 {
		display: none;
	}

	.list-nav ul {
		border-left: none;
	}

	.list-nav li {
		padding: 0 0.9375rem;
	}

	.list-nav li>a {
		border-bottom: 1px solid #d5d5d5;
	}

	.list-nav dl {
		border-bottom: 1px solid #d5d5d5;
	}

	.list-r {
		float: none;
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
}

@media screen and (max-width: 1000px) {
	.list01 li .pic img {
		height: 189px;
	}
	.head2{
		/* display: none; */
		height: 0;
	}
	.head-box{
		/* overflow: hidden; */
	}
	.head-box .top{
	}
	.head-box .bg{
		display: none;
	}
	.NavBox .logo3{
		right: 16px;
	}
	.NavBox .logo3 img{
		width: 30px;
	}
	.head-box .m{
		/* background-color: #fff; */
		position: unset;
		overflow: hidden;
	}
	.about-view .phonenix-v1 h3{
		width: 100%;
	}
	.about-view .phonenix-v1 .desc{
		width: 100%;
	}
	.about-view .phonenix-v2 h2{
		padding: 0;
		margin: 20px 0;
	}
	.about-view .phonenix-v2 .img-dl .dd img{
		height: 100px;
	}
	.head-box .logo{
		display: block;
		/* height: 50px; */
		width: 120px;
		margin-left: 16px;
		margin-top: unset;
	}
	.NavBox .ctr{
		margin: 14px 100px 0 0;
	}
	#ups-banner .btn-buy{
		right: 10px;
		bottom: 10px;
		font-size: .8rem;
		padding: 3px 5px;
	}
	.home-info{
		padding: 30px 0;
	}
	.home-info .video-view{
		display: block;
	}
	.home-info .video-view .info{
		padding: 0;
		position: relative;
		padding-top: 50px;
	}
	.home-info .video-view .info .btn1,
	.home-info .video-view .info .btn-share,
	.home-info .video-view .info .btn2{
		margin-top: 10px;
	}
	.home-info .video-view .info .t{
		margin-top: 5px;
	}
	.home-about .info{
		display: block;
	}
	.home-about .info .image{
		width: 100%;
	}
	.home-about .product-all .li{
		width: 45%;
	}
	.home-about .product-all .li > img{
		width: 50px;
		height: 50px;
	}
	.home-about .product-all .li .n{
		font-size: .9rem;
	}
	.news-home .dl .dd{
		width: 48%;
	}
	.news-home .dl .dd:nth-child(3n-1){
		margin: 0 0 30px;
	}
	.news-home .dl .dd:nth-child(2n){
		margin-left: 4%;
	}
	.news-home .dl .dd .thumb{
		height: 120px;
	}
	.news-home .dl .dd .t{
		padding: 5px 0;
	}
	.cm-numbers .dl{
		padding: 20px 10px 10px;
	}
	.cm-numbers .dl .dd .n{
		font-size: 1rem;
		margin-bottom: .2rem;
	}
	.home-info .video-view .info .share{
		padding: 5px 5px;
		font-size: 1rem;
		position: absolute;
		top: 5px;
		left: 0;
		margin-top: 10px;
	}
	.cm-numbers .dl .dd .t{
		font-size: .5rem;
	}
	.head-box .logo img{
		width: 100%;
	}
	.animenu__toggle{
		top: 15px;
		right: 60px;
	}
	.cases-home .hotlist{
		width: 100%;
	}
	.cases-home .hotlist .li{
		width: 100%;
		float: unset;
		margin: 0  0 30px 0;
	}
	.topview.bg1{
		height: 400px;
	}
	.topview .mtsearch{
		width: 100%;
		padding-top: 0px;
	}
	.topview .mtsearch .title{
		font-size: 2rem;
	}
	.topview .mtsearch .desc{
		font-size: .9rem;
	}
	.topview .mtsearch .search .input1{
		width: 70%;
	}
	.topview .mtsearch .search .sub{
		width: 30%;
	}
	.topview .mtsearch .search .sub > img{
		height: 30px;
		width: 30px;
		object-fit: contain;
	}
	.topview .mtsearch img{
		width: 100%;
	}
	.topview .mtsearch .search{
		margin: 10px auto;
	}
	.hotnews{
		padding: 20px;
	}
	.productlistbox .allbox{
		padding: 0px 0;
	}
	.productlistbox .allbox .category > div{
		width: 33.3%;
		margin: 0;
	}
	.productlistbox .allbox .category a{
		width: 100%;
		font-size: .9rem;
	}
	.productlistbox .allbox .list .li{
		width: 48%;
		padding: 10px;
	}
	.productlistbox .allbox .list .li .thumb{
		height: 120px;
	}
	.productlistbox .allbox .list .li:nth-child(3n-1){
		margin: 0 0 20px 0;
	}
	.productlistbox .allbox .list .li:nth-child(2n){
		margin-left: 4%;
	}
	.contact-view .v2{
		padding: 0;
	}
	.contact-view .v2 .dd > img{
		width: 60px;
		height: 60px;
	}
	.contact-view .v2 .dd .t{
		font-size: .8rem;
		line-height: 1.2rem;
	}
	.contact-view .dl{
		display: block;
		padding: 0;
	}
	.xwbd-dl{
		margin-top: 0;
	}
	.xwbd-dl .dd .thumb{
		height: 130px;
	}
	.xwbd-dl .dd .ctr{
		margin: 6px;
	}
	#pages{
		margin-bottom: 40px;
	}
	.hotnews .li{
		width: 100%;
		float: left;
		margin: 0 0 20px 0 !important;
	}
	.hotnews .li:nth-child(3n){
		width: 100%;
	}
	.hotnews .li:nth-child(3n) .thumb{
		width: 100%;
		    height: 260px;
			float: unset;
	}
	.hotnews .li:nth-child(3n) .title{
		display: block;
	}
	.hotnews .li:nth-child(3n) .desc{
		/* display: none; */
		margin-top: 10px;
		width: 100%;
	}
	.about-view .info .dd{
		width: 100%;
		float: unset;
	}
	.hzhb-view .li{
		width: 25%;
	}
	.hzhb-view .li img{
		object-fit: cover;
		max-width: 100%;
	}
	.list-box .list-l{
		width: 100%;
		float: unset;
	}
	.list-box .new-list .li ._info .txt{
		height: 1rem;
	}
	.list-box .new-list .li ._info .ctr{
		display: block;
	}
	.list-box .new-list .li ._info .ctr ._more{
		margin-bottom: 10px;
		display: inline-block;
	}
	.list-box .list-re{
		width: 100%;
		margin-top: 20px;
	}
	.product-footer .xjview{
		padding: 30px 0;
		font-size: 12px;
	}
	.product-footer .xjview .btnxj{
		font-size: 1rem;
		margin: 0 10px;
		min-width: 80px;
		padding: 10px 0;
		text-align: center;
	}
	.news-view{
		padding: 0;
	}
	.productlistbox .hotbox{
		padding: 18px;
	}
	.productlistbox .allbox .m {
		display: block;
	}
	.productlistbox .allbox .m .ad{
		width: 100%;
		float: unset;
	}
	.productlistbox .allbox .m .ad img{
		width: 100%;
		height: unset;
	}
	.productlistbox .allbox .m .list{
		padding: 0;
		margin-top: 30px;
	}
	.productlistbox .allbox .m .list .li{
		width: 100%;
		float: unset;
		height: auto;
	}
	.productlistbox .allbox .m .list .li .thumb{
		height: 120px;
	}
	.productlistbox .allbox .m .list .li .xl,
	.productlistbox .allbox .m .list .li .title{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.productlistbox .allbox .m .list .li .info .dd{
		padding: .4rem .5rem;
		font-size: .9rem;
	}
	.productlistbox .allbox .m .list .li .info .dd .label,
	.productlistbox .allbox .m .list .li .info .dd .v{
		height: auto;
	}
	.cases-home .hotlist .li .ctr{
		padding: 50px 30px;
	}
	.product-view .view1 .thumb{
		float: unset;
		width: 100%;
		height: auto;
	}
	.product-view .view1 .info{
		width: 100%;
		float: unset;
		padding-left: unset;
		margin-top: 20px;
	}
	.product-view .view1 .info .btn-bj{
		font-size: 16px;
	}
	.cases-home.mode4 .hotlist .li{
		width: 100%;
	}
	.cases-home.mode4 .hotlist .li:nth-child(2n){
		margin: 0 0 30px 0;
	}
	.foot-inter .mview{
		display: block;
	}
	.foot-inter .foot-dl{
		display: block;
		width: 100%;
		margin: 20px 0;
	}
	.foot-inter .foot-dl a{
		display: inline-block;
		margin-right: 10px;
	}
	.foot-inter .yq-dl1 a{
		margin-right: 10px;
	}
	.animenu__nav>li:first-child a{
		width: 100%;
	}
	.about-view .title h2{
		font-size: 2rem;
	}
	.about-view .title h3{
		font-size: 1.4rem;
	}
	.about-view .infos{
		display: block;
	}
	.about-view .infos .thumb{
		width: 100%;
	}
	.about-view .infos .viw{
		padding-left: 0;
		margin-top: 20px;
	}
	.about-view .title h2{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.about-view .product-all .li{
		width: 45%;
	}
	.about-view .product-all .li > img{
		width: 50px;
		height: 50px;
	}
	.about-view .product-all .li .n{
		font-size: .9rem;
	}
	.rk-dl .dd{
		width: 100%;
		float: unset;
	}
	.xwbd-dl .dd{
		width: 48%;
		margin-bottom: 20px;
	}
	.xwbd-dl .dd:nth-child(3n-1){
		margin: 0 0 20px;
	}
	.xwbd-dl .dd:nth-child(2n){
		margin: 0 0 20px 4%;
	}
	.form-content{
		width: 100%;
	}
	.cm-numbers .tips{
		font-size: 1rem;
		line-height: 1.2rem;
		margin: 2rem 0 1rem;
	}
	.animenu{
		width: 100%;
		/* height: 100vh; */
		/* overflow: hidden; */
	}
	.animenu__nav{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
	}
	#ups-banner .fbox img{
	}
	.about-view .product-all .li{
		overflow: hidden;
	}
	.about-view .product-all .li:first-child .n .t,
	.about-view .product-all .li .n .d{
		width: 100%;
	}
	
	#ups-banner .bg{
		display: none;
	}
	#ups-banner .bg2{
		display: block;
	}
	.xwbd-dl .dd .ctr .t{
		font-size: .8rem;
		padding-right: 10px;
	}
	.rk-dl .dd .ctr{
		padding: 10px 0 0px;
	}
	.rk-dl .dd .ctr .t{
		display: flex;
		align-items: center;
	}
	.pc{
	    display: none;
	}
	.mb{
	    display: block;
	}
}

@media(max-width: 768px) {
	.list01 li .pic img {
		height: 143px;
	}
}

@media(max-width: 414px) {
	.list01 li {
		width: 100%;
	}

	.list01 li .pic img {
		height: 249px;
	}
}

@media(max-width: 375px) {
	.list01 li .pic img {
		height: 224px;
	}
}

@media(max-width: 360px) {
	.list01 li .pic img {
		height: 214px;
	}
}

@media(max-width: 320px) {
	.list01 li .pic img {
		height: 188px;
	}
}

/* part2 */
.list02 li {
	margin-bottom: 2.25rem;
}

.list02 li a {
	display: block;
	overflow: hidden;
	border: 1px solid #e5e5e5;
}

.list02 li .pic {
	width: 24%;
	float: left;
	position: relative;
	overflow: hidden;
}

.list02 li .pic2 {
	width: 24%;
	float: left;
	position: relative;
	overflow: hidden;
	display: none;
}

.list02 li .pic img {
	display: block;
	width: 100%;
	transition: 0.6s all;
}

.list02 li .text {
	padding: 20px;
	float: right;
	width: calc(100% - 24%);
	box-sizing: border-box;
}

.list02 li .text2 {
	padding: 20px;
	float: right;
	width: 100%;
	box-sizing: border-box;
}

.list02 li .text2 h5 {
	transition: 0.6s all;
	font-size: 1rem;
	color: #333;
	line-height: 1.25rem;
	height: 1.25rem;
	overflow: hidden;
	margin-bottom: 0.75rem;
}

.list02 li .text2 p {
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 4rem;
	overflow: hidden;
	color: #999;
	padding-top: 1rem;
	background: url(../images/list03.png) no-repeat top left;
	background-size: 12%;
	margin-bottom: 0.4rem;
}

.list02 li .text2 i {
	font-style: normal;
	font-size: 0.75rem;
	color: #999;
}

.list02 li:hover .pic img {
	transform: scale(1.1);
	transition: 0.6s all;
}

.list02 li:hover h5 {
	color: #a40e0e;
	transition: 0.6s all;
}







.list02 li .text h5 {
	transition: 0.6s all;
	font-size: 1rem;
	color: #333;
	line-height: 1.25rem;
	height: 1.25rem;
	overflow: hidden;
	margin-bottom: 0.75rem;
}

.list02 li .text p {
	font-size: 0.875rem;
	line-height: 1.5rem;
	height: 4rem;
	overflow: hidden;
	color: #999;
	padding-top: 1rem;
	background: url(../images/list03.png) no-repeat top left;
	background-size: 12%;
	margin-bottom: 0.4rem;
}

.list02 li .text i {
	font-style: normal;
	font-size: 0.75rem;
	color: #999;
}

.list02 li:hover .pic img {
	transform: scale(1.1);
	transition: 0.6s all;
}

.list02 li:hover h5 {
	color: #a40e0e;
	transition: 0.6s all;
}

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

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

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

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

@media(max-width: 414px) {
	.list02 li .pic {
		width: 100%;
	}

	.list02 li .text {
		width: 100%;
		margin-left: 0;
	}
}

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

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

/* list03 */
.list03 li {
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #cccccc;
}

.list03 li a {
	display: block;
	overflow: hidden;
}

.list03 li p {
	transition: 0.6s all;
	font-size: 1rem;
	color: #333;
	line-height: 1.125rem;
	height: 1.125rem;
	overflow: hidden;
	float: left;
	width: calc(100% - 85px);
	padding-left: 1.25rem;
	background: url(../images/list04.png) no-repeat left center;
	box-sizing: border-box;
}

.list03 li i {
	float: right;
	width: 80px;
	font-style: normal;
	font-size: 0.875rem;
	color: #999;
}

.list03 li:hover p {
	color: #c91111;
	transition: 0.6s all;
}

/* show */

.show01 {
	margin-bottom: 0.8rem;
}

.show01 h5 {
	font-size: 1.5rem;
	line-height: 2.25rem;
	text-align: center;
	margin-bottom: 1.5625rem;
}

.show01 p {
	text-align: center;
	font-size: 0.75rem;
	color: #666666;
}

.show01 i {
	font-style: normal;
	margin: 0 8px;
}

.show02 {
	padding-bottom: 0.1rem;
	/* border-bottom: 0px solid #d9d9d9; */
	margin-bottom: 0.2125rem;
	margin-top: 2rem;
}

.show02 table {
	margin: 0 auto 1.875rem auto;
}

.show02 p {
	font-size: 1rem;
	color: #333333;
	line-height: 2.125rem;
	margin-bottom: 0.275rem;
	/*text-indent: 2em;*/
}

.show02 img {
	/*display: block;*/
	margin: 0 auto 0.25rem auto;
	max-width: 100%;
}

.show03 p {
	font-size: 1rem;
	color: #666666;
	margin-bottom: 1.25rem;
	line-height: 1.5rem;
}

.show03 p a {
	color: #666666;
	transition: 0.6s all;
}

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

.show02 div {
	max-width: 100%;
}



.show02 table img {
	height: auto !important;
}

/* list04 */
.list04-title {
	background: #a40e0e;
	height: 2.5rem;
	line-height: 2.5rem;
	overflow: hidden;
	padding-right: 0.75rem;
}

.list04-title h5 {
	float: left;
	padding-left: 18px;
	background: url(../images/list05.png) no-repeat left center;
	font-size: 1rem;
	color: #fff;
}

.list04-title .pic {
	width: 40px;
	height: 40px;
	float: right;
	background: url(../images/list06.png) no-repeat center;
}

.list04-01 {
	margin-bottom: 2.5rem;
}

.list04-01 ul {
	background: #f7f7f7;
	padding: 1.5rem 0;
	overflow: hidden;
	display: block;
}

.list04-01 li {
	margin: 0 1.2rem 1.25rem 0.8rem;
	;
	float: left;
	padding: 0 0.3rem;
}

.list04-01 li a {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #333;
	width: 120px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list04-01 li a:hover {
	background: #a40e0e;
	border: 1px solid #a40e0e;
	color: #fff;
}

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

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

@media screen and (max-width: 1000px) {
	.list04-01 li {
		margin: 0 1rem 1.25rem 0.75rem;
	}

}

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

	.list04-01 li {
		margin: 0 1.2rem 1.25rem 0.75rem;
	}

}

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

	.list04-01 li {
		margin: 0 1.8rem 1.25rem 2.2rem;

	}

	@media(max-width: 375px) {
		.list04-01 li a {}

		.list04-01 li {
			margin: 0 1rem 1.25rem 1.5rem;
		}


	}

	@media(max-width: 320px) {
		.list04-01 li a {
			width: 120px;
		}

		.list04-01 li {
			margin: 0 0.1rem 1.25rem 0.25rem;
		}

	}



	@media(max-width: 300px) {
		.list04-01 li {
			margin: 0 0.1rem 1.25rem 0.25rem;
		}
	}


	.list05 li {
		margin-bottom: 2.25rem;
		float: left;
		width: 48.5%;
	}

	.list05 li:nth-child(even) {
		margin-bottom: 2.25rem;
		float: right;
		width: 48.5%;
		margin-left: 3%;
	}

	.list05 li a {
		display: block;
		overflow: hidden;
		border: 1px solid #e5e5e5;
	}

	.list05 li .pic {
		width: 31%;
		float: left;
		position: relative;
		overflow: hidden;
		height: auto;
		margin: 10px;
		border: 1px solid #F7F7F7;
	}

	.list05 li .pic img {
		display: block;
		width: 100%;
		transition: 0.6s all;
		height: 100%;
	}

	.list05 li .text {
		padding: 20px 0;
		float: right;
		width: calc(100% - 36%);
		box-sizing: border-box;
		padding-right: 20px;
	}

	.list05 li .text h5 {
		transition: 0.6s all;
		font-size: 1rem;
		color: #333;
		line-height: 1.25rem;
		height: 1.25rem;
		overflow: hidden;
		margin-bottom: 0.75rem;
	}

	.list05 li .text p {
		font-size: 0.875rem;
		line-height: 1.5rem;
		color: #999;
		padding-top: 1rem;
		background: url(../images/list03.png) no-repeat top left;
		background-size: 12%;
		margin-bottom: 0.4rem;
		text-align: justify;
	}

	.list05 li .text i {
		font-style: normal;
		font-size: 0.75rem;
		color: #999;
	}

	.list05 li:hover .pic img {
		transform: scale(1.1);
		transition: 0.6s all;
	}

	.list05 li:hover h5 {
		color: #a40e0e;
		transition: 0.6s all;
	}

	@media(max-width: 960px) {
		.list05 li .text {
			padding: 20px 0;
			float: right;
			width: calc(100% - 39%);
			padding-right: 20px;
		}
	}

	@media(max-width: 580px) {
		.list05 li {
			width: 100%;
			float: none;
			margin: 0;
		}

		.list05 li:nth-child(even) {
			width: 100%;
			float: none;
			margin-left: 0;
			margin: 0;
		}

		.list05 li+li {
			margin-top: 25px !important;
		}
	}