@charset "utf-8";

/* reset*/
.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

/*.cn{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;}*/
.syht {
	font-weight: 500;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
}

.marginauto {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.linenowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.center {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

.audios {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.banner {
	height: 100vh;
	background: #2976be;
}

.home-wrap .header {
	opacity: 0;
	visibility: hidden;
	transition: 2s;
}

.home-wrap .header.show {
	opacity: 1;
	visibility: visible
}



/*html*/
html {
	/*font-size:100px;*/
	font-size: 5.20833vw;
	overflow-x: hidden;
}

@media screen and (max-width:1220px) {
	html {
		font-size: 80px;
	}
}

@media screen and (max-width:768px) {
	html {
		font-size: 100px;
	}
}


body {
	background-color: #fff;
	overflow-x: hidden;
	color: #000;
	font-size: 14px;
	font-family: "微软雅黑", Arial, helvetica, sans-serif;
	position: relative;
	min-width: 320px;
	width: 100%;
}

#content {
	position: relative;
}

.w1600 {
	width: 16rem;
	margin-left: auto;
	margin-right: auto;
}

.w1200 {
	width: 12rem;
	margin: 0 auto;
}

.w1300 {
	width: 13rem;
	margin: 0 auto;
}

/*@media (max-width: 1800px){
   .w1600 {width: 1400px;}	
}
@media screen and (max-width: 1520px) {
   .w1600 {width: 1300px; }
   .w1200 {width: 1100px; }	
}
@media screen and (max-width: 1320px) {
   .w1600 {width: 1200px; }
}
@media screen and (max-width: 1220px) {
   .w1600{width:1000px;}	
   .w1200{width:1000px;}	
}*/
@media screen and (max-width: 1220px) {
	.w1600 {
		width: 82%;
	}

	.w1200 {
		width: 82%;
	}
}

@media screen and (max-width: 1024px) {
	.w1600 {
		width: 90%;
	}

	.w1200 {
		width: 90%;
	}
}

/*end reset*/


/*header*/
.header {
	position: fixed;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	z-index: 99;
	transition: 0.68s;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-image: url(/public/static/images/page-shadowbg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 19.2rem;
	display: -webkit-box;
	/* 老版本: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本: IE 10 */
	display: -webkit-flex;
	/* 新版本: Chrome 21+ */
	display: flex;
	/* 新版本: Opera 12.1, Firefox 22+ */
	padding: 0 0.4rem;
	height: 1rem;
}

.header.scrollfix .navs {
	opacity: 0;
	visibility: hidden
}

.logo {
	display: block;
	position: relative;
	width: 1.2rem;
	vertical-align: middle;
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.4s
}

.logo img.hide {
	display: none;
}

.home .logo img.show {
	display: none;
}

.home .logo img.hide {
	display: block;
}

/*header navs*/
.navs {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 1.34rem;
}

.navs>li {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	line-height: 1rem;
	margin-right: 0.46rem;
}

.navs>li:last-child {
	margin-right: 0
}

.navs>li:hover .navs-menus-box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	pointer-events: visible;
}

.navs>li>a {
	display: inline-block;
	padding: 2px;
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 100%;
	vertical-align: middle;
	font-size: 0.16rem;
	font-size: clamp(16px, 0.16rem, 24px);
}

.navs>li>a:before {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	content: "";
	width: 0;
	height: 2px;
	background: #fff;
	transition: 0.4s;
}

.navs>li>a .v {
	display: inline-block;
	line-height: 100%;
	color: #fff;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	margin-left: 3px;
}

/*header navs-menus 二级菜单*/
.navs-menus-box {
	z-index: 4;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.3rem);
	pointer-events: none;
	transition: 0.5s;
	padding-top: 3px;
	position: absolute;
	top: 100%;
	left: -0.22rem;
	width: 2.2rem;
}

.navs-menus {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0.1rem;
	padding: 0.09rem 0.2rem;
}

.navs-menus:before {
	content: "";
	border-left: 0.11rem solid transparent;
	border-right: 0.11rem solid transparent;
	border-bottom: 4px solid rgba(0, 0, 0, 0.5);
	position: absolute;
	top: -4px;
	left: 0.44rem;
}

.navs-menus li {
	border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}

.navs-menus li:last-child {
	border-bottom: none;
}

.navs-menus li a {
	display: block;
	position: relative;
	text-align: left;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	height: 0.41rem;
	line-height: 0.41rem;
}

.navs-menus li a:hover i {
	opacity: 1;
	visibility: visible;
	right: 2px;
}

.navs-menus li a i {
	display: block;
	line-height: 1;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: 0.35s;
	position: absolute;
	top: 50%;
	right: 0.06rem;
	margin-top: -0.06rem;
	font-size: 0.12rem;
	font-size: clamp(12px, 0.12rem, 24px);
}

/*@media screen and (max-width:1450px){
.header{height:70px}
.logo{width:120px}
.navs > li{margin-right:30px}
}
@media screen and (min-width:1024px) and (max-width:1600px){
.logo{width:100px}
.navs > li > a{font-size:12px}
}*/
@media screen and (max-width:1220px) {
	.header {
		height: 70px;
	}

	.logo {
		width: 100px;
	}

	.navs>li {
		margin-right: 30px
	}

	.navs>li>a {
		font-size: 12px
	}
}

@media screen and (max-width:1024px) {
	.navs {
		display: none
	}

	.header {
		height: 70px;
		background: #fff;
		padding: 0 5%;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	}

	.logo img {
		opacity: 0;
		visibility: hidden;
		display: none;
	}

	.logo img.hide {
		opacity: 1;
		visibility: visible;
		display: block;
	}

	.logo {
		width: 100px
	}
}

@media screen and (max-width:768px) {
	.logo {
		width: 70px;
	}

	.header,
	.header.scrollfix {
		height: 60px
	}
}


/*header-menu*/
.header-menu {
	z-index: 3;
	align-items: center;
	position: absolute;
	right: 0.4rem;
	top: 0.28rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.header-menu.active .menu-btn {
	border-color: #c2cbcd
}

.header-menu.active .menu-btn p {
	color: #333333
}

/*header-search*/
.header-search {
	position: relative;
	margin-right: 0.1rem
}

.header-search span {
	display: block;
	width: 0.44rem;
	height: 0.44rem;
	border-radius: 50%;
	text-align: center;
	line-height: 0.44rem;
	color: #fff;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	cursor: pointer;
	background-image: url(/public/static/images/top-search2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.17rem;
}

.header.scrollfix .header-search span {
	background-color: rgba(0, 0, 0, 0.2);
}

/*header menu-btn*/
.menu-btn {
	position: relative;
	z-index: 3;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0.43rem;
	line-height: 0.43rem;
	border-radius: 0.43rem;
	cursor: pointer;
	transition: 0.4s 0.2s;
	background: rgba(0, 0, 0, 0.2);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
}

.menu-btn p {
	margin-right: 0.1rem;
	color: #fff;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	text-transform: uppercase;
	transition: 0.4s 0.2s
}

.header.scrollfix .menu-btn {
	width: 1.05rem;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
}

/*header menubtn*/
.menubtn {
	position: relative;
	z-index: 20;
	cursor: pointer;
	float: right;
	transition: 0.4s;
}

.menubtn span {
	width: 0.18rem;
	height: 2px;
	display: block;
	background: #fff;
	position: relative;
	vertical-align: middle;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

.menubtn span:after,
.menubtn span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 2px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

.menubtn span:before {
	top: -0.06rem;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform
}

.menubtn span:after {
	bottom: -0.06rem;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform
}

.menubtn.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}

.menubtn.active span:after,
.menubtn.active span:before {
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}

.menubtn.active span:before {
	background: #333333;
	top: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menubtn.active span:after {
	background: #333333;
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

/*header menu-list*/
.menu-flex {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	pointer-events: none;
	transition: 0.88s
}

.menu-flex.show {
	visibility: visible;
	pointer-events: visible
}

.menu-flex.show .menu-bg {
	opacity: 1;
	visibility: visible;
	transition: 0.88s 0s
}

.menu-flex.show .menu-right {
	right: 0
}

.menu-bg {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 0.88s 0.3s
}

.menu-right {
	position: absolute;
	right: -3.3rem;
	top: 0;
	width: 3.3rem;
	height: 100%;
	background: #fff;
	transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}

.menu-list {
	padding-top: 1.19rem;
	margin: 0 0.3rem
}

.menu-list>li {
	position: relative;
	z-index: 3;
	border-bottom: 1px solid #ebebeb
}

.menu-list>li:hover>a,
.menu-list>li.active>a {
	color: #fff
}

.menu-list>li:hover>a:before,
.menu-list>li.active>a:before {
	height: 100%;
	bottom: auto;
	top: 0
}

.menu-list>li:hover>a em,
.menu-list>li.active>a em {
	border-top-color: #fff;
}

.menu-list>li>a {
	display: block;
	position: relative;
	z-index: 2;
	padding-left: 0.42rem;
	color: #333333;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	height: 0.59rem;
	line-height: 0.59rem
}

.menu-list>li>a:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 0;
	background: #981d34;
	transition: 0.38s;
	z-index: -1
}

.menu-list>li>a em {
	position: absolute;
	right: 0.37rem;
	top: 50%;
	margin-top: -3px;
	content: "";
	border-left: 0.06rem solid transparent;
	border-right: 0.06rem solid transparent;
	border-top: 0.07rem solid #333333
}

/*header menu-list二级*/
.menu-leval {
	display: none
}

.menu-leval.on {
	display: block
}

.menu-leval li {
	position: relative;
	border-top: 1px solid #ebebeb
}

.menu-leval li:first-child {
	border-top: none
}

.menu-leval li a {
	display: block;
	position: relative;
	color: #666666;
	padding-left: 0.59rem;
	height: 0.59rem;
	line-height: 0.59rem;
	font-size: 0.16rem
}

.menu-leval li a:hover {
	color: #333333
}

.menu-leval li a:hover i {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px)
}

.menu-leval li a i {
	display: block;
	position: absolute;
	right: 0.36rem;
	top: 50%;
	margin-top: -0.07rem;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	line-height: 1;
	font-style: bold;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-0.1rem);
	transition: 0.38s
}

/*menu-ip-down*/
.menu-ip-down {
	margin: 0.4rem 0.3rem 0.4rem;
	display: none;
	background: #fff;
	z-index: 5
}

/*@media screen and (max-width:1450px){
.header-menu{top:13px;}
.menu-btn{height:46px}
}
@media screen and (min-width:1024px) and (max-width:1600px){
.menu-btn p{font-size:13px}
}*/
@media screen and (max-width:1220px) {
	.header-menu {
		top: 15px;
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
	}
}

@media screen and (max-width:1024px) {
	.header-menu {
		right: 5%;
		top: 15px;
	}

	.menu-btn {
		width: 118px;
		height: 40px;
		border: 1px solid #c2cbcd
	}

	.menu-btn p {
		color: #000000;
		font-size: 14px
	}

	.menu-btn {
		width: 85px;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
		background: none;
		border: none;
	}

	.menubtn span,
	.menubtn span:before,
	.menubtn span:after {
		background: #000
	}

	.header.scrollfix .menu-btn {
		width: 85px;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		visibility: visible;
	}

	.header-search span {
		width: 35px;
		height: 35px;
		background-image: url(/public/static/images/top-search.png);
		background-color: #fff;
	}

	.header.scrollfix .header-search span {
		background-image: url(/public/static/images/top-search.png);
		background-color: #fff;
	}
}

@media screen and (max-width:768px) {
	.header-menu {
		right: 5%;
		top: 10px;
	}

	.menu-btn p {
		font-size: 15px;
		margin-right: 5px
	}

	.menubtn span {
		width: 18px;
		height: 2px;
	}

	.menubtn span:before {
		top: -6px;
	}

	.menubtn span:after {
		bottom: -6px;
	}

	.menu-flex {
		overflow: hidden
	}

	.menu-right {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		width: 80%;
		right: -80%
	}

	.menu-list>li>a {
		padding-left: 20px;
		height: 50px;
		line-height: 50px;
		font-size: 15px
	}

	.menu-leval li a {
		padding-left: 40px;
		height: 50px;
		line-height: 50px;
		font-size: 15px
	}

	.menu-list>li>a em {
		right: 20px;
	}
}


/*topSearch*/
.main-content-wrap {
	z-index: 99999;
	display: block;
	background: #FFF;
	position: fixed;
	left: 0;
	right: 0;
	visibility: hidden;
	padding: 1.2rem 0;
	width: 100%;
	height: auto;
	filter: alpha(opacity=0);
	opacity: 0;
	max-width: 12rem;
	margin: auto auto;
	top: 60%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.main-content-wrap .content-wrap {
	overflow-y: auto;
	height: 100%;
	background-color: #fff;
}

.main-content-wrap.show-content-wrap .content-wrap {
	overflow-y: hidden;
}

.main-content-wrap.show-content-wrap {
	top: 50%;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
}

.head-search {
	position: relative;
	margin: 0 auto;
	width: 90%;
	background: #fff;
	height: 0.5rem;
	border-radius: 0.05rem;
	max-width: 8rem;
	overflow: hidden;
}

.head-search .search-ipt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0.1rem;
	width: 100%;
	color: #666;
	height: 0.5rem;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	background: #fff;
	outline: none;
	border: 1px solid #dcdcdc;
}

.head-search .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block !important;
	width: 0.5rem;
	height: 100%;
	border: none;
	background: url(/public/static/images/top-search.png) center center no-repeat #21201e;
	background-size: 0.2rem;
	-webkit-background-size: 0.2rem;
}

.mobile-body-mask {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}

@media screen and (max-width:1024px) {
	.main-content-wrap.show-content-wrap {
		top: 60px;
		padding: 60px 0;
	}

	.head-search {
		height: 40px;
	}

	.head-search .search-ipt {
		height: 40px;
	}

	.head-search .search-btn {
		width: 40px;
	}
}




/*ind-banner*/
.ind-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #000
}

.ind-banner .shipin:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ0cmFuc3BhcmVudCI+PC9yZWN0Pgo8cGF0aCBkPSJNMCA1TDUgMFpNNiA0TDQgNlpNLTEgMUwxIC0xWiIgc3Ryb2tlPSIjMjkyNzI3IiBzdHJva2Utd2lkdGg9IjMuMjUiIG9wYWNpdHk9Ii4yNSI+PC9wYXRoPgo8L3N2Zz4=)
}

.ind-banner .swiper-slide {
	color: #fff;
	background: #000
}

.ind-banner .swiper-slide {
	position: relative
}

.ind-banner .swiper-slide img {
	width: 54.6875%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	margin: auto auto
}

.ind-banner .swiper-slide .img {
	display: block;
	width: 100%;
	position: relative;
	min-height: 7.5rem;
	height: 100vh
}

.ind-banner .swiper-slide .img .shipin {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.ind-banner .swiper-slide .img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*filter:alpha(opacity=95);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity:.95;-khtml-opacity:0.95;opacity:.95;*/
}

/*ind-banner swiper-pagination*/
/* .ind-banner .swiper-pagination{width:0.5rem;text-align:left;left:3%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;display:none}
.ind-banner .swiper-pagination-bullet{opacity:1!important;width:0.3rem;height:3px;background:#fff;cursor:pointer;text-align:center;border:none;border-radius:0;margin:0.1rem 0px!important}
.ind-banner .swiper-pagination-bullet-active{width:0.5rem;background:#fff}
.ind-banner .swiper-button-prev{position:absolute;top:50%;width:0.4rem;height:0.4rem;left:3%;margin-top:-0.44rem;background:url(/public/static/images/s1.png) center no-repeat;border-radius:50%;opacity:0;filter:Alpha(opacity=0);-webkit-transition:.2s ease-out;transition:.2s ease-out;background-size:0.3rem;display:none}
.ind-banner .swiper-button-next{position:absolute;top:50%;width:0.4rem;height:0.4rem;right:3%;margin-top:-0.44rem;background:url(/public/static/images/s.png) center no-repeat;border-radius:50%;opacity:0;filter:Alpha(opacity=0);-webkit-transition:.2s ease-out;transition:.2s ease-out;background-size:0.3rem;display:none}
.ind-banner:hover .swiper-button-prev,.ind-banner:hover .swiper-button-next{opacity:1;filter:Alpha(opacity=100)}
.ind-banner .swiper-button-prev:hover,.ind-banner .swiper-button-next:hover{width:0.45rem;height:0.45rem} */
@media screen and (max-width:1024px) {
	.ind-banner {
		margin-top: 70px
	}

	.bannershadow {
		display: none !important;
	}
}

@media screen and (max-width:768px) {
	.ind-banner {
		margin-top: 60px;
	}

	.ind-banner .swiper-slide .img {
		min-height: 180px;
		height: 56.25vw;
	}

	.ind-banner .swiper-slide img {
		width: 100%;
	}
}

@media screen and (max-width:640px) {
	.ind-banner .swiper-slide .img {
		height: 100vw;
	}
}



/*banner_mouse*/
/*.banner-mouse{display:block;position:absolute;bottom:2%;left:0;right:0;margin:0 auto;z-index:9;width:23px;height:40px;cursor:pointer;background:url(/public/static/images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation:nudgeMouse 1.6s linear infinite;animation:nudgeMouse 1.6s linear infinite}
.banner-mouse:after,.banner-mouse:before{content:"";position:absolute}
.banner-mouse:before{width:23px;height:40px;background:url(/public/static/images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;top:0;left:0}
.banner-mouse:after{background-color:#ffffff;width:4px;height:4px;border-radius:100%;-webkit-animation:trackBallSlide 1.6s linear infinite;animation:trackBallSlide 1.6s linear infinite;top:0;right:0;bottom:0;left:0;margin:auto}
@-webkit-keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@keyframes colorSlide{0%{height:0;}90%{height:40px;}}
@-webkit-keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}
@keyframes trackBallSlide{0%{opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}34%{opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}68%{opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}100%{opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);}}*/


/*bannerTel*/
/*.bannerTel{display:none}
.ind-bannerTel{width:100%;overflow:hidden}
.ind-bannerTel .swiper-slide{color:#fff}
.ind-bannerTel .swiper-slide img{width:100%}
.ind-bannerTel .swiper-slide a{display:block;width:100%;height:100%}
.ind-bannerTel .swiper-pagination{text-align:center;left:0;width:100%;bottom:0.68rem!important}
.ind-bannerTel .swiper-pagination-bullet{opacity:1!important;text-align:center;border:1px solid #fff;background:transparent;border-radius:50%;width:8px;height:8px;margin:0 4px!important}
.ind-bannerTel .swiper-pagination-bullet-active{background:#fff}*/

/*banner*/
/*#banner{overflow:hidden; position:relative; background:#f1f1f1;}
#masterslider { width:100%!important;height:auto!important;}
#masterslider  a{ display:block;}
#masterslider img{max-width: none; width:100%!important; height:100%!important;}
#masterslider .ms-slide{-webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; transition: initial;}

#masterslider .ms-bullets{position:absolute; left:0; right:0; width:100%; margin:0 auto; font-size: 0; letter-spacing:0; z-index: 10; text-align: center;bottom:70px!important;}
#masterslider .ms-bullets .ms-bullets-count{right:auto; left:0;}
#masterslider .ms-bullets .ms-bullet{display:inline-block; font-size:0px; color:#fff; line-height:8px; font-family: "MONTSERRAT-REGULAR"; border-bottom: 2px solid #fff; width:8px; border:1px solid #fff; letter-spacing:normal;text-indent:0; border-radius:50%; text-align:center; margin:0 3px!important;}
#masterslider .ms-bullets .ms-bullet-selected{color:#00793a; border-color:#fff; background:#fff;}

#banner .ms-nav-prev,#banner .ms-nav-next{position:absolute; top:50%; margin-top:-26px; width:50px; height:52px; border:1px solid #fff; z-index: 250; cursor:pointer; transition:width .4s,left .4s,right .4s,border .4s,background .4s,opacity 1s,transform 1s !important; border-radius:5px; overflow:hidden;}
#banner .ms-nav-prev{left:80px;}
#banner .ms-nav-next{right:80px;}
#banner .ms-nav-prev:after,#banner .ms-nav-next:after{content:" "; display:block; position:absolute; width:21px; height:18px; top:50%; margin-top: -9px; background:no-repeat center; background-size:10px;}
#banner .ms-nav-prev:after{left:15px; background-image: url("/public/static/images/index-left.png");}
#banner .ms-nav-next:after{right:15px; background-image: url("/public/static/images/index-right.png");}
#banner .ms-nav-prev:hover,#banner .ms-nav-next:hover{width:86px;}
#banner .ms-nav-prev:hover{left:44px;}
#banner .ms-nav-next:hover{right:44px;}
@media screen and (max-width:1680px){
#banner .ms-nav-prev{left:3%;}
#banner .ms-nav-next{right:3%;}
}
 @media screen and (max-width:1024px){
#banner{ display:none!important;} 
 }*/



/*swiper-btndown*/
.swiper-btndown {
	position: absolute;
	top: 90%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

.swiper-btndown .btndown {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(0, -20%);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	cursor: pointer;
	animation: move1 3s infinite;
}

.swiper-btndown .btndown:hover {
	transform: translate(0, -10%)
}

.swiper-btndown .btndown .text {
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	margin-bottom: 0.25rem;
	color: #fff;
	display: none;
}

.swiper-btndown .btndown img {
	width: 0.48rem;
	display: inline-block;
}

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

@media screen and (max-width:768px) {
	.swiper-btndown {
		display: none;
	}
}

@keyframes move1 {
	0% {
		transform: translate(0, -20%)
	}

	50% {
		transform: translate(0, -40%)
	}

	100% {
		transform: translate(0, -20%)
	}
}









/*footer*/
.footer {
	position: relative;
	z-index: 2;
	background: url("/public/static/images/bottombg.jpg") center bottom no-repeat #2e2e31;
	background-size: 19.2rem;
}

/*footer-nav*/
.footer .footer-nav {
	min-height: 0.44rem;
	font-size: 0.12rem;
	font-size: clamp(12px, 0.12rem, 24px);
	padding: 0.85rem 0 0 0;
	width: 100%;
	height: auto;
}

.footer .footer-nav .left {
	font-size: 0.12rem;
	font-size: clamp(12px, 0.12rem, 24px);
	line-height: 0.26rem;
	color: #5d6371;
	text-align: left;
	float: right;
}

.footer .footer-nav .left .ul2 {
	height: auto;
	float: left;
	text-align: left;
	display: block;
}

.footer .footer-nav .left .ul2:last-child {
	min-width: 0;
}

.footer .footer-nav .left .ul2 .ulB {
	padding-top: 0.07rem;
	padding-bottom: 0.24rem;
	vertical-align: top;
	display: block !important;
}

.footer .footer-nav .left .ul2 .ul2B {
	padding-left: 0.2rem;
}

.footer .footer-nav .left .ul2 .t2 {
	display: block;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.footer .footer-nav .t1 {
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	margin-bottom: 0.1rem;
	color: #ffffff;
	text-transform: uppercase;
}

.footer .footer-nav .t1 a {
	display: inline-block;
	color: #ffffff;
}

.footer .footer-nav .t2 {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
}

.footer .footer-nav .t2 a {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: 0.32rem;
	color: #909090;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.footer .footer-nav .t2 a:hover,
.footer .footer-nav .t1 a:hover {
	color: #981d34
}

/*footer right*/
.footer .footer-nav .right {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: 0.28rem;
	color: #909090;
	float: left;
	width: 35%;
}

.footer .footer-nav .right h1 {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: normal;
	font-weight: normal;
	color: #fff;
}

.footer .footer-nav .right .tel {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	padding-bottom: 0.2rem;
	line-height: 0.28rem;
	color: #909090;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
}

.footer .footer-nav .right .tel h1 {
	font-size: 0.32rem;
	padding-bottom: 0;
	line-height: normal;
	font-weight: normal;
	/*line-height:0.4rem;font-family: 'Tunga',Arial, Helvetica, sans-serif; font-weight:bold;*/
	color: #fff;
	display: inline-block;
}

.footer .bottom-wz {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	padding-top: 0.6rem;
	padding-bottom: 0.2rem;
	color: #fff;
}

/*bq*/
.footer .bq {
	width: 100%;
	font-size: 0.12rem;
	font-size: clamp(12px, 0.12rem, 24px);
	line-height: 0.3rem;
	color: #757575;
	position: relative;
	text-align: center;
}

.footer .bq .w1600 {
	padding-top: 0.4rem;
	position: relative;
	border-top: 1px solid #484849;
}

.footer .bq a {
	color: #757575
}

.footer .bq a:hover {
	color: #fff
}

.footer .bq .beian {
	width: 40%;
	text-align: right;
	float: right
}

.footer .bq .bqname {
	width: 40%;
	text-align: left;
	float: left
}

/*@media screen and (max-width: 1220px) {
	.footer .footer-logo{padding-top:70px;padding-bottom:70px;}
	.footer .footer-logo a img{ max-height:50px;}
}*/
@media screen and (max-width: 1024px) {
	.footer .footer-logo {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer .footer-logo a img {
		max-height: 40px;
	}

	.footer .footer-nav .left {
		width: 50%;
	}

	.footer .footer-nav .left .ul2 {
		width: 50%;
	}

	.footer .footer-nav .right {
		width: 25%;
	}

	.footer .footer-nav .center {
		width: 25%;
	}

	.footer {
		padding-bottom: 50px;
	}

	.footer .bq {
		padding-top: 50px;
	}
}

@media screen and (max-width: 992px) {
	.footer .footer-nav .right {
		font-size: 14px;
	}

	.footer .footer-nav .right h1 {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.footer {
		padding-bottom: 30px;
	}

	.footer .bq {
		line-height: 20px;
		padding-top: 20px;
	}

	.footer .bq .bei {
		display: block;
	}

	.footer .footer-nav {
		padding: 43px 0 0 0;
	}

	.footer .footer-nav .right {
		float: none;
		width: 100%;
	}

	.footer .footer-nav .left {
		float: none;
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
	}

	.footer .footer-nav .left .ul2 .ul2B {
		padding-right: 0;
	}

	.footer .footer-nav .leftBox {
		display: block;
	}

	.footer .footer-nav .left .ul2 {
		margin-left: 0;
		width: 100%;
	}

	.footer .footer-nav .left .listB {
		display: none;
		width: 100%;
	}

	.footer .footer-nav .left .ul2 .ulB {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer .footer-nav .center {
		float: none;
		width: 100%;
		text-align: center;
	}

	.footer .footer-nav .t1 {
		margin-bottom: 0;
		font-size: 16px;
	}

	.footer .footer-nav .t1 a {
		background-position: right center;
		line-height: 20px;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0
	}

	.footer .footer-nav .t1 a:after {
		display: block;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		width: auto;
		background-color: #464646;
		opacity: .5
	}

	.footer .footer-nav .t1 a,
	.footer .footer-nav .t2 a {
		display: block;
	}

	.footer .footer-nav .t2 a {
		padding: 5px 10px;
		color: #b3bcc7;
		font-size: 15px;
	}

	.footer .bq .beian {
		width: 100%;
		text-align: center;
		float: none;
	}

	.footer .bq .bqname {
		width: 100%;
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}

	.footer .footer-nav .right h1 {
		font-size: 18px;
	}

	.footer .footer-logo {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer .footer-logo a img {
		max-height: 40px;
	}

	.footer .footer-nav .left .ul2 .ul2B {
		padding-left: 0;
	}

	.detail-share {
		text-align: center;
	}
}



/*bottom-share*/
.bottom-share {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.bottom-share span {
	display: block;
	color: #909090;
	margin-right: 0.22rem;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
}

.bottom-share a {
	display: block;
	position: relative;
	z-index: 3;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin-right: 3px;
	border-radius: 50%;
	width: 0.44rem;
	height: 0.44rem;
	line-height: 0.44rem;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
}

.bottom-share a:hover {
	border-color: #981d34;
}

.bottom-share a.weix img {
	display: none;
}

.bottom-share a:before {
	content: "";
	width: 100%;
	height: 0;
	background: #981d34;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	transition: 0.45s;
}

.bottom-share a:hover:before,
.online-shop a.active:before {
	height: 100%;
	bottom: auto;
	top: 0;
}

.bottom-share a:nth-of-type(1) {
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
}

@media screen and (max-width:768px) {
	.bottom-share span {
		margin-right: 22px;
		font-size: 14px;
	}

	.bottom-share a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}

	.bottom-share a:last-child {
		margin-right: 0;
	}

	.bottom-share a:nth-of-type(1) {
		font-size: 18px;
	}
}



/*back-top*/
.common-bott {
	display: flex;
	z-index: 20;
	position: fixed;
	right: 0.4rem;
	bottom: 0.52rem;
}

.common-bott .commontop {
	display: block;
	text-align: center;
	margin-left: 0;
	border-radius: 50%;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	transition: 0.32s;
	width: 0.44rem;
	height: 0.44rem;
	line-height: 0.44rem;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
}

.common-bott .commontop:hover {
	background: rgba(0, 0, 0, 0.4);
	line-height: 0.4rem
}

@media screen and (max-width:1024px) {
	.common-bott {
		right: 40px;
		bottom: 52px;
	}

	.common-bott .commontop {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}

	.common-bott .commontop:hover {
		line-height: 40px
	}
}

@media screen and (max-width:641px) {
	.common-bott {
		right: 10px
	}
}


/*back-top*/
.back-top {
	display: flex;
	align-items: center;
	margin-left: 0px;
	cursor: pointer
}

.back-top:hover b {
	border-color: #e4e966;
	color: #333;
	line-height: 50px
}

.back-top:hover b:before {
	height: 100%;
	bottom: auto;
	top: 0
}

.back-top span {
	display: block;
	color: #333333;
	font-size: 14px;
	white-space: nowrap
}

.back-top b {
	display: block;
	position: relative;
	z-index: 3;
	width: 54px;
	height: 54px;
	border: 1px solid #999999;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	transition: 0.3s
}

.back-top b:before {
	content: "";
	width: 100%;
	height: 0;
	background: #e4e966;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 0.5s;
	z-index: -1
}

.back-top b:hover:before,
.back-top b.active:before {
	height: 100%;
	bottom: auto;
	top: 0
}

.back-top b:hover {
	color: #333
}




/*****************************page start*****************************/
/*pbanner*/
.pbanner {
	position: relative;
	overflow: hidden;
	background: #ddd;
}

.product-hide {
	position: relative
}

.product-hide figure {
	display: block;
	line-height: 1;
	overflow: hidden
}

.product-hide figure img {
	display: block;
	position: relative;
	width: 100%;
	height: auto
}

/*slidetop*/
.slidetop.article-block {
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.3rem);
	transition: 0.88s
}

.slidetop.articleShow {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px)
}

.slidetop.detay1.article-block {
	transition-delay: 0.2s
}

.slidetop.detay2.article-block {
	transition-delay: 0.4s
}

.slidetop.detay3.article-block {
	transition-delay: 0.6s
}

.slidetop.detay4.article-block {
	transition-delay: 0.8s
}

.slidetop.detay5.article-block {
	transition-delay: 1s
}

.slidetop.detay6.article-block {
	transition-delay: 1.2s
}

.slidetop.detay7.article-block {
	transition-delay: 1.4s
}

.slidetop.detay8.article-block {
	transition-delay: 1.6s
}

.slidetop.detay9.article-block {
	transition-delay: 1.8s
}

/*sea-down*/
.sea-down {
	display: none;
	z-index: 3;
	pointer-events: none;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	position: absolute;
	left: 50%;
	margin-left: -0.29rem;
	bottom: 0.3rem;
}

.sea-down.loaderMouse,
.sea-down.defaul {
	opacity: 1;
	visibility: visible
}

.sea-down.loaderMouse i {
	height: 14vw
}

.sea-down.loaderMouse i:after {
	animation: none
}

.sea-down.defaul i {
	height: 0.18rem
}

.sea-down.defaul i:after {
	animation: move2 3s 1s infinite
}

.sea-down i {
	display: block;
	margin: auto;
	position: relative;
	width: 2px;
	height: 0.18rem;
	transition: 1s
}

.sea-down i:after {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	content: "";
	width: 100%;
	height: 100%;
	animation: move2 3s infinite;
	transform-origin: center top;
}

.sea-down i:before {
	content: "";
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: -0.06rem;
	top: -0.15rem;
	width: 0.15rem;
	height: 0.15rem;
}

.sea-down span {
	display: block;
	color: #fff;
	line-height: 1;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	margin-top: 0.15rem;
}

@keyframes move2 {
	0% {
		opacity: 1;
		transform: scaleY(1)
	}

	50% {
		transform: scaleY(0.2);
		opacity: 0.2
	}
}

/*series*/
.series {
	width: 80%;
	text-align: center;
	z-index: 6;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	/*margin-left:-40%;top:auto;bottom:1.78rem;*/
	bottom: 45%;
	-moz-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.series-title {
	/*margin-bottom:0.38rem;*/
	font-weight: 500;
}

.series p {
	display: block;
	color: #1E2482;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	font-size: 0.6rem;
	line-height: 1rem;
	letter-spacing: 25px;
	font-weight: 600;
}

.series-title strong {
	display: block;
	color: #1E2482;
	line-height: normal;
	font-weight: 600;
	font-size: 0.22rem;
	font-size: clamp(12px, 0.22rem, 24px);
}

/*@media (max-width:1680px) {
.series p{font-size:90px;line-height:90px;}	
.series-title strong{font-size:20px;}		
}
@media (max-width:1520px) {
.series p{font-size:85px;line-height:85px;}	
.series-title strong{font-size:18px;}		
}
@media screen and (max-width:1220px){
.series p{font-size:80px;line-height:80px;}	
.series-title strong{font-size:17px;}	
}
@media screen and (max-width:1150px){
.series p{font-size:70px;line-height:70px;}	
.series-title strong{font-size:16px;}			
}
@media screen and (max-width:1220px){
.series{ bottom:1rem;}
.series p{font-size:80px;line-height:80px;}	
.series-title strong{font-size:17px;}	
}
@media screen and (max-width:1150px){
.series{ bottom:0.8rem;}
.series p{font-size:70px;line-height:70px;}	
.series-title strong{font-size:16px;}	
}*/
@media screen and (max-width:1024px) {
	.pbanner {
		margin-top: 70px;
	}

	.series {
		bottom: 50%;
	}

	.series p {
		font-size: 60px;
		line-height: 60px;
	}

	.series-title strong {
		font-size: 15px;
		letter-spacing: 6px;
	}
}

@media screen and (max-width:992px) {
	.series p {
		font-size: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width:768px) {
	.pbanner {
		margin-top: 60px;
	}

	.series p {
		font-size: 40px;
		line-height: 40px;
	}
}

@media screen and (max-width:640px) {
	.pbanner .pc {
		display: none;
	}

	.pbanner .sjimg {
		padding: 30% 0;
		background-size: cover;
		background-position: center center;
	}
}





/*pagebanner*/
.pagebanner {
	display: block;
	overflow: hidden;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 16.14583333333333% 0;
	position: relative;
}

.pagebanner .pagebanner-tt {
	position: absolute;
	left: 0;
	right: 0;
	top: 57%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	margin: 0 auto;
	z-index: 2;
}

.pagebanner .pagebanner-tt .en {
	display: block;
	color: #ffffff;
	line-height: 1rem;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	font-size: 1rem;
}

.pagebanner .pagebanner-tt .cn {
	display: block;
	color: #ffffff;
	line-height: normal;
	font-weight: 100;
	font-size: 0.22rem;
	font-size: clamp(12px, 0.22rem, 24px);
	letter-spacing: 0.12rem;
}

/*@media (max-width:1680px) {
.pagebanner .pagebanner-tt .en{font-size:90px;line-height:90px;}	
.pagebanner .pagebanner-tt .cn{font-size:20px;}		
}
@media (max-width:1520px) {
.pagebanner .pagebanner-tt .en{font-size:80px;line-height:80px;}	
.pagebanner .pagebanner-tt .cn{font-size:18px;}		
}
@media screen and (max-width:1220px){
.pagebanner .pagebanner-tt .en{font-size:70px;line-height:70px;}	
.pagebanner .pagebanner-tt .cn{font-size:17px;}	
}*/
@media screen and (max-width:1150px) {
	.pagebanner .pagebanner-tt .en {
		font-size: 60px;
		line-height: 60px;
	}

	.pagebanner .pagebanner-tt .cn {
		font-size: 16px;
	}
}

@media screen and (max-width:1024px) {
	.pagebanner {
		height: 130px;
		background-attachment: inherit;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 50px;
		line-height: 50px;
	}

	.pagebanner .pagebanner-tt .cn {
		font-size: 15px;
	}
}

@media screen and (max-width:992px) {
	.pagebanner {
		height: 120px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 40px;
		line-height: 40px;
	}
}

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

	.pagebanner {
		height: 80px;
	}

	.pagebanner .pagebanner-tt .en {
		font-size: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width:640px) {
	.pagebanner {
		height: 15.625vw;
	}
}





/*********************************page*********************************/
.page {
	position: relative;
	overflow: hidden;
	background: #ffffff;
	color: #002d4b;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.32rem;
	min-height: 3rem;
}

.pageInfo {
	padding: 0.5rem 0;
	padding-top: 1rem;
}

.page img {
	max-width: 100%;
	height: auto;
}

.page hr {
	border: none;
	border-top: 1px solid #e7e7e7;
}

@media screen and (max-width:1024px) {
	.pageInfo {
		padding: 50px 0;
		padding-top: 70px;
	}
}

@media screen and (max-width:768px) {
	.page {
		font-size: 14px;
		line-height: 26px;
	}

	.pageInfo {
		padding: 50px 0 30px 0;
	}
}




/*pageTop*/
.pageTop {
	padding-top: 0.4rem;
}

.pageNav {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.pageNav ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	display: inline-block;
}

.pageNav li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: auto;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	line-height: 0.43rem;
	margin-right: 0.08rem;
}

.pageNav li a {
	display: block;
	color: #002d4b;
	text-align: center;
	border: 1px solid #d8d8d8;
	border-radius: 0.45rem;
}

.pageNav li a span {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding: 0 0.345rem;
}

.pageNav li.on a,
.pageNav li a:hover {
	color: #fff;
	background-color: #981d34;
	border-color: #981d34;
}

@media screen and (max-width:1024px) {
	.pageNav li a span {
		padding: 0 20px;
	}
}

@media screen and (max-width:768px) {
	.pageNav {
		margin-bottom: 10px;
	}

	.pageNav ul {
		justify-content: flex-start;
	}

	.pageNav li {
		font-size: 12px;
		line-height: 30px;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.pageNav li a span {
		padding: 0 8px;
	}
}


/*.pageTop2*/
.pageTop2 {
	padding-top: 0.15rem;
	padding-bottom: 0.075rem
}

.pageTop2 .pageNav li {
	background: url(/public/static/images/pro-line.png) no-repeat left center;
	margin-bottom: 0.075rem;
	margin-right: 0.08rem;
	padding-left: 0.17rem;
}

.pageTop2 .pageNav li:nth-child(1) {
	background-image: none
}

.pageTop2 .pageNav li a {
	color: #002d4b;
	border: 1px solid #fff
}

.pageTop2 .pageNav li.on a,
.pageTop2 .pageNav li a:hover {
	color: #fff;
	background-color: #1D2381;
	border-color: #1D2381
}

@media screen and (max-width:768px) {
	.pageTop2 .pageNav {
		margin-bottom: 0;
	}

}




/*container*/
.container {
	margin: 0 auto;
	width: 72.91666666666667%
}

@media (max-width: 1580px) {
	.container {
		width: 84%;
	}
}

@media screen and (max-width: 1024px) {
	.container {
		width: 84%;
	}
}

@media screen and (max-width: 751px) {
	.container {
		width: 90%;
	}
}


/*pageTit*/
.pageTit {
	padding-top: 0.5rem;
	margin-bottom: 0.7rem;
	font-size: 0.5rem;
	line-height: 0.32rem;
	color: #002d4b;
	text-align: center;
	font-weight: normal;
	position: relative;
}

.pageTit .cn {
	display: inline-block;
	font-weight: normal;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.15rem;
}

.pageTit .en {
	padding: 0.12rem 0;
	font-size: 1.5rem;
	letter-spacing: -4px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: 'Tunga Bold', Arial, Helvetica, sans-serif;
	text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	-webkit-text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	-moz-text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
	*filter: Glow(color=#e8ebef, strength=1);
}

.pageTit .en {
	position: relative;
	display: inline-block;
}

.pageTit .en.en2 {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #981d34;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0.12rem;
}

.pageTit.animated .en .en2 {
	font-size: 0;
}

.pageTit .fbt {
	padding-top: 0.5rem;
	font-size: 0.4rem;
	line-height: 1.2;
}

/*@media screen and (max-width:1680px){
	.pageTit{font-size:45px;margin-bottom:70px;padding-top:30px;}
	.pageTit .en{font-size:140px;}
}
@media screen and (max-width:1520px){
	.pageTit{font-size:40px;margin-bottom:50px;padding-top:20px;}
	.pageTit .en{font-size:130px;}
}
@media screen and (max-width:1220px){
	.pageTit{font-size:35px;margin-bottom:50px;padding-top:20px;}
	.pageTit .en{font-size:120px;}
}*/
@media screen and (max-width:1024px) {
	.pageTit {
		font-size: 30px;
		margin-bottom: 30px;
		padding-top: 0px;
	}

	.pageTit .en {
		font-size: 100px;
		padding: 0px 0;
	}

	.pageTit .fbt {
		padding-top: 50px;
		font-size: 22px;
	}
}

@media screen and (max-width:768px) {
	.pageTit {
		font-size: 26px;
	}

	.pageTit .cn span {
		padding: 0 30px;
		background-size: 20px;
	}

	.pageTit .en {
		font-size: 70px;
	}

	.pageTit .fbt {
		padding-top: 0px;
		font-size: 20px;
	}
}



/*page about pageT*/
.pageT {
	font-size: clamp(16px, 0.24rem, 24px);
	line-height: 0.34rem;
	color: #002d4b;
	margin: 0 auto;
	text-align: center;
}

.pageT .td2 {
	width: 4.5rem;
}

.pageT .td1,
.pageT .td3 {
	width: 0.6rem;
	font-size: 0.5rem;
	line-height: 0.1rem;
	vertical-align: top;
}

.pageT .td3 {
	text-align: right;
}

.pageT .td1 img,
.pageT .td3 img {
	width: 0.17rem;
}

@media screen and (max-width:1024px) {
	.pageT {
		font-size: 20px;
		line-height: 30px;
	}

	.pageT .td1 img,
	.pageT .td3 img {
		width: 15px;
	}
}

@media screen and (max-width:768px) {
	.pageT {
		font-size: 18px;
		line-height: 26px;
	}
}

/*w840 w1020 w1280*/
.pageInfo .w840 {
	max-width: 8.4rem !important;
}

.pageInfo .w1020 {
	max-width: 10.20rem !important;
}

.pageInfo .w1220 {
	max-width: 12.2rem !important;
}

.pageInfo .w1280 {
	max-width: 12.8rem !important;
}


.pageInfo .pt90 {
	position: relative !important;
	top: -0.9rem !important;
}

.pageInfo .f20 {
	font-size: 0.2rem !important;
	line-height: 0.24rem !important;
}

@media screen and (max-width:1024px) {
	.pageInfo .f20 {
		font-size: 20px !important;
		line-height: 1.1 !important;
	}
}



/*pageCaselink*/
.pageCaselink {
	margin-bottom: 1.55rem
}

.pageCaselink ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 auto;
	max-width: 13rem;
	margin-top: 0.6rem;
}

.pageCaselink li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 25%;
	text-align: center;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
}

.pageCaselink li a {
	display: inline-block;
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	background-size: 100%;
	background-color: #e8ebf0;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	padding-top: 0.6rem;
}

.pageCaselink li a img {
	width: 0.52rem;
	margin-bottom: 0.15rem;
}

.pageCaselink li a:hover {
	-webkit-transform: translateY(-0.1rem);
	-moz-transform: translateY(-0.1rem);
	-o-transform: translateY(-0.1rem);
	-ms-transform: translateY(-0.1rem);
	transform: translateY(-0.1rem);
	box-shadow: 0.05rem 0px 0.21rem rgba(155, 38, 56, 0.50);
}

/*@media screen and (max-width:1520px){
    .pageCaselink{margin-bottom:135px;}	
}
@media screen and (max-width:1220px){
	.pageCaselink{margin-bottom:105px;}	
}*/
@media screen and (max-width:1024px) {
	.pageCaselink {
		margin-bottom: 95px;
	}
}

@media screen and (max-width:900px) {
	.pageCaselink li a {
		max-width: 150px;
		width: 150px;
		height: 150px;
		padding-top: 30px;
	}

	.pageCaselink li a img {
		width: 48px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:751px) {
	.pageCaselink {
		margin-bottom: 55px;
	}

	.pageCaselink li a {
		max-width: 130px;
		width: 130px;
		height: 130px;
		padding-top: 20px;
	}

	.pageCaselink li a img {
		width: 48px;
		margin-bottom: 15px;
	}

	.pageCaselink li {
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	.pageCaselink li a {
		max-width: 20.3125vw;
		width: 20.3125vw;
		height: 20.3125vw;
		padding-top: 3.125vw;
	}

	.pageCaselink li a img {
		width: 7.5vw;
		margin-bottom: 2.34375vw;
	}

	.pageCaselink li {
		font-size: 12px;
	}
}



/*pageAd*/
.pageAd {
	padding: 16.14583333333333% 0;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover
}

.pageAd video {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	object-fit: cover
}

.pageAd .wz {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	max-width: 6.8rem;
	width: 90%;
	text-align: center
}

.pageAd .wz p {
	font-size: 0.26rem;
	line-height: 0.46rem;
}

/*@media screen and (max-width:1220px){
.pageAd .wz p{ font-size:24px; line-height:40px;}	
}*/
@media screen and (max-width:1024px) {
	.pageAd {
		background-attachment: inherit;
		padding: 0% 0;
	}

	.pageAd .wz {
		padding: 20% 0;
		position: relative;
		top: 0;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		max-width: 100%;
	}

	.pageAd .wz p {
		font-size: 20px;
		line-height: 30px;
	}
}

@media screen and (max-width:768px) {
	.pageAd .wz p {
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width:761px) {
	.pageAd .wz p {
		font-size: 16px;
		line-height: 26px;
	}
}

/*solutionAd*/
.solutionAd {
	padding: 16.14583333333333% 0;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.solutionAd video {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	object-fit: cover;
}

.solutionAd .wz {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	max-width: 12rem;
	width: 90%;
	text-align: center;
}

.solutionAd .wz p {
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	line-height: 0.46rem;
}

@media screen and (max-width:1024px) {
	.solutionAd {
		background-attachment: inherit;
		padding: 0% 0;
	}

	.solutionAd .wz {
		padding: 20% 0;
		position: relative;
		top: 0;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		max-width: 100%;
	}

	.solutionAd .wz p {
		font-size: 18px;
		line-height: 36px;
	}
}

@media screen and (max-width:768px) {
	.solutionAd .wz p {
		font-size: 16px;
		line-height: 30px;
	}
}

@media screen and (max-width:751px) {
	.solutionAd .wz p {
		font-size: 14px;
		line-height: 26px;
	}
}

/*solutionTable*/
.solutionTable {
	margin: 0 auto;
	max-width: 12.28rem;
}

.solutionTable td {
	width: 50%;
	vertical-align: top;
	padding: 0 0.1rem;
}

.solutionTable td img {
	display: inline-block;
	margin-bottom: 0.15rem;
}

.solutionTable td h1 {
	position: relative;
	overflow: hidden;
	color: #002d4b;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 300;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
}

.solutionTable td h1:after {
	content: '';
	width: 90%;
	left: 0;
	top: 50%;
	height: 1px;
	background: #d8d8d8;
	position: absolute;
}

.solutionTable td h1 span {
	display: inline-block;
	position: relative;
	z-index: 2;
	background: url(/public/static/images/tit-b.png) no-repeat left center #fff;
	background-size: 0.22rem;
	padding-left: 0.3rem;
	padding-right: 0.2rem;
}

@media screen and (max-width:1220px) {
	.solutionTable td h1 {
		font-size: 18px;
	}

	.solutionTable td h1 span {
		padding-left: 28px;
		background-size: 20px;
	}
}

@media screen and (max-width:1024px) {
	.solutionTable td h1 {
		font-size: 16px;
	}

	.solutionTable td h1 span {
		padding-left: 25px;
		background-size: 18px;
	}
}

@media screen and (max-width:992px) {
	.solutionTable td h1 {
		font-size: 15px;
	}

	.solutionTable td h1 span {
		padding-left: 24px;
		background-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.solutionTable {
		max-width: 595px;
	}

	.solutionTable td h1 {
		font-size: 14px;
	}

	.solutionTable td {
		width: 100% !important;
		padding: 3%;
		display: block !important;
		padding-top: 30px;
	}
}

@media screen and (max-width:640px) {
	.solutionTable td h1 {
		font-size: 14px;
	}
}


/*pageSolutionTisheng*/
.pageSolutionTisheng {
	padding-top: 0.7rem;
}

@media screen and (max-width:992px) {
	.pageSolutionTisheng {
		padding-top: 90px;
	}
}

@media screen and (max-width:751px) {
	.pageSolutionTisheng {
		padding-top: 50px;
	}
}

@media screen and (max-width:640px) {
	.pageSolutionTisheng {
		padding-top: 30px;
	}
}

/*pageYJ*/
.pageYJ {
	padding-top: 1.3rem;
}

.pageYJ ul {
	font-size: 0;
	height: auto;
	margin: 0 auto;
	max-width: 13.33rem;
	padding-top: 0.5rem;
}

.pageYJ ul li {
	list-style: none;
	width: 33.3333333%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pageYJ ul li .item {
	display: block;
	position: relative;
	background: #e8ebef;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	min-height: 5.2rem;
	margin: 0 0.1rem;
	border-top-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	margin-bottom: 0.6rem;
}

.pageYJ ul li .ImgBox {
	display: block;
	height: auto;
	position: absolute;
	bottom: 0.5rem;
	left: 0.5rem;
	width: 0.6rem;
}

.pageYJ ul li .ImgBox img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}

.pageYJ ul li .tit {
	padding: 0.3rem 0.2rem;
	padding-top: 0.8rem;
	padding-right: 0.5rem;
}

.pageYJ ul li .tit .wz .cn {
	color: #002d4b;
	font-weight: 500;
	display: block;
	text-align: right;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	margin-bottom: 0.5rem;
}

.pageYJ ul li .tit .wz .en {
	position: relative;
	display: block;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1E2482;
	text-transform: uppercase;
	text-align: right;
	font-size: 0.25rem;
	line-height: 0.3rem;
}

.pageYJ ul li.on .item {
	background: #1E2482;
}

.pageYJ ul li.on .item .tit .wz .cn,
.pageYJ ul li.on .item .tit .wz .en {
	color: #fff;
}

/*@media screen and (max-width:1220px) {
.pageYJ { padding-top:90px;}
.pageYJ ul{width:100%;height:auto; overflow:hidden; } 
.pageYJ ul li a{width:100%;height:auto;}
.pageYJ ul li .ImgBox{bottom:20px; left:20px;margin-bottom:0px;}
.pageYJ ul li .tit .wz .en{font-size:32px;line-height:26px;}
.pageYJ ul li .item{ min-height:420px;}
}*/
@media screen and (max-width:1024px) {
	.pageYJ {
		padding-top: 70px;
	}

	.pageYJ ul {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 30px;
	}

	.pageYJ ul li {
		width: 33.3333333%;
	}

	.pageYJ ul li a {
		width: 100%;
		height: auto;
	}

	.pageYJ ul li .tit .wz .en {
		font-size: 30px;
		line-height: 24px;
	}

	.pageYJ ul li .tit .wz .cn {
		font-size: 18px;
		margin-bottom: 50px;
		line-height: normal;
	}

	.pageYJ ul li .item {
		min-height: 320px;
	}

	.pageYJ ul li .ImgBox {
		bottom: 20px;
		left: 20px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width:992px) {
	.pageYJ ul li .ImgBox {
		width: 40px;
	}

	.pageYJ ul li .tit .wz .en {
		font-size: 28px;
		line-height: 24px;
	}

	.pageYJ ul li .tit .wz .cn {
		font-size: 16px;
		margin-bottom: 50px;
		line-height: normal;
	}

	.pageYJ ul li .ImgBox {
		bottom: 20px;
		left: 20px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width:768px) {
	.pageYJ {
		padding-top: 50px;
	}

	.pageYJ ul li {
		width: 100%;
		font-size: 20px;
	}

	.pageYJ ul li .item {
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
		min-height: 100px;
		margin-bottom: 30px;
	}

	.pageYJ ul li .tit {
		padding: 30px 20px;
		padding-top: 80px;
		padding-right: 50px;
		padding-bottom: 100px;
	}

	.pageYJ ul li .tit .wz .en {
		font-size: 30px;
		line-height: 24px;
	}

	.pageYJ ul li .tit .wz .cn {
		font-size: 18px;
		margin-bottom: 50px;
		line-height: normal;
	}

	.pageYJ ul li .item {
		margin: 0 5px;
		margin-bottom: 10px;
		max-height: 480px;
		overflow: hidden;
	}

	.pageYJ ul li .ImgBox {
		bottom: 30px;
		left: 30px;
		margin-bottom: 0px;
	}
}




/*qalist*/
.qalist {
	padding-top: 0.35rem;
}

.qalist li {
	background: #fff;
	position: relative;
	padding: 0 0.5rem;
	margin-bottom: 0.17rem;
}

.qalist li .title {
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	background-color: #f8f8f8;
	padding: 0.25rem 0 0.25rem 0.5rem;
}

.qalist li .title span {
	display: block;
	color: #002d4b;
	overflow: hidden;
	/*white-space:nowrap;*/
	text-overflow: ellipsis;
	font-size: 0.26rem;
	line-height: 0.3rem;
}

.qalist li .title .close {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0.4rem;
	width: 1.2rem;
	height: 0.8rem;
}

.qalist li .title .close span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -99.99rem;
	background: url(/public/static/images/page-qa-j.png) center center no-repeat;
	transition: all 0.2s ease;
	position: absolute;
	top: 0;
	right: 0.4rem;
	background-size: 0.26rem;
}

.qalist li .title.on .close span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	background-image: url(/public/static/images/page-qa-c.png);
}

.qalist li .tmain {
	display: none;
	border-top: 2px solid #ededed;
	background-color: #f8f8f8;
	color: #333333;
	padding: 0.26rem 0.5rem 0.26rem 0.5rem;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.34rem;
}

/*/@media screen and (max-width:1530px){
.qalist li .tmain{font-size:14px; line-height:24px;}	
}
@media screen and (max-width:1220px){
.qalist li{padding:0 30px;}	
}*/
@media screen and (max-width:1024px) {
	.qalist li {
		padding: 0 20px
	}

	.qalist li .title {
		padding: 15px 0 15px 30px;
	}

	.qalist li .title span {
		font-size: 18px;
		line-height: 30px;
		padding-right: 40px;
	}

	.qalist li .title .close {
		width: 60px;
		height: 60px;
		right: 20px;
		background-size: 22px;
	}

	.qalist li .title .close span {
		background-size: 22px;
		right: 0;
	}

	.qalist li .tmain {
		padding: 26px 30px 26px 30px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	.qalist {
		margin: 0 0px 30px 0px
	}

	.qalist li {
		padding: 0 15px
	}

	.qalist li .title {
		padding: 10px 0 10px 20px
	}

	.qalist li .title span {
		font-size: 16px;
		line-height: 26px;
	}

	.qalist li .title .close {
		width: 46px;
		height: 46px;
		right: 15px;
		background-size: 15px;
	}

	.qalist li .title .close span {
		background-size: 15px;
		right: 0;
	}

	.qalist li .tmain {
		padding: 26px 20px 26px 20px
	}
}





/*pageProlist*/
.pageProlist {
	background: #fff;
	overflow: hidden;
	padding-top: 0.5rem;
	padding-bottom: 0.6rem;
}

.pageProlist ul.ul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -0.1rem;
	padding-top: 0.5rem;
}

.pageProlist ul.ul li {
	width: 33.333333%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 0.2rem;
}

.pageProlist ul.ul li a {
	display: block;
	background: #fff;
	position: relative;
	overflow: hidden;
	margin: 0 0.1rem;
	padding: 0 0.3rem;
}

.pageProlist ul.ul li p {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: 0.37rem;
	color: #666;
}

.pageProlist ul.ul li a .pic {
	overflow: hidden;
	padding: 0.5rem 0.2rem;
}

.pageProlist ul.ul li a .pic:before,
.pageProlist ul.ul li a .pic:after {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageProlist ul.ul li a .pic:before {
	content: '';
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: content-box;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background-clip: content-box;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.35);
	-ms-transform: scale(1.35);
	-o-transform: scale(1.35);
	transform: scale(1.35);
	background-position: center;
	background-repeat: no-repeat;
}

.pageProlist ul.ul li a .pic:after {
	content: '';
	color: #fff;
	display: block;
	text-align: center;
	box-sizing: content-box;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	background-clip: content-box;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.35);
	-ms-transform: scale(1.35);
	-o-transform: scale(1.35);
	transform: scale(1.35);
	background-image: url("/public/static/images/more.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.45rem;
	width: 0.45rem;
	height: 0.45rem;
	line-height: 0.45rem;
}

.pageProlist ul.ul li a:hover .pic:before {
	opacity: 1;
	filter: alpha(opacity=100);
	background: rgba(0, 0, 0, 0.5);
}

.pageProlist ul.ul li a:hover .pic:after {
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.pageProlist ul.ul li a img {
	width: 100%;
	display: block;
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	-moz-transition: -moz-transform 0.5s ease 0s;
	-o-transition: -o-transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.pageProlist ul.ul li a:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.pageProlist ul.ul li a,
.pageProlist ul.ul .text:after,
.pageProlist ul.ul .text h3,
.pageProlist ul.ul .text h2,
.pageProlist ul.ul .text h3 {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageProlist ul.ul .text {
	padding: 0.3rem 0;
	border-top: 1px solid #e4e4e4;
}

.pageProlist ul.ul .text h3 {
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	height: 0.26rem;
	line-height: 0.26rem;
	font-weight: normal;
	color: #333;
	overflow: hidden;
}

.pageProlist ul.ul .text h2 {
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	height: 0;
	line-height: 0;
	font-weight: normal;
	color: #ff7300;
	overflow: hidden;
}

.pageProlist ul.ul .text span {
	height: 0.26rem;
	line-height: 0.26rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.pageProlist ul.ul .text h3 span {
	text-align: left;
	background-image: url("/public/static/images/more2.png");
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.26rem;
	padding-left: 0.12rem;
	padding-right: 0.26rem;
}

.pageProlist ul.ul li a:hover h3 {
	color: #981d34
}

.pageProlist ul.ul li a .imgB {
	display: block;
	position: relative;
	width: 100%;
	padding: 50% 0
}

.pageProlist ul.ul li a .imgB img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: contain
}

.pageProlist ul.ul li a .pic .rectborder {
	background: #000;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	filter: alpha(opacity=3);
	-moz-opacity: 0.03;
	-khtml-opacity: 0.03;
	opacity: 0.03;
	width: 100%;
	height: 100%
}

@media screen and (max-width: 992px) {
	.pageProlist ul.ul li {
		margin-bottom: 20px;
	}

	.pageProlist ul.ul li a .pic {
		padding: 30px 0;
	}
}

@media screen and (max-width: 768px) {
	.pageProlist ul.ul {
		margin: 0 -7.5px;
	}

	.pageProlist ul.ul li a {
		margin: 0 7.5px;
	}

	.pageProlist ul.ul li {
		width: 50%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 550px) {
	.pageProlist ul.ul {
		margin: 0 0;
	}

	.pageProlist ul.ul li {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}

	.pageProlist ul.ul li a {
		margin: 0 10px;
	}
}





/*pagecaseList*/
.pagecaseList li {
	background: #fff;
	padding: 1.3rem 0;
}

.pagecaseList li:nth-child(2n) {
	background: #F1F1F1;
}

.pagecaseList li:nth-child(2n) .nei {
	flex-direction: row-reverse;
}

.pagecaseList .nei {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagecaseList .img-box {
	width: 50%;
	overflow: hidden;
	text-align: center;
	position: relative;
	height: 100%;
}

.pagecaseList .img-box video {
	width: 80%;
	height: 100%;
	object-fit: cover;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.pagecaseList .img-box .img {
	width: 80%;
	height: auto;
	padding-bottom: 64.74820143884892%;
	object-fit: cover;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.pagecaseList .img-box .img img {
	max-width: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.pagecaseList .text-box {
	width: 46%;
}

.pagecaseList .title {
	font-size: 0.46rem;
	padding-bottom: 0.25rem;
	margin-bottom: 0.25rem;
	font-weight: 400;
	color: #002d4b;
	line-height: normal;
	position: relative;
}

.pagecaseList .title::after {
	width: 0.5rem;
	height: 1px;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #981d34;
}

.pagecaseList .desc {
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.3rem;
	color: #002d4b;
}

/*@media screen and (max-width:1680px){
    .pagecaseList .title{font-size:40px;}
}
@media screen and (max-width:1300px){
    .pagecaseList .title{font-size:35px;}
}*/
@media screen and (max-width:1024px) {
	.pagecaseList li {
		padding: 100px 0;
	}

	.pagecaseList .title {
		font-size: 30px;
	}
}

@media screen and (max-width:768px) {
	.pagecaseList .title {
		font-size: 26px;
		padding-bottom: 25px;
		margin-bottom: 15px;
	}

	.pagecaseList li {
		padding: 70px 0
	}

	.pagecaseList .desc {
		line-height: 26px;
		font-size: 14px;
	}
}

@media (max-width:751px) {
	.pagecaseList .nei {
		display: block;
	}

	.pagecaseList .img-box {
		width: 100%;
		height: 50%;
		margin-bottom: 20px;
	}

	.pagecaseList .text-box {
		width: 100%
	}

	.pagecaseList .img-box .img {
		width: 100% !important;
	}

	.pagecaseList .img-box img {
		height: auto;
	}

	.pagecaseList li {
		padding: 50px 0
	}

	.pagecaseList .title {
		font-size: 24px;
	}
}

@media screen and (max-width:640px) {
	.pagecaseList li {
		padding: 50px 0
	}

	.pagecaseList .title {
		font-size: 20px;
	}
}


/*pageSolutionlink*/
.pageSolutionlink {
	padding-bottom: 1.55rem;
}

.pageSolutionlink ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 auto;
	max-width: 13rem;
	margin-top: 0.6rem;
}

.pageSolutionlink li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 25%;
	text-align: center;
	position: relative;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
}

.pageSolutionlink li a {
	position: relative;
	display: inline-block;
	color: #383f61;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	background-size: 100%;
	background-color: #e8ebf0;
	background-repeat: no-repeat;
	max-width: 2rem;
	width: 2rem;
	height: 2rem;
	padding-top: 0.6rem;
}

.pageSolutionlink li a img {
	width: 0.52rem;
	margin-bottom: 0.25rem;
	position: relative;
}

.pageSolutionlink li a p {
	position: relative;
}

.pageSolutionlink li a:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #e4c2c9;
	opacity: 0;
	visibility: hidden;
	transform: rotateY(0);
	transition: 0.5s;
}

.pageSolutionlink li a:hover:before {
	opacity: 1;
	visibility: visible;
	transform: rotateY(-180deg);
}

@media screen and (max-width:992px) {
	.pageSolutionlink ul {
		margin-top: 30px;
	}

	.pageSolutionlink {
		padding-bottom: 50px;
	}

	.pageSolutionlink li a {
		max-width: 150px;
		width: 150px;
		height: 150px;
		padding-top: 30px;
		margin: 0 10px;
	}

	.pageSolutionlink li a img {
		width: 48px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:751px) {
	.pageSolutionlink {
		padding-bottom: 30px;
	}

	.pageSolutionlink li a {
		max-width: 130px;
		width: 130px;
		height: 130px;
		padding-top: 20px;
		margin: 0 10px;
	}

	.pageSolutionlink li a img {
		width: 48px;
		margin-bottom: 15px;
	}

	.pageSolutionlink li {
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	.pageSolutionlink li a {
		max-width: 22vw;
		width: 22vw;
		height: 22vw;
		padding-top: 5vw;
		line-height: normal;
		margin: 0 10px;
	}

	.pageSolutionlink li a img {
		width: 7.5vw;
		margin-bottom: 0vw;
	}

	.pageSolutionlink li {
		font-size: 1.98vw;
	}
}

@media screen and (max-width:430px) {
	.pageSolutionlink li a {
		max-width: 23vw;
		width: 21.5vw;
		height: 21.5vw;
		padding-top: 5vw;
		line-height: normal;
		margin: 0 1vw;
	}

	.pageSolutionlink li {
		font-size: 2.4vw;
	}
}



/*pageSolutionlink3*/
.pageSolutionlink3 {
	padding-bottom: 0;
}

.pageSolutionlink3 ul {
	font-size: 0;
	line-height: 0;
	text-align: center;
	max-width: 15.44rem;
	width: 94%;
	margin: 0 auto;
	margin-top: 0.6rem;
}

.pageSolutionlink3 li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 25%;
	text-align: center;
	margin-top: 0.24rem;
}

.pageSolutionlink3 li a {
	display: block;
	text-align: center;
	border: 1px solid #e1e1e1;
	margin: 0 0.13rem;
	border-radius: 0.05rem;
	overflow: hidden;
	color: #002d4b;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageSolutionlink3 li a {
	padding: 0.8rem 0;
	overflow: hidden;
	position: relative;
}

.pageSolutionlink3 li a p {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	max-width: 6.8rem;
	width: 94%;
	text-align: center;
}

.pageSolutionlink3 li a p {
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	line-height: 0.3rem;
	color: #002d4b;
}

.pageSolutionlink3 li a:hover {
	background: #981d34;
	color: #fff;
}

.pageSolutionlink3 li a:hover p {
	color: #fff;
}

/*@media screen and (max-width:1300px){
	.pageSolutionlink3 li a p{ font-size:17px; line-height:28px;}
}
@media screen and (max-width:1220px){
	.pageSolutionlink3 li a p{ font-size:16px; line-height:26px;}
}*/
@media screen and (max-width:1024px) {
	.pageSolutionlink3 li {
		margin-top: 10px;
	}

	.pageSolutionlink3 li a {
		margin: 0 5px;
	}

	.pageSolutionlink3 li a p {
		font-size: 16px;
		line-height: 24px;
		padding: 0 5px;
	}
}

@media screen and (max-width:992px) {
	.pageSolutionlink3 li {
		width: 50%;
	}
}

@media screen and (max-width:751px) {
	.pageSolutionlink3 li a p {
		font-size: 14px;
		line-height: 24px;
		padding: 0 5px;
	}

}







/*tipslist*/
.tipslist ul {
	margin: 0 auto;
	max-width: 8rem;
}

.tipslist li {
	background: #fff;
	position: relative;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0.17rem;
}

.tipslist li a {
	display: block;
	padding: 0.3rem 0;
}

.tipslist li .title {
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
	padding-bottom: 0.3rem;
}

.tipslist li .title span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #002d4b;
	background: url(/public/static/images/tip-t.png) left center no-repeat;
	background-size: 0.25rem;
	font-size: 0.3rem;
	line-height: 0.3rem;
	padding-left: 0.4rem;
}

.tipslist li .tmain {
	background: #fff;
	color: #333333;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.28rem;
	padding: 0 0 0 0.4rem;
}

.tipslist li a:hover .title span {
	color: #981d34;
}

/*@media screen and (max-width:1530px){
.tipslist li .tmain{font-size:14px; line-height:24px;}	
}
@media screen and (max-width:1220px){
.tipslist li{padding:0 30px;}	
}*/
@media screen and (max-width:1024px) {
	.tipslist {
		margin: 0 0px 30px 0px;
	}

	.tipslist li {
		padding: 0 20px;
		margin-bottom: 0px;
	}

	.tipslist li a {
		padding: 25px 0;
	}

	.tipslist li .title {
		padding: 15px 0 15px 0;
	}

	.tipslist li .title span {
		font-size: 18px;
		line-height: 30px;
		background-size: 20px;
		padding-left: 30px;
	}

	.tipslist li .tmain {
		font-size: 14px;
		line-height: 26px;
		padding-left: 30px;
	}
}

@media screen and (max-width:768px) {
	.tipslist {
		margin: 0 0px 30px 0px;
	}

	.tipslist li {
		padding: 0 15px;
		margin-bottom: 0px;
	}

	.tipslist li a {
		padding: 20px 0;
	}

	.tipslist li .title {
		padding: 10px 0 10px 0;
	}

	.tipslist li .title span {
		font-size: 16px;
		line-height: 26px;
		background-size: 20px;
		padding-left: 30px;
	}

	.tipslist li .tmain {
		font-size: 14px;
		line-height: 24px;
		padding-left: 30px;
	}
}



/*page-tab*/
.page-tab {
	margin: 0 auto;
	text-align: center;
	padding: 0.33rem 0 0.33rem 0;
}

.page-tab ul {
	font-size: 0;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 0.44rem;
	line-height: 0.44rem;
}

.page-tab ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	height: 0.44rem;
	line-height: 0.44rem;
}

.page-tab ul li a {
	font-size: 0.12rem;
	font-size: clamp(12px, 0.12rem, 24px);
	padding: 0 0.18rem;
	margin: 0 0.04rem;
	height: 0.42rem;
	line-height: 0.42rem;
	text-align: center;
	color: #1e2831;
	border: 1px solid #d2d2d2;
	background: #ffffff;
	display: inline-block;
}

.page-tab ul li a:hover,
.page-tab ul li a.focus {
	background: #981d34;
	color: #fff;
	border-color: #981d34;
}

.page-tab ul li.next-page a,
.page-tab ul li.prev-page a {
	padding: 0 0.36rem;
}

@media screen and (max-width:1024px) {
	.page-tab {
		padding: 30px 0 30px 0;
	}

	.page-tab ul {
		height: 44px;
		line-height: 44px;
	}

	.page-tab ul li {
		height: 44px;
		line-height: 44px;
	}

	.page-tab ul li a {
		font-size: 12px;
		padding: 0 18px;
		margin: 0 4px;
		height: 42px;
		line-height: 42px;
	}

	.page-tab ul li.next-page a,
	.page-tab ul li.prev-page a {
		padding: 0 36px;
	}
}

@media screen and (max-width:768px) {
	.page-tab ul li {
		display: none;
	}

	.page-tab ul li.next-page,
	.page-tab ul li.prev-page {
		display: inline-block;
	}
}












/*page-back*/
.page-back {
	margin: 0 auto;
	text-align: center;
	padding: 0.5rem 0;
}

.page-back a {
	width: 1.6rem;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.5rem;
	height: 0.5rem;
	border-radius: 0.05rem;
	overflow: hidden;
	text-align: center;
	color: #002d4b;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
	border: 1px solid #dcdcdc;
	position: relative;
	display: block;
}

.page-back a span {
	display: inline-block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 0.05rem;
}

.page-back a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 100%;
	background: #c30d23;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.page-back a:hover:after {
	width: 100%;
	left: 0;
}

.page-back a:hover {
	color: #fff;
	border-color: #e80313;
}

@media screen and (max-width:768px) {
	.page-back {
		padding: 30px 0;
	}

	.page-back a {
		width: 120px;
		font-size: 12px;
		line-height: 35px;
		height: 35px;
		border-radius: 5px;
	}

	.page-back a span {
		border-radius: 5px;
	}
}



/*page-newsInfo*/
.page-newsInfo {
	text-align: left;
}

.page-newsInfo .newsTit {
	width: 100%;
	margin: 0;
	color: #002d4b;
	line-height: normal;
	text-align: left;
	font-weight: 300;
	font-size: 0.46rem;
	margin-bottom: 0.1rem;
	padding-top: 0.3rem;
}

.page-newsInfo .newsShuju {
	padding-bottom: 0.35rem;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: 0.3rem;
	color: #909090;
	text-align: left;
}

.page-newsInfo .newsShuju em {
	display: inline-block;
	margin: 0;
	color: #909090;
	font-style: normal;
	line-height: 0.3rem;
	margin-right: 0.2rem;
}

.page-newsInfo .newsShuju em.d {
	background: url(/public/static/images/d.jpg) left center no-repeat;
	background-size: 0.14rem;
	padding-left: 0.2rem;
}

.page-newsInfo .newsShuju em.u {
	background: url(/public/static/images/u.jpg) left center no-repeat;
	background-size: 0.16rem;
	padding-left: 0.2rem;
}

.page-newsInfo .newsShare {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width: 1.8rem;
}

.page-newsInfo .newsText {
	border-top: 1px solid #e5e5e5;
	margin: 0;
	text-align: left;
	color: #333333;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.36rem;
}

.page-newsInfo .newsText img {
	max-width: 100%;
}

.page-newsInfo .newsTextNr {
	width: 100%;
	margin: 0 auto;
	padding-top: 0.6rem;
	padding-bottom: 0.2rem;
}

.page-newsInfo .newsBtn {
	border-bottom: 1px solid #e5e5e5;
	font-size: 0;
	padding-top: 0.2rem;
}

.page-newsInfo .newsBtn .newsBtnA,
.page-newsInfo .newsBtn .newsBtnB {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	overflow: hidden;
	color: #002d4b;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.2rem;
	height: 0.2rem;
}

.page-newsInfo .newsBtn a {
	display: inline-block;
	max-width: 90%;
	color: #002d4b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 0.2rem;
	height: 0.2rem;
}

.page-newsInfo .newsBtn a:hover {
	color: #e80313;
}

.page-newsInfo .newsBtn .newsBtnA {
	text-align: left;
}

.page-newsInfo .newsBtn .newsBtnB {
	text-align: right;
}

.page-newsInfo .newsBtn a srtong {
	color: #333333;
}

/*@media screen and (max-width:1520px) {
    .page-newsInfo .newsTit{font-size:28px;}
}
@media screen and (max-width:1220px) {
    .page-newsInfo .newsTit{font-size:26px;}
	.page-newsInfo .newsShuju{padding-bottom:30px; }
	.page-newsInfo .newsTextNr{padding-top:50px;}
}*/
@media screen and (max-width:1024px) {
	.page-newsInfo .newsTit {
		font-size: 24px;
	}

	.page-newsInfo .newsShuju {
		padding-bottom: 30px;
		font-size: 14px;
		line-height: 30px;
	}

	.page-newsInfo .newsShuju em {
		line-height: 30px;
		margin-right: 20px
	}

	.page-newsInfo .newsShuju em.d {
		background-size: 14px;
		padding-left: 20px;
	}

	.page-newsInfo .newsShuju em.u {
		background-size: 16px;
		padding-left: 20px;
	}

	.page-newsInfo .newsTextNr {
		padding-top: 50px;
	}
}

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

	.page-newsInfo .newsTit,
	.page-newsInfo .newsText {
		margin: 0 10px;
	}

	.page-newsInfo .newsTit {
		font-size: 20px;
		width: auto;
	}

	.page-newsInfo .newsTextNr {
		padding-top: 30px;
		padding-bottom: 20px;
		width: 100%;
	}
}

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

	.page-newsInfo .newsTit,
	.page-newsInfo .newsText {
		margin: 0 0px;
	}

	.page-newsInfo .newsBtn span {
		width: 100%;
	}

	.page-newsInfo .newsBtn .newsBtnB {
		text-align: left;
	}

	.page-newsInfo .newsTit {
		font-size: 18px;
	}

	.page-newsInfo .newsBtn span,
	.page-newsInfo .newsBtn a {
		line-height: 20px;
		height: 20px;
	}

	.page-newsInfo .newsBtn .newsBtnA,
	.page-newsInfo .newsBtn .newsBtnB {
		display: block;
	}

	.page-newsInfo .newsBtn {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}



/*page-newsXg*/
.page-newsZuixinB {
	background: #f7f7f7;
	padding: 0.45rem 10%;
}

.page-newsZuixin {
	width: 27.625%;
	float: right;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", "Heiti SC", "WenQuanYi Micro Hei", Arial, sans-serif;
	font-size: 0.16rem
}

.page-newsZuixin h1 {
	padding: 0;
	color: #002d4b;
	font-weight: 300;
	text-transform: uppercase;
	background-image: url(/public/static/images/tip2-tit.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 0.23rem;
	padding-left: 0.35rem;
	font-size: 0.3rem;
	line-height: 0.56rem;
}

.page-newsZuixin ul {
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	border-top: 1px solid #d8d8d8;
	padding-top: 0.3rem;
	margin-top: 0.2rem;
}

.page-newsZuixin ul li.listpic {
	font-size: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	vertical-align: top;
	margin-bottom: 0.2rem;
}

.page-newsZuixin ul li.listpic a {
	display: block;
	padding: 0;
	background-image: url(/public/static/images/tit-b.png);
	background-repeat: no-repeat;
	background-position: left 0.05rem;
	background-size: 0.23rem;
	padding-left: 0.35rem;
}

.page-newsZuixin ul li.listpic a,
.page-newsZuixin ul li.listpic .ImgBox img,
.page-newsZuixin ul li.listpic .listTitle .listTitleBox {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.page-newsZuixin ul li.listpic .listTitle {
	overflow: hidden;
	display: block;
	padding: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	position: relative;
}

.page-newsZuixin ul li.listpic .listTitle .listTitleBox {
	padding: 0;
}

.page-newsZuixin ul li.listpic .listTitle .t {
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	color: #002d4b;
	max-height: 0.52rem;
	line-height: 0.26rem;
	overflow: hidden;
	margin-bottom: 0.1rem;
	font-weight: 500;
}

.page-newsZuixin ul li.listpic a:hover .listTitle .t {
	color: #981d34
}

/*@media screen and (max-width:1520px) {
	.page-newsZuixinB{padding:35px 6%;}
    .page-newsZuixin ul li.listpic .listTitle .t{font-size:16px;}
	   .page-newsZuixin h1{font-size:28px;}	
}
@media screen and (max-width:1220px) {
	.page-newsZuixinB{padding:30px 5%;}
   .page-newsZuixin h1{font-size:26px;}
}*/
@media screen and (max-width:1024px) {
	.page-newsZuixinB {
		padding: 30px 5%;
	}

	.page-newsZuixin {
		width: 100%;
		float: none;
	}

	.page-newsZuixin ul li.listpic .listTitle .t {
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.page-newsZuixin ul li.listpic {
		margin-bottom: 20px;
	}

	.page-newsZuixin h1 {
		font-size: 24px;
	}
}

@media screen and (max-width:768px) {
	.page-newsZuixin ul li.listpic {
		margin-bottom: 15px;
	}

	.page-newsZuixin h1 {
		font-size: 20px;
	}
}

@media screen and (max-width:350px) {
	.page-newsZuixin ul li.listpic {
		width: 100%;
		margin-right: 0;
	}

	.page-newsZuixin ul li.listpic .listTitle {
		padding: 0;
	}
}



/*zuoyou*/
.zuoyou .page-newsInfo {
	float: left;
	width: 71.25%;
	margin: 0;
	padding: 0;
}

.zuoyou .page-newsInfo .page-newswz {
	border: 1px solid #e5e5e5;
	padding: 0.1rem 6% 0 6%;
}

.zuoyou .page-newsInfo .newsBtn {
	padding-top: 0.2rem;
}

.zuoyou .page-newsInfo .newsText {
	border-top: 1px solid #e5e5e5;
	padding-top: 0.6rem;
}

.zuoyou .page-newsInfo .newsTextNr {
	padding-top: 0;
}

/*@media screen and (max-width:1520px) {	
.zuoyou .page-newsInfo .newsText{padding-top:50px;}
}
@media screen and (max-width:1220px) {	
.zuoyou .page-newsInfo .page-newswz{padding:10px 4% 0 4%;}
.zuoyou .page-newsInfo .newsText{padding-top:40px;}
}*/
@media screen and (max-width:1024px) {
	.zuoyou .page-newsInfo {
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 30px;
	}

	.zuoyou .page-newsInfo .newsText {
		padding-top: 30px;
	}
}



/************************Contact************************/
/**Contact**/
.pageContact .pageContactBox {
	width: 50%;
	float: right;
}

.contactTable {
	overflow: hidden;
	text-align: center;
	border-spacing: 0;
}

.contactTable td {
	width: 50%;
	padding: 1.1rem 0;
	overflow: hidden;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.contactTable td img {
	width: 0.6rem;
}

.contactTable td h1 {
	font-size: 0.32rem;
	color: #002d4b;
	line-height: 0.36rem;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	font-weight: 300;
}

.contactTable td p {
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	color: #002d4b;
	line-height: 0.28rem;
}

.contactTable td:hover {
	background: #ccc;
}

/*pageContact*/
.pageContact {
	position: relative;
	overflow: hidden;
	margin-top: 0.6rem;
}

.pageContact .pageMap {
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.pageContact .pageMap img {
	/*max-width:100%;width:100%;*/
}

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

	.pageContact .pageContactBox,
	.pageContact .pageMap {
		width: 100%;
		float: none;
		padding: 0;
		position: relative;
	}
}

@media screen and (max-width:768px) {
	.pageMap {
		margin-top: 30px;
	}
}

@media screen and (max-width:751px) {
	.contactTable td {
		width: 100% !important;
		padding: 50px 0;
		display: block !important
	}
}


/*feedback2Box*/
.feedback2Box {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
	background: #f6f6f6;
}

.feedback2Box .pageTit .en {
	color: #f6f6f6;
}

.feedback2Box .contact-con {
	font-size: 0;
	padding-top: 0.7rem;
}

.feedback2Box .pageT1 {
	max-width: 80%;
	margin: 0 auto;
	line-height: 0.24rem;
}

.feedback2Box .pageT1 .cn {
	margin-bottom: 0.1rem;
}

/*feedback2*/
.feedback2 {
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	color: #002d4b;
	line-height: 0.4rem;
	text-align: left;
	padding: 0;
	margin: 0 -0.175rem;
}

.feedback2 label {
	display: block;
}

.feedback2 .l1 {
	float: left;
	width: 33.33333%;
	position: relative;
	margin-bottom: 0.4rem;
}

.feedback2 .l2 {
	margin-bottom: 0.28rem;
}

.feedback2 .l1Box {
	margin: 0 0.175rem;
	position: relative;
}

.feedback2 .text {
	display: block;
	width: 100%;
	padding: 4px 0;
	height: 0.5rem;
	margin-bottom: 0.2rem;
	outline: none;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	color: #002d4b;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: none;
	border-bottom: 1px solid #d7dadd;
	border-radius: 0px;
	background: #f6f6f6;
	text-align: left;
}

.feedback2 .text2 {
	display: block;
	width: 100%;
	padding: 0.1rem 0.18rem;
	height: 2.1rem;
	margin-bottom: 0.2rem;
	outline: none;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	color: #002d4b;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 1px solid #d7dadd;
	border-radius: 0px;
	background: #f6f6f6;
	text-align: left;
}

.feedback2 .getcode {
	display: block;
	width: 32%;
	padding: 4px 0;
	height: 0.5rem;
	margin-bottom: 0.18rem;
	outline: none;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	color: #002d4b;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: none;
	border-bottom: 1px solid #d7dadd;
	border-radius: 0px;
	background: #f6f6f6;
	text-align: left;
	float: left;
	margin-right: 0.15rem;
	max-width: 2.75rem;
}

.feedback2 img {
	display: inline-block;
	float: left;
	margin-top: 0.1rem;
}

.feedback2 #code {
	width: 0.7rem;
}

.feedback2 .kk {
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	color: #a0a0a0;
	line-height: 0.5rem;
	margin-left: 2px;
	float: left;
}

.feedback2 .l3 {
	position: relative;
}

.feedback2 .inputbtn {
	display: inline-block;
	height: 0.58rem;
	line-height: 0.58rem;
	margin: 0;
	outline: none;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	background: #981d34;
	color: #fff;
	font-family: "微软雅黑", Arial, Sans-Serif;
	border: 0;
	cursor: pointer;
	border-radius: 0.05rem;
	text-align: center;
	background-position: right center;
	width: 2.28rem;
	float: right;
}

.feedback2 .inputbtn:hover,
.feedback2 .inputbtn.tj:hover {
	background: #831a2e;
}

.feedback2 .text:focus,
.feedback2 .text:active,
.feedback2 .text2:focus,
.feedback2 .text2:active,
.feedback2 .getcode:focus,
.feedback2 .getcode:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 2px solid #981d34;
}

.feedback2 input::-webkit-input-placeholder {
	color: #002d4b;
}

.feedback2 input:-moz-placeholder {
	color: #002d4b;
}

.feedback2 input::-moz-placeholder {
	color: #002d4b;
}

.feedback2 input:-ms-input-placeholder {
	color: #002d4b;
}

.feedback2 textarea::-webkit-input-placeholder {
	color: #002d4b;
}

.feedback2 textarea:-moz-placeholder {
	color: #002d4b;
}

.feedback2 textarea::-moz-placeholder {
	color: #002d4b;
}

.feedback2 textarea:-ms-input-placeholder {
	color: #002d4b;
}

@media screen and (max-width:1024px) {
	.feedback2Box {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.feedback2Box .contact-con {
		padding-top: 50px;
	}

	.feedback2 .inputbtn {
		height: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width:768px) {
	.feedback2Box .contact-con {
		padding-top: 30px;
	}

	.feedback2Box {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.feedback2 {
		font-size: 14px;
	}

	.feedback2 .l1 {
		width: 100%;
		margin-bottom: 0px;
	}

	.feedback2 .l2 {
		margin-bottom: 0px;
	}

	.feedback2 .inputbtn {
		float: none;
		display: block;
		clear: both;
		width: 120px;
		height: 50px;
		line-height: 50px;
	}

	.feedback2 .text,
	.feedback2 .getcode {
		height: 40px;
		padding: 4px 0;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.feedback2 .text2 {
		height: 120px;
		padding: 10px 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.feedback2 .getcode {
		margin-bottom: 40px;
		max-width: 200px;
	}
}

@media screen and (max-width:640px) {
	.feedback2 .inputbtn {
		height: 45px;
		line-height: 45px;
	}
}

@media screen and (max-width:350px) {
	.feedback2 .inputbtn {
		height: 40px;
		line-height: 40px;
	}
}


/************************index conment************************/
/*btn-view*/
.btn-view {
	text-align: center;
	margin: 0 auto;
	position: relative;
	width: 2.26rem;
	margin-top: 1rem;
}

.btn-view a {
	display: block;
	margin: 0 auto;
	cursor: pointer;
	font-weight: 400;
	color: #24445c;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #d7dadd;
	border-radius: 0.05rem;
	font-size: 0.14rem;
	font-size: clamp(12px, 0.14rem, 24px);
	line-height: 0.56rem;
}

.btn-view a span {
	z-index: 20;
	position: relative;
	text-align: center;
}

.btn-view a i {
	z-index: 20;
	position: relative;
	font-style: normal;
	color: #981d34;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	margin-right: 0.25rem;
}

.btn-view a {
	z-index: 1;
}

.btn-view a:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background-color: #981d34;
	border-radius: 0.05rem;
	transition: all 0.3s ease;
}

.btn-view a:hover:after {
	left: 0;
	width: 100%
}

.btn-view a:hover {
	color: #fff;
}

.btn-view a:hover i {
	color: #fff;
}

/*@media screen and (max-width:1220px) {
.btn-view{margin-top:90px;}
}*/
@media screen and (max-width:1024px) {
	.btn-view {
		margin-top: 70px;
	}

	.btn-view a i {
		font-size: 18px;
		margin-right: 20px;
	}
}

@media screen and (max-width:992px) {
	.btn-view {
		margin-top: 50px;
	}

	.btn-view a i {
		font-size: 16px;
		margin-right: 15px;
	}

	.btn-view {
		width: 200px;
	}
}

@media screen and (max-width:768px) {
	.btn-view {
		margin-top: 30px;
	}

	.btn-view {
		width: 150px;
	}

	.btn-view a {
		line-height: 40px;
		font-size: 12px;
	}

	.btn-view a i {
		font-size: 14px;
		margin-right: 15px;
	}
}

@media screen and (max-width:640px) {
	.btn-view a i {
		font-size: 12px;
		margin-right: 10px;
	}
}




/*indexAbout*/
.indexAbout {
	padding-top: 1rem;
	padding-bottom: 1.3rem;
	background-color: #ebeef1;
	background-image: url(/public/static/images/index-abst.png);
	background-position: center 103.723958333333333%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.indexAbout .pageTit .en {
	color: #ebeef1;
	text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
	-webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
	-moz-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
	*filter: Glow(color=#fff, strength=1)
}

.indexAbout .titleWzBox {
	padding-top: 0.2rem;
}

.indexAbout .titleWzBox .wz {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	color: #002d4b;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	line-height: 0.32rem;
	max-width: 11rem;
	max-height: 0.64rem;
	margin-bottom: 0.45rem;
}

@media screen and (max-width:1024px) {
	.indexAbout {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.indexAbout .titleWzBox .wz {
		font-size: 16px;
		line-height: 30px;
		max-height: none;
		max-width: 100%;
		width: 90%;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:992px) {
	.indexAbout {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.indexAbout .titleWzBox .wz {
		font-size: 15px;
	}
}

@media screen and (max-width:768px) {
	.indexAbout {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}




/*indexCaselist*/
.indexCaselist {
	width: 100%;
	height: 100%;
	position: relative
}

.indexCaselist .itemBg {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0%;
	max-width: none;
	max-height: none;
	background-color: #010308;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0
}

.indexCaselist .itemBg .swiper-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexCaselist .item {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 18.22916666666667% 0
}

.indexCaselist .item .list {
	font-size: 0
}

.indexCaselist .item .list {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.indexCaselist .item .list .li {
	width: 20%;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1
}

.indexCaselist .item .list .li a {
	display: inline-block
}

.indexCaselist .item .list .li .img {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: none
}

.indexCaselist .item .list .li .text {
	padding: 0 0.5rem 0.5rem 0.5rem;
	font-size: 0.13rem;
	font-size: clamp(12px, 0.13rem, 24px);
	line-height: 0.28rem;
	color: #ffffff;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}

.indexCaselist .item .list .li .t1 {
	font-size: 0.34rem;
	padding-bottom: 0.15rem;
	font-weight: 300;
	display: block;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif
}

.indexCaselist .item .list .li .t1 .en {
	margin-left: 0.2rem;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	font-weight: 100
}

.indexCaselist .item .list .li .line {
	width: 0px;
	height: 4px;
	background: #fff;
	margin-top: 0
}

.indexCaselist .item .list .li.swiper-slide-thumb-active .line {
	width: 0.4rem;
	margin-top: 0.8rem
}

.indexCaselist .item .list .li.swiper-slide-thumb-active {
	background-color: #981d34
}

.indexCaselist .item .list .li,
.indexCaselist .item .list .li .t1,
.indexCaselist .item .list .li .line {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.indexCaselist .itemBg {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

/*@media (max-width: 1800px){
.indexCaselist .item .list .li .t1{font-size:32px;}
}
@media screen and (max-width: 1520px) {
.indexCaselist .item .list .li .t1{font-size:30px;}
.indexCaselist .item .list .li .text{padding:0 40px 50px 40px;}
}
@media screen and (max-width: 1320px) {
.indexCaselist .item .list .li .t1{font-size:26px;}
.indexCaselist .item .list .li .text{padding:0 30px 50px 30px;}
}*/
@media screen and (max-width: 1220px) {
	.indexCaselist .item .list .li {
		width: 25%;
		display: block;
	}

	.indexCaselist .item .list .li .t1 {
		font-size: 24px;
	}

	.indexCaselist .item .list .li .t1 .en {
		font-size: 18px;
		margin-left: 10px;
	}

	.indexCaselist .item .list .li .text {
		padding: 0 30px 50px 30px;
	}
}

@media screen and (max-width: 1150px) {
	.indexCaselist .item {
		padding: 25% 0;
	}

	.indexCaselist .item .list .li .t1 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.indexCaselist .item .list .li .t1 .en {
		font-size: 16px;
		margin-left: 0px;
		display: block;
	}

	.indexCaselist .item .list .li .line {
		height: 3px;
	}

	.indexCaselist .item .list .li .text {
		font-size: 12px;
		line-height: 26px;
		padding: 0 20px 40px 20px;
	}
}

@media (max-width:1024px) {
	.indexCaselist {
		background: #333;
	}

	.indexCaselist .item {
		padding: 25% 0;
	}

	.indexCaselist .item .list .li {
		width: 33.33333%;
	}

	.indexCaselist .item .list .li .t1 {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.indexCaselist .item .list .li .t1 .en {
		font-size: 15px;
		margin-left: 10px;
		display: inline-block;
	}

	.indexCaselist .item .list .li .line {
		height: 2px;
	}

	.indexCaselist .item .list .li .text {
		padding: 0 20px 30px 20px;
	}

	.indexCaselist .item .list .li,
	.indexCaselist .item .list .li.swiper-slide-thumb-active {
		background-color: transparent;
	}

	.indexCaselist .item .list .li .line,
	.indexCaselist .item .list .li.swiper-slide-thumb-active .line {
		width: 40px;
		margin-top: 80px;
	}

	.indexCaselist .item .list .li .img {
		display: block !important;
	}

	.indexCaselist .itemBg {
		display: none;
	}
}

@media (max-width:768px) {
	.indexCaselist .item .list .li {
		width: 50%;
	}
}

@media (max-width:761px) {
	.indexCaselist .item {
		padding: 30% 0;
	}

	.indexCaselist .item .list .li {
		width: 100%;
	}

	.indexCaselist .item .list .li .t1 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.indexCaselist .item .list .li .t1 .en {
		font-size: 16px;
		margin-left: 15px;
	}

	.indexCaselist .item .list .li .line {
		height: 3px;
	}

	.indexCaselist .item .list .li .text {
		font-size: 12px;
		line-height: 24px;
		padding: 50px 20px 40px 20px;
	}
}

@media (max-width:640px) {
	.indexCaselist .item {
		padding: 40vw 0;
	}
}




/*indexFangan*/
.indexFangan {
	padding-top: 1.7rem;
	overflow: hidden;
	width: 100%;
}

.indexFangan .btn-view {
	margin: 0;
	margin-top: 0.5rem;
	text-align: left;
}

.indexFangan .pageTit {
	text-align: left;
}

.indexFangan .pageTit .cn {
	left: 0.45rem;
	right: auto;
	margin: 0;
	top: 0.1rem;
}

.indexFangan .pageTit .en {
	margin: 0;
}

.indexFangan .wbox1 {
	float: left;
	width: 44.79166666666667%;
	overflow: hidden;
}

.indexFangan .wbox2 {
	float: right;
	width: 55.20833333333333%;
}

.indexFangan .wbox3 {
	width: 100%;
}

/*module-hotsale*/
.module-hotsale {
	padding-left: 18.6%;
}

.module-hotsale .box {
	max-width: 3.3rem;
	padding-left: 0.9rem;
}

.module-hotsale .img {
	margin-bottom: 0.7rem;
}

.module-hotsale .title {
	font-size: 0.4rem;
	line-height: 0.4rem;
	margin-bottom: 0.5rem;
	color: #002d4b;
}

.module-hotsale .bjb,
.module-hotsale .bjb p {
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.34rem;
	height: 1.02rem;
	padding: 0;
	overflow: hidden;
	color: #002d4b;
}

.module-hotsaleImg {
	overflow: hidden;
}

.module-hotsaleImg img {
	max-width: 100%;
	height: auto;
}

.module-hotsaleImg .box {
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 60.37735849056604%;
}

.module-hotsaleImg .box a {
	display: block
}

.module-hotsaleImg .box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	max-width: none;
	height: 100%
}

/*@media screen and (max-width: 1680px) {.module-hotsale .img{max-width: 500px;margin-bottom: 60px;}
.module-hotsale .title {font-size: 30px;}}
@media screen and (max-width: 1440px) {.module-hotsale .img{max-width: 450px;margin-bottom: 50px;}
.module-hotsale .title {font-size: 28px;}.module-hotsaleImg .box{padding-bottom:550px;}.module-hotsale{padding-left:10%;}}
@media screen and (max-width: 1280px) {.module-hotsale .img{max-width: 400px;margin-bottom: 40px;}
.module-hotsale .title {font-size: 26px;}.module-hotsale{padding-left:5%;}}
@media screen and (max-width: 1199px) {.module-hotsale .img{max-width: 350px;margin-bottom: 30px;}
.module-hotsale .title {font-size: 24px;}
}*/
@media screen and (max-width: 1220px) {
	.module-hotsale {
		padding-left: 9%;
	}
}

@media screen and (max-width: 1024px) {
	.indexFangan {
		padding-top: 70px;
	}

	.indexFangan .wbox1 {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.indexFangan .wbox2 {
		float: none;
		width: 100%;
	}

	.indexFangan .wbox3 {
		width: 100%;
	}

	.module-hotsale {
		padding-left: 3%;
	}

	.module-hotsale .box {
		max-width: 330px;
		padding-left: 45px;
	}

	.module-hotsaleImg .box {
		padding-bottom: 60.37735849056604%;
	}
}

@media screen and (max-width: 991px) {
	.module-hotsale .img {
		max-width: 300px;
		margin-bottom: 20px;
	}

	.module-hotsale .title {
		font-size: 22px;
	}
}

@media screen and (max-width: 767px) {
	.module-hotsale {
		margin-bottom: 30px;
	}

	.module-hotsale .img {
		margin-bottom: 10px;
		max-width: 280px;
	}

	.module-hotsale .title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.module-hotsale .bjb,
	.module-hotsale .bjb p {
		font-size: 14px;
		line-height: 26px;
		height: 78px;
	}
}

@media screen and (max-width: 575px) {
	.module-hotsale .img {
		max-width: 250px;
	}

	.module-hotsale .title {
		font-size: 18px;
	}
}



/*module-hotsaleDian*/
.module-hotsaleDian {
	position: relative;
	padding: 0.4rem 0;
}

.module-hotsaleDian .swiper-pagination {
	top: 50%;
	left: 46.6%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: left
}

.module-hotsaleDian .my-bullet {
	display: inline-block;
	background: #eaeaea;
	opacity: 1;
	outline: none;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 0.08rem;
}

.module-hotsaleDian .my-bullet-active {
	opacity: 1;
	background: #981d34;
	width: 0.36rem;
}

@media screen and (max-width: 1024px) {
	.module-hotsaleDian {
		padding: 35px 0;
	}
}

@media screen and (max-width: 991px) {
	.module-hotsaleDian {
		padding: 30px 0;
	}
}

@media screen and (max-width: 767px) {
	.module-hotsaleDian {
		padding: 25px 0;
	}
}

@media screen and (max-width: 575px) {
	.module-hotsaleDian {
		padding: 20px 0;
	}
}




/*indexPro*/
.indexPro .Probox {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.indexPro .swiper-slide {
	width: 20%;
}

.indexPro .item {
	display: block;
	cursor: pointer;
	border-right: 1px solid #ebeef1;
	position: relative;
	overflow: hidden;
	padding: 0.5rem;
}

.indexPro .item:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #2e2e31;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1;
}

.indexPro .img {
	display: block;
	position: relative;
	width: 100%;
	padding: 50% 0;
}

.indexPro .img img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	object-fit: contain;
	margin: auto auto;
}

.indexPro .item,
.indexPro .item:before,
.indexPro .img:before,
.indexPro .img img,
.indexPro .img,
.indexPro .item {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
}

.indexPro .item:hover .img img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.indexPro .text {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	margin: auto;
	transform: translate(0, -50%);
	opacity: 0;
	filter: alpha(opacity=0);
}

.indexPro .text .m {
	background: url("/public/static/images/more.png") center center no-repeat;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 0.2rem;
	width: 0.26rem;
	height: 0.26rem;
}

.indexPro .text .tit2 {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 300;
	display: block;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.5rem;
	height: 0.5rem;
}

.indexPro .item:hover .text {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1
}

.indexPro .item:hover:before {
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1
}

/*indexPro swiper-pagination*/
.indexPro .swiper-pagination {
	bottom: 0
}

.indexPro .swiper-pagination span {
	width: 0.12rem;
	height: 0.12rem;
	background: #aaa;
	border-radius: 50%;
	margin: 0 0.07rem
}

.indexPro .swiper-pagination span.swiper-pagination-bullet-active {
	background: #2796c3
}

/*indexPro swiper-button*/
.indexPro .swiper-button-prev {
	transition: 0.4s;
	opacity: 1;
	width: 0.12rem;
	height: 0.22rem;
	top: 0.15rem;
	margin: 0;
	left: auto;
	right: 0.3rem;
	outline: none;
	background: url("/public/static/images/arrow-left2.png") center center no-repeat;
	background-size: 0.12rem;
	display: none
}

.indexPro .swiper-button-next {
	transition: 0.4s;
	opacity: 1;
	width: 0.12rem;
	height: 0.22rem;
	top: 0.15rem;
	margin: 0;
	right: 0;
	outline: none;
	background: url("/public/static/images/arrow-right2.png") center center no-repeat;
	background-size: 0.12rem;
	display: none
}

.indexPro .swiper-button-prev.swiper-button-disabled {
	background-image: url("/public/static/images/arrow-left.png")
}

.indexPro .swiper-button-next.swiper-button-disabled {
	background-image: url("/public/static/images/arrow-right.png")
}

@media screen and (max-width: 991px) {
	.indexPro .swiper-slide {
		width: 33.333%;
	}
}

@media screen and (max-width: 767px) {
	.indexPro .swiper-slide {
		width: 50%;
	}
}


/*indexPro btn-view*/
.indexPro .btn-view {
	width: 100%;
	background: #ebeef1;
	margin: 0;
}

.indexPro .btn-view a {
	margin: 0;
	border: none;
	width: 100%;
	display: block;
	border-radius: 0;
	line-height: 1rem;
}

.indexPro .btn-view a:before,
.indexPro .btn-view a:after {
	display: none;
}

.indexPro .btn-view a:hover {
	background: #981d34;
}

/*@media screen and (max-width: 1520px) {
	.indexPro .btn-view a{line-height:90px}
}
@media screen and (max-width: 1320px) {
	.indexPro .btn-view a{line-height:85px}.indexPro .item{padding:40px;}
}
@media screen and (max-width: 1220px) {
	.indexPro .btn-view a{line-height:80px}.indexPro .item{padding:30px;}
}*/
@media screen and (max-width: 1024px) {
	.indexPro .btn-view a {
		line-height: 70px
	}

	.indexPro .item {
		padding: 30px;
	}
}

@media screen and (max-width: 991px) {
	.indexPro .btn-view a {
		line-height: 60px
	}
}

@media screen and (max-width: 768px) {
	.indexPro .swiper-slide {
		line-height: 50px;
	}
}

@media screen and (max-width: 640px) {
	.indexPro .item {
		padding: 6.25vw;
	}
}



/*indexYoushi*/
.indexYoushi {
	padding-top: 1.1rem;
}

.indexYoushi .pageTit {
	margin-bottom: -0.1rem;
	padding-top: 0.65rem;
	padding-bottom: 0;
}

.indexYoushi .pageTit .cn {
	top: 0;
}

/*indexYoushilist*/
.indexYoushilist {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.indexYoushilist .list {
	font-size: 0
}

.indexYoushilist ul li {
	width: 50%;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.indexYoushilist ul li a {
	display: block;
	position: relative;
	height: 9.4rem
}

.indexYoushilist ul li .img {
	position: relative;
	overflow: hidden;
	padding: 4.7rem 0
}

.indexYoushilist ul li .img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #981d34;
	background: url("/public/static/images/index-youshi-img1.jpg") center center no-repeat #981d34;
	background-size: 100%;
	left: 0;
	top: 0;
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 1;
	visibility: hidden
}

.indexYoushilist ul li.on a .img:after,
.indexYoushilist ul li a:hover .img:after {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible
}

.indexYoushilist ul li .img img {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	/*-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	max-height: none
}

.indexYoushilist ul li .text {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.indexYoushilist ul li .text .textBox {
	padding: 0.3rem 0.6rem 0.5rem 0.6rem
}

.indexYoushilist ul li .t1 {
	font-size: 0.5rem;
	line-height: 0.5rem;
	padding-bottom: 0.66rem;
	text-align: center;
	color: #ffffff;
	background: url("/public/static/images/index-youshi-v.png") center bottom no-repeat;
	background-size: 0.24rem;
	display: block
}

.indexYoushilist ul li .t1 .en {
	font-size: 0.66rem;
	color: #ffffff;
	font-family: Aparajita, Arial, Helvetica, sans-serif
}

.indexYoushilist ul li .wz {
	max-width: 5.5rem;
	width: 90%;
	margin: 0 auto;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.32rem;
	color: #ffffff;
	text-align: center;
	padding-top: 22.34042553191489%
}

.indexYoushilist ul li .line {
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5.319148936170213%;
	margin: 0 auto;
	text-align: center
}

.indexYoushilist ul li .line span {
	padding: 0 1.05rem;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	color: #ffffff;
	display: inline-block;
	font-family: Tunga, Arial, Helvetica, sans-serif;
	position: relative
}

.indexYoushilist ul li .line span:before {
	content: '';
	display: block;
	width: 0.93rem;
	height: 1px;
	background-color: #fff;
	left: 0;
	top: 50%;
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1
}

.indexYoushilist ul li .line span:after {
	content: '';
	display: block;
	width: 0.93rem;
	height: 1px;
	background-color: #fff;
	right: 0;
	top: 50%;
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1
}

.indexYoushilist ul li,
.indexYoushilist ul li .line span:before,
.indexYoushilist ul li .line span:after,
.indexYoushilist ul li .t1,
.indexYoushilist ul li .img:after,
.indexYoushilist ul li .wz,
.indexYoushilist ul li .line {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.indexYoushilist ul li .img,
.indexYoushilist ul li .img img {
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out
}

.indexYoushilist ul li a:hover .wz {
	padding-top: 15%
}

.indexYoushilist ul li a {
	height: 100%
}

.indexYoushilist ul li .img {
	padding: 50% 0
}

.indexYoushilist ul li a:hover .line span:before,
.indexYoushilist ul li a:hover .line span:after {
	width: 0.63rem;
}

/*@media screen and (max-width: 1220px) {
	.indexYoushi{padding-top:100px;}
	.indexYoushi .pageTit{padding-top:50px;}
	.indexYoushilist ul li a{height:100%;}
	.indexYoushilist ul li .img{padding:50% 0;}
}*/
@media screen and (max-width: 1024px) {
	.indexYoushi {
		padding-top: 70px;
	}

	.indexYoushi .pageTit {
		padding-top: 30px;
	}

	.indexYoushilist ul li a {
		height: 100%;
	}

	.indexYoushilist ul li .img {
		padding: 50% 0;
	}

	.indexYoushilist ul li .t1 {
		font-size: 30px;
		line-height: 30px;
		padding-bottom: 26px;
		background-size: 20px;
	}

	.indexYoushilist ul li .t1 .en {
		font-size: 36px;
	}

	.indexYoushilist ul li .wz {
		width: 94%;
		font-size: 14px;
		line-height: 20px;
		padding-top: 10%;
	}

	.indexYoushilist ul li .line span {
		padding: 0 75px;
		font-size: 20px;
		color: #ffffff;
		display: inline-block;
		font-family: Tunga, Arial, Helvetica, sans-serif;
		position: relative;
	}

	.indexYoushilist ul li .line span:before,
	.indexYoushilist ul li .line span:after {
		width: 53px;
	}
}

@media screen and (max-width: 768px) {
	.indexYoushi {
		padding-top: 50px;
	}

	.indexYoushi .pageTit {
		padding-top: 30px;
	}

	.indexYoushilist ul li .t1 {
		font-size: 26px;
		line-height: 26px;
	}

	.indexYoushilist ul li .t1 .en {
		font-size: 30px;
	}

	/*.indexYoushilist ul li.on a .img:after{filter: alpha(opacity=0);opacity:0;visibility:hidden;}*/
	.indexYoushilist ul li a:hover .img:after {
		filter: alpha(opacity=0);
		opacity: 0;
		visibility: hidden;
	}

	.indexYoushilist ul li.on a .img:after {
		opacity: 1;
		filter: alpha(opacity=100);
		visibility: visible;
	}
}

@media screen and (max-width: 751px) {
	.indexYoushilist ul li {
		width: 100%;
	}
}




/**********************************************pageAdv**********************************************/

/*.pageAdv1*/
.pageAdv1 {
	padding-top: 1.05rem
}

.pageAdvList1 {
	font-size: 0;
	max-width: 13.56rem;
	width: 94%;
	margin: 0 auto;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}

.pageAdvList1 li {
	width: 50%;
	height: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1;
	vertical-align: top;
	margin-bottom: 0.2rem;
}

.pageAdvList1 li .item {
	display: block;
	padding: 1.35rem 0.5rem 0.5rem 0.5rem;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.3rem;
	color: #595959;
	background: url("/public/static/images/adv1-tu.jpg") center top no-repeat #f7f7f7;
	background-size: 100%;
	min-height: 2.8rem;
	margin: 0 0.33rem;
	border-bottom-right-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.pageAdvList1 li h1 {
	font-size: 0.3rem;
	line-height: 0.3rem;
	padding-bottom: 0.1rem;
	color: #002d4b;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 300;
}

.pageAdvList1 li .item:hover {
	-webkit-transform: translateY(-0.1rem);
	-moz-transform: translateY(-0.1rem);
	-o-transform: translateY(-0.1rem);
	-ms-transform: translateY(-0.1rem);
	transform: translateY(-0.1rem);
}

/*@media (max-width: 1300px) {
.pageAdvList1 li .item{margin:0 30px;}
.pageAdvList1 li h1{font-size:28px;}
}
@media screen and (max-width: 1220px) {
.pageAdvList1 li .item{margin:0 20px;}
.pageAdvList1 li h1{font-size:26px;}
}*/
@media screen and (max-width: 1024px) {
	.pageAdvList1 li .item {
		margin: 0 15px;
		font-size: 14px;
		line-height: 26px;
	}

	.pageAdvList1 li h1 {
		font-size: 24px;
	}
}

@media screen and (max-width: 768px) {
	.pageAdvList1 li .item {
		margin: 0 10px;
		padding: 100px 30px 50px 30px;
	}

	.pageAdvList1 li h1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 751px) {
	.pageAdvList1 li {
		width: 100%;
	}

	.pageAdvList1 li .item {
		margin: 0;
		padding: 70px 30px 50px 30px;
		min-height: 0;
	}

	.pageAdvList1 li h1 {
		font-size: 24px;
	}
}

/*bigimg*/
.bigimg {
	padding: 15.10416666666667% 0;
	overflow: hidden;
	position: relative;
}

.bigimg img {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*pageAdvBox*/
.pageAdvBox {
	font-size: 0;
	max-width: 12rem;
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.pageAdvBox .wz {
	padding-left: 50%;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.34rem;
	color: #002d4b;
}

.pageAdvBox .wz .wzB {
	padding-top: 2.3rem;
	padding-bottom: 0.8rem;
}

/*pageTit2*/
.pageTit2 {
	text-align: center;
	margin-bottom: 1.1rem
}

.pageTit2 .en {
	display: block;
	font-size: 0.8rem;
	color: #d8d8d8;
	line-height: 0.6rem;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	letter-spacing: -2px;
}

.pageTit2 .cn {
	display: block;
	font-size: 0.4rem;
	color: #002d4b;
	line-height: 0.46rem;
}

.pageTit2.pos {
	max-width: 4rem;
	position: absolute;
	left: 5.416666666666667%;
	top: -0.34rem;
	text-align: left;
}

.pageTit2.pos .en {
	margin-bottom: 0.25rem;
}

/*@media screen and (max-width: 1220px) {
.pageTit2{margin-bottom:90px;}
.pageTit2 .en{font-size:60px;line-height:40px;}
.pageTit2 .cn{font-size:30px;line-height:36px; }
}*/
@media screen and (max-width: 1024px) {
	.bigimg {
		padding: 20% 0;
	}

	.bigimg img {
		max-width: none;
		height: 100%;
	}

	.pageTit2 {
		margin-bottom: 70px;
	}

	.pageTit2 .en {
		font-size: 50px;
		line-height: 40px;
	}

	.pageTit2 .cn {
		font-size: 28px;
		line-height: 30px;
	}

	.pageAdvBox .wz .wzB {
		padding-top: 120px;
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 768px) {
	.bigimg {
		padding: 25% 0;
	}

	.pageTit2 {
		margin-bottom: 50px;
	}

	.pageTit2.pos {
		position: relative;
		left: 0%;
		top: 50px;
	}

	.pageTit2.pos .en {
		margin-bottom: 0px;
	}

	.pageTit2 .en {
		font-size: 40px;
		line-height: 40px;
	}

	.pageTit2 .cn {
		font-size: 26px;
		line-height: 30px;
	}

	.pageAdvBox .wz {
		padding-left: 0;
		font-size: 14px;
		line-height: 26px;
	}

	.pageAdvBox .wz .wzB {
		padding-top: 30px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 751px) {
	.pageTit2 .en {
		font-size: 30px;
		line-height: 30px;
	}

	.pageTit2 .cn {
		font-size: 24px;
		line-height: 30px;
	}
}

/*pageAdvList2*/
.pageAdvList2 {
	padding-top: 1.3rem;
	padding-bottom: 0.95rem;
	max-width: 12.9rem;
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.pageAdvList2 table td {
	width: 33.333333%;
	padding: 0 4%;
	text-align: center;
	font-size: 0.18rem;
	font-size: clamp(12px, 0.18rem, 24px);
	line-height: 0.34rem;
	color: #002d4b;
	letter-spacing: -1px;
	padding-top: 0.75rem;
	padding-bottom: 0.6rem;
	vertical-align: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.pageAdvList2 table td img {
	width: 0.75rem;
	margin-bottom: 0.6rem;
}

.pageAdvList2 table td h1 {
	display: block;
	font-size: 0.32rem;
	color: #002d4b;
	line-height: 0.46rem;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 0.13rem;
}

.pageAdvList2 table td:hover {
	background: #f7f7f7;
	box-shadow: 0.05rem 0px 0.21rem rgba(0, 0, 0, 0.1);
}

/*@media screen and (max-width: 1520px) {
.pageAdvList2{ padding-top:120px;padding-bottom:85px}
.pageAdvList2 table td h1{font-size:30px; line-height:32px;}
}
@media screen and (max-width: 1320px) {	.pageAdvList2{ padding-top:100px;padding-bottom:75px}
.pageAdvList2 table td h1{font-size:28px; line-height:30px;}
}
@media screen and (max-width: 1220px) {
.pageAdvList2{ padding-top:90px;padding-bottom:55px}
.pageAdvList2 table td h1{font-size:26px;line-height:30px;}
.pageAdvList2 table td img{ max-width:70px; margin-bottom:40px;}
.pageAdvList2 table td{font-size:16px; line-height:30px;padding-top:65px;padding-bottom:50px;}
}*/
@media screen and (max-width: 1024px) {
	.pageAdvList2 {
		padding-top: 70px;
		padding-bottom: 35px
	}

	.pageAdvList2 table td h1 {
		font-size: 26px;
		line-height: 30px;
	}

	.pageAdvList2 table td {
		font-size: 14px;
		line-height: 28px;
		padding-top: 55px;
		padding-bottom: 40px;
	}

	.pageAdvList2 table td img {
		width: 60px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 992px) {
	.pageAdvList2 table td h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.pageAdvList2 table td img {
		width: 50px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.pageAdvList2 {
		padding-top: 50px;
		padding-bottom: 45px
	}

	.pageAdvList2 table td h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.pageAdvList2 table td {
		width: 100%;
		display: block !important;
		padding-top: 35px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 751px) {
	.pageAdvList2 table td h1 {
		font-size: 20px;
	}
}



/*pageAdvList3*/
.pageAdvList3 {
	padding-top: 1.4rem;
	padding-bottom: 0.8rem;
	max-width: 15.69rem;
	width: 94%;
	margin: 0 auto;
	position: relative
}

.pageAdvList3 .Advul {
	font-size: 0
}

.pageAdvList3 .Advul li {
	width: 33.33333%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1;
	vertical-align: top;
	margin-bottom: 0.2rem
}

.pageAdvList3 .Advul li .item {
	padding: 1.35rem 0.5rem 0.5rem 0.5rem;
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	line-height: 0.3rem;
	color: #595959;
	background: url("/public/static/images/adv-qa.jpg") center top no-repeat #fff;
	background-size: 100%;
	min-height: 3.43rem;
	margin: 0 0.13rem;
	position: relative
}

.pageAdvList3 .Advul li .item {
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	line-height: 0.34rem;
	color: #002d4b;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 300
}

.pageAdvList3 .Advul li .item .wz {
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0.5rem;
	left: 0.5rem;
	margin: auto auto;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

/*@media screen and (max-width: 1520px) {
	.pageAdvList3{ padding-top:120px;padding-bottom:85px}
	.pageAdvList3 .Advul li .item{padding:125px 50px 50px 50px;min-height:303px;}
}
@media screen and (max-width: 1320px) {	
.pageAdvList3{ padding-top:100px;padding-bottom:75px}
.pageAdvList3 .Advul li .item{padding:105px 50px 50px 50px;min-height:293px;}
}
@media screen and (max-width: 1220px) {
.pageAdvList3{ padding-top:90px;padding-bottom:55px}
.pageAdvList3 .Advul li .item{font-size:16px;line-height:30px;min-height:253px;padding:85px 30px 30px 30px;}
.pageAdvList3 .Advul li .item .wz{ right:30px;left:30px;font-size:14px;line-height:26px}
}*/
@media screen and (max-width: 1024px) {
	.pageAdvList3 {
		padding-top: 70px;
		padding-bottom: 40px
	}

	.pageAdvList3 .Advul li .item {
		font-size: 16px;
		line-height: 30px;
		min-height: 253px;
		padding: 85px 30px 30px 30px;
	}

	.pageAdvList3 .Advul li .item .wz {
		right: 30px;
		left: 30px;
		font-size: 14px;
		line-height: 26px
	}
}

@media screen and (max-width: 992px) {
	.pageAdvList3 .Advul li .item {
		font-size: 16px;
		line-height: 30px;
		min-height: 200px;
		padding: 35px 30px 30px 30px;
	}
}

@media screen and (max-width: 768px) {
	pageAdvList3 {
		padding-top: 70px;
		padding-bottom: 35px
	}

	.pageAdvList3 .Advul {
		text-align: center;
	}

	.pageAdvList3 .Advul li {
		width: 100%;
		max-width: 490px;
		margin: 0 auto;
	}

	.pageAdvList3 .Advul li .item {
		font-size: 16px;
		line-height: 26px;
		min-height: 200px;
	}

	.pageAdvList3 .Advul li .item .wz {
		font-size: 16px;
		line-height: 26px
	}
}



/*pageAdv4 advAd*/
.pageAdv4 {
	background: #fff
}

.pageAdv4 .advAd {
	padding: 14.0625% 0;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin-bottom: -90PX
}

.pageAdv4 .advAd video {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	object-fit: cover
}

.pageAdv4 .advAd .wz {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	max-width: 10.5rem;
	width: 90%;
	text-align: center
}

.pageAdv4 .advAd .wz p {
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	line-height: 0.42rem
}

/*@media screen and (max-width: 1320px) {
.pageAdv4 .advAd{margin-bottom:-50PX;}	
}
@media screen and (max-width: 1220px) {
.pageAdv4 .advAd{padding:16% 0;margin-bottom:-50PX;}
.pageAdv4 .advAd .wz p{font-size:18px;line-height:32px; }
}*/
@media screen and (max-width: 1024px) {
	.pageAdv4 .advAd {
		padding: 15% 0;
		margin-bottom: -30PX;
		background-attachment: inherit;
	}

	.pageAdv4 .advAd .wz p {
		font-size: 18px;
		line-height: 32px;
	}

	.pageAdv4 .advAd .wz {
		position: relative;
		top: 0%;
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@media screen and (max-width: 768px) {
	.pageAdv4 .advAd {
		padding: 18% 0;
	}

	.pageAdv4 .advAd .wz p {
		font-size: 16px;
		line-height: 26px;
	}
}

@media screen and (max-width: 751px) {
	.pageAdv4 .advAd .wz p {
		font-size: 14px;
		line-height: 24px;
	}
}

/*pageAdv4 pageAdvList4*/
.pageAdv4 {
	padding-bottom: 0.23rem
}

.pageAdv4 .pageAdvInfo {
	background: #FFF;
	position: relative;
	z-index: 2;
	min-height: 4rem;
	padding: 0 8.375%
}

.pageAdv4 .pageTit2.pos {
	max-width: 4rem;
	position: absolute;
	left: 8.375%;
	top: 50%;
	text-align: left;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.pageAdv4 .pageTit2.pos .cn {
	font-size: 0.3rem;
	line-height: 0.4rem
}

.pageAdv4 .line {
	width: 0.3rem;
	height: 3px;
	background: #981d34;
	margin-top: 0.35rem
}

.pageAdvList4 {
	padding-left: 50%;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem
}

.pageAdvList4 .Advul {
	font-size: 0
}

.pageAdvList4 .Advul li {
	width: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 1;
	vertical-align: top;
	margin-bottom: 0.16rem
}

.pageAdvList4 .Advul li .item {
	padding: 0.62rem 0.45rem 0.62rem 0.45rem;
	background: #f7f7f7;
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	line-height: 0.36rem;
	color: #002d4b;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 300;
	border-radius: 0.1rem
}

.pageAdvList4 .Advul li .item .wz {
	padding-left: 0.56rem;
	background: url("/public/static/images/adv-v.png") left 0.1rem no-repeat;
	background-size: 0.26rem;
	text-align: left
}

.pageAdvList4 .Advul li .item,
.pageAdvList4 .Advul li .item .wz {
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-ms-transition: background 0.3s;
	transition: background 0.3s
}

.pageAdvList4 .Advul li .item:hover .wz {
	background-image: url("/public/static/images/index-youshi-v.png")
}

.pageAdvList4 .Advul li .item:hover {
	background: #1E2482;
	color: #fff
}

/*@media screen and (max-width: 1320px) {
.pageAdv4 .pageTit2.pos .cn{font-size:28px;line-height:36px; }
.pageAdvList4 .Advul li .item{padding:52px 45px 52px 45px;}
}
@media screen and (max-width: 1220px) {
.pageAdv4 .pageAdvInfo{padding:0 4%;}
.pageAdv4 .pageTit2.pos{left:4%;}
.pageAdv4 .pageTit2.pos .cn{font-size:26px;line-height:32px; }
.pageAdvList4{padding-top:70px;padding-bottom:70px;}
.pageAdvList4 .Advul li .item{padding:45px 45px 45px 45px;}
}*/
@media screen and (max-width: 1024px) {
	.pageAdv4 {
		padding-bottom: 0;
	}

	.pageAdv4 .pageAdvInfo {
		padding: 0 4%;
	}

	.pageAdv4 .pageTit2.pos {
		left: 4%;
	}

	.pageAdv4 .pageTit2.pos .cn {
		font-size: 24px;
		line-height: 30px;
	}

	.pageAdvList4 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pageAdvList4 .Advul li .item {
		padding: 40px 30px;
		font-size: 18px;
		line-height: 30px;
	}

	.pageAdvList4 .Advul li .item .wz {
		padding-left: 40px;
		background-size: 20px;
	}
}

@media screen and (max-width: 992px) {
	.pageAdv4 .pageTit2.pos {
		max-width: 400px;
		position: relative;
		left: 0;
		top: 50px;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	.pageAdv4 .pageTit2.pos .cn {
		font-size: 30px;
		line-height: 40px;
	}

	.pageAdvList4 {
		padding-left: 0;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.pageAdvList4 .Advul li .item .wz {
		padding-left: 40px;
		background-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.pageAdvList4 .Advul li .item {
		font-size: 16px;
		line-height: 30px;
	}
}




/*pageAdv5 advAd*/
.pageAdv5 {
	position: relative;
	background: #f5f5f5;
	background-size: 100%;
	overflow: hidden;
}

.pageAdv5 .advAd {
	padding: 14.0625% 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	z-index: 2;
}

.pageAdv5 .advAd video {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	object-fit: cover;
}

.pageAdv5 .advAd .wz {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	max-width: 1050px;
	width: 90%;
	text-align: center;
}

.pageAdv5 .advAd .wz p {
	font-size: 0.2rem;
	font-size: clamp(12px, 0.2rem, 24px);
	line-height: 0.42rem;
}

@media screen and (max-width: 992px) {
	.pageAdv5 .advAd {
		padding: 28.125% 0;
	}
}


/*pageAdvList5*/
.pageAdvList5 {
	padding-top: 1.8rem;
	max-width: 16rem;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 3
}

.pageAdvList5 .pageAdvList5B {
	background: #fff;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem
}

.pageAdvList5 .Advul {
	font-size: 0;
	position: relative
}

.pageAdvList5 .Advul:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e9e9e9
}

.pageAdvList5 .Advul:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0.1rem;
	height: 0.1rem;
	margin-left: -0.05rem;
	background: #e9e9e9;
	border-radius: 50%
}

.pageAdvList5 .Advul td {
	width: 50%;
	position: relative;
	z-index: 1;
	vertical-align: top
}

.pageAdvList5 .Advul td.item {
	padding: 0.54rem 0.45rem 0.75rem 0.45rem;
	font-size: 12px;
	font-size: 0.15rem;
	font-size: clamp(12px, 0.15rem, 24px);
	line-height: 0.34rem;
	color: #002d4b;
	position: relative
}

.pageAdvList5 .Advul td.item:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 0.37rem;
	height: 0.05rem;
	background: #981d34
}

.pageAdvList5 .Advul td.item .wz {
	max-width: 4.8rem;
	width: 90%;
	margin: 0 auto;
	text-align: left
}

.pageAdvList5 .Advul td.item h1 {
	display: block;
	font-size: 0.4rem;
	color: #002d4b;
	line-height: 0.44rem;
	font-family: '思源黑体 CN', 'SourceHanSansCN-Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, "PingFangSC-Regular", Verdana, sans-serif;
	font-weight: 500;
	letter-spacing: -1px;
	max-width: 3rem;
	margin: 0 auto;
	margin-bottom: 0.45rem;
	text-align: center
}

/*@media screen and (max-width: 1520px) {
   .pageAdvList5 .Advul td.item h1{font-size:36px;line-height:40px;}
}
@media screen and (max-width: 1320px) {	
   .pageAdvList5 .Advul td.item h1{font-size:34px;line-height:38px;}

}
@media screen and (max-width: 1220px) {
    .pageAdvList5 .Advul td.item h1{font-size:30px;line-height:32px;}	
}*/
@media screen and (max-width: 1024px) {
	.pageAdvList5 .Advul td.item h1 {
		font-size: 28px;
		line-height: 30px;
	}

	.pageAdvList5 .Advul td.item {
		padding: 50px 40px 50px 40px;
		font-size: 14px;
		line-height: 30px;
	}
}

@media screen and (max-width: 992px) {
	.pageAdvList5 .Advul td.item h1 {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.pageAdvList5 .pageAdvList5B {
		background: transparent;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.pageAdvList5 .Advul td.item h1 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.pageAdvList5 .Advul td {
		width: 100% !important;
		display: block !important;
		margin-bottom: 20px;
	}

	.pageAdvList5 .Advul td.item {
		padding: 50px 0 80px 0;
		background: #fff;
	}

	.pageAdvList5 .Advul td.item:after {
		bottom: 30px;
		width: 27px;
		height: 3px;
	}

	.pageAdvList5 .Advul:before,
	.pageAdvList5 .Advul:after {
		display: none;
	}
}

@media screen and (max-width: 751px) {
	.pageAdvList5 .Advul td.item h1 {
		font-size: 22px;
	}
}


/*pageAdv5 advbest*/
.pageAdv5 .advbest {
	position: relative;
	z-index: 3;
	padding-top: 1.05rem;
	padding-bottom: 0.95rem
}

.pageAdv5 .advbest .wz {
	text-align: center;
	max-width: 5.5rem;
	width: 90%;
	margin: 0 auto
}

.pageAdv5 .advbest .wz p {
	font-size: 0.16rem;
	font-size: clamp(12px, 0.16rem, 24px);
	color: #002d4b;
	line-height: 0.3rem
}

.pageAdv5 .advbest .wz h1 {
	text-transform: uppercase;
	display: block;
	font-size: 0.82rem;
	color: #981d34;
	font-weight: bold;
	line-height: 0.64rem;
	font-family: 'Tunga', Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	margin-top: 0.55rem;
	margin-bottom: 0.25rem
}

.pageAdv5 .advbg {
	position: absolute;
	padding: 39.47916666666667% 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("/public/static/images/adv-foryoubg.jpg") center bottom no-repeat;
	background-size: 100%;
	z-index: 1;
	/*transition:2.5s;animation:cloudMove 30s linear infinite 0.6s;width:120%;*/
}

/*@keyframes cloudMove{0%{transform:translate(0);-webkit-transform:translate(0)}100%{transform:translate(-25%);-webkit-transform:translate(-25%)}}*/
/*@media screen and (max-width: 1220px) {	
.pageAdv5 .advbest .wz p{font-size:16px;line-height:30px; }
.pageAdv5 .advbest .wz h1{ font-size:62px;line-height:58px;margin-top:50px;margin-bottom:20px;}
}
@media screen and (max-width: 1150px) {
	.pageAdv5 .advbest .wz h1{ font-size:52px;line-height:52px;margin-top:40px;margin-bottom:10px;}
}*/
@media screen and (max-width: 1024px) {
	.pageAdv5 .advbest .wz p {
		font-size: 14px;
		line-height: 26px;
	}

	.pageAdv5 .advbest .wz h1 {
		font-size: 42px;
		line-height: 42px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 992px) {
	.pageAdv5 .advbest .wz h1 {
		font-size: 36px;
		line-height: 36px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.pageAdv5 .advbest .wz h1 {
		font-size: 32px;
		line-height: 32px;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.pageAdv5 .advbest {
		padding-top: 55px;
		padding-bottom: 95px;
	}
}

.r-title {
	text-align: center;
	font-size: 0.38rem;
	font-weight: 500;
	line-height: 1;
}