/*公用*/
.template_main_color{
    color:#035cba!important;
}
.template_main_back{
    background-color:#035cba!important;
}
.template_main_border{
    border-color:#035cba!important;
}


.template_sub_color{
    color:#f9b00c!important;
}
.template_sub_back{
    background-color:#f9b00c!important;
}
.template_sub_border{
    border-color:#f9b00c!important;
}


.template_rgb_color{
    color:rgba(3,92,186,0.6)!important;
}
.template_rgb_back{
    background-color:rgba(3,92,186,0.6)!important;
}
.template_rgb_pseudo:before,.template_rgb_pseudo:after{
    background:rgba(3,92,186,0.6)!important;
}
.template_rgb_border{
    border-color:rgba(3,92,186,0.6)!important;
}
/*头部*/
@-webkit-keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(calc(-100vw - 50%),0,0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate3d(100px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0)
	}
}

@keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(calc(-100vw - 50%),0,0);
		transform: translate3d(calc(-100vw - 50%),0,0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate3d(100px,0,0);
		transform: translate3d(100px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate3d(-100px,0,0) scale3d(1.1,1.1,1)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(calc(100vw + 50%),0,0)
	}
}

@keyframes anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate3d(-100px,0,0) scale3d(1.1,1.1,1);
		transform: translate3d(-100px,0,0) scale3d(1.1,1.1,1)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(calc(100vw + 50%),0,0);
		transform: translate3d(calc(100vw + 50%),0,0)
	}
}

body {
	overflow-x: hidden
}

strong {
	font-weight: 700!important
}

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

@media screen and (max-width:1024px) {
	.container {
		width: 100%!important;
		padding: 0 .3rem
	}
}

@media screen and (max-width:1024px) {
	.List-title b {
		font-size: .32rem;
		line-height: .5rem;
		border-left: .08rem solid #0b40ae
	}
}

.img-hover {
	overflow: hidden
}

.img-hover img,.img-hover:hover img {
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s
}

.img-hover:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform .3s
}

.sidebar {
	width: 2.8rem;
	float: left
}

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

.sidebar .sidebar-title {
	height: .9rem;
	padding: .15rem .1rem
}

.sidebar .sidebar-title .ch,.sidebar .sidebar-title .en {
	font-size: .25rem;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.sidebar .sidebar-title .en {
	font-size: .17rem
}

.sidebar .column .column-title {
	background-color: #0b40ae
}

.sidebar .column .column-list ul li {
	display: block;
	width: 100%;
	border: 1px solid #e6e6e6;
	margin-top: .1rem
}

.sidebar .column .column-list ul li a {
	display: block;
	height: .42rem;
	line-height: .42rem;
	font-size: .16rem;
	color: #707070;
	text-align: center
}

.sidebar .column .column-list ul li.columnActive,.sidebar .column .column-list ul li:hover {
	border: 1px solid #0b40ae
}

.sidebar .column .column-list ul li.columnActive a,.sidebar .column .column-list ul li:hover a {
	font-weight: 700;
	color: #0b40ae
}

.sidebar .contact {
	margin-top: .3rem;
	border: 1px solid #e6e6e6
}

.sidebar .contact .contact-title {
	background: url(../images/sidebar-contact-bg.png)center center no-repeat;
	background-size: 100%auto
}

.sidebar .contact .contact-content {
	padding: .15rem .24rem .2rem
}

.sidebar .contact .contact-content .intro {
	font-size: .14rem;
	color: #707070;
	line-height: .24rem
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.sidebar .contact .contact-content .intro {
		font-size: .16rem
	}
}

.sidebar .contact .contact-content ul li {
	display: block;
	margin-top: .13rem;
	font-size: .14rem;
	line-height: 1.6;
	color: #707070
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.sidebar .contact .contact-content ul li {
		font-size: .16rem
	}
}

.sidebar .contact .contact-content ul li span {
	color: #000
}

.sidebar .contact .contact-content ul li strong {
	color: #0b40ae
}

.sidebar .contact .contact-content dl {
	margin-top: .3rem
}

.sidebar .contact .contact-content dl dt {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	overflow: hidden
}

.sidebar .contact .contact-content dl dt img {
	width: 100%;
	height: auto
}

.sidebar .contact .contact-content dl dd {
	display: inline-block;
	font-size: .14rem;
	color: #707070;
	line-height: .21rem;
	vertical-align: top;
	padding-top: .3rem
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.sidebar .contact .contact-content dl dd {
		font-size: .16rem
	}
}

div.jun-btn-group {
	text-align: center;
	font-size: 0
}

div.jun-btn-group a:last-child div.jun-btn,header.header div.header-wrapper nav.nav ul.nav-list li.list-item:last-child {
	margin-right: 0
}

div.page-title-1 h2.title {
	position: relative;
	padding-bottom: .14rem;
	font-size: .24rem;
	line-height: .3rem;
	color: #06247a;
	font-weight: 700;
	text-align: center
}

div.page-title-1 h2.title::after,div.page-title-1 h2.title::before {
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px
}

div.page-title-1 h2.title::before {
	left: 50%;
	width: .17rem;
	background-color: #06247a;
	margin-left: -.47rem;
	z-index: 1
}

div.page-title-1 h2.title::after {
	left: 50%;
	width: .95rem;
	margin-left: -.47rem;
	background-color: #fa0
}

@media screen and (max-width:1024px) {
	div.page-title-1 h2.title {
		font-size: .34rem;
		line-height: .34rem;
		color: #06247a;
		font-weight: 700;
		padding-bottom: .18rem
	}

	div.page-title-1 h2.title::before {
		width: .3rem;
		margin-left: -.65rem
	}

	div.page-title-1 h2.title::after {
		width: 1.2rem;
		margin-left: -.6rem
	}
}

.home-public-title,div.page-title-2 {
	text-align: center
}

div.page-title-2 h2 {
	font-size: .3rem;
	font-weight: 400;
	line-height: .4rem;
	position: relative
}

div.page-title-2 h2 i.after,div.page-title-2 h2 i.before {
	content: "";
	width: .93rem;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%)
}

div.page-title-2 h2 i.before {
	border-right-width: .17rem;
	border-right-style: solid;
	left: 35%
}

div.page-title-2 h2 i.after {
	border-left: .17rem solid #06247a;
	right: 35%
}

@media screen and (max-width:1024px) {
	div.page-title-2 h2 {
		font-size: .34rem
	}

	div.page-title-2 h2 i.before {
		left: 23%
	}

	div.page-title-2 h2 i.after {
		right: 23%
	}
}

img.height-auto,img.width-auto {
	width: auto!important;
	height: 100%!important;
	opacity: 1!important
}

img.height-auto {
	width: 100%!important;
	height: auto!important
}

header.header {
	white-space: nowrap
}

header.header div.header-wrapper {
	white-space: nowrap;
	background-color: #fff
}

header.header div.header-wrapper .phone-logo {
	display: none
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper .phone-logo {
		height: 100%;
		width: 80%;
		display: block;
		float: left;
		display: flex;
		align-items: center
	}
}

header.header div.header-wrapper .phone-logo .phone-logo-img {
	display: inline-block;
	height: 90%;
	width: 100%;
	position: relative;
	padding-right: .2rem;
	display: flex;
	align-items: center
}

header.header div.header-wrapper .phone-logo .phone-logo-img img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

header.header div.header-wrapper .phone-logo .phone-logo-img:after {
	content: "";
	width: 1px;
	height: .28rem;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 40%
}

header.header div.header-wrapper .phone-logo .phone-logo-test {
	padding-left: .2rem;
	padding-top: .25rem;
	vertical-align: top;
	display: none
}

header.header div.header-wrapper .phone-logo .phone-logo-test p {
	font-size: .3rem;
	color: #666
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper {
		width: 100%;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1001;
		height: .88rem;
		border-bottom: 1px solid rgba(0,0,0,.1);
		box-shadow: 0 3px 20px rgba(0,0,0,.2);
		padding: 0 .4rem
	}
}

header.header div.header-wrapper .header-welcome {
	padding: .08rem 0;
	background: #eee
}

header.header div.header-wrapper .header-welcome .header-welcome-text {
	font-size: .14rem;
	line-height: 1.5;
	color: #999
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	header.header div.header-wrapper .header-welcome .header-welcome-text {
		font-size: .16rem
	}
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper .header-welcome {
		display: none
	}
}

header.header div.header-wrapper div.company-info .left-logo {
	height: 60%;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center
}

@media screen and (max-width:1460px) {
	header.header div.header-wrapper div.company-info .left-logo {
		padding-left: 0
	}
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper div.company-info .left-logo {
		display: none
	}
}

header.header div.header-wrapper div.company-info .left-logo .left-logo-in {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

header.header div.header-wrapper div.company-info .left-logo img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

header.header div.header-wrapper div.company-info .left-logo .left-logo-name {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: .08rem;
	color: #317ee4;
	font-size: .24rem;
	line-height: 1.5
}

header.header div.header-wrapper div.company-info .header-main {
	height: 1.08rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper div.company-info {
		padding: 0;
		display: inline-block
	}
}

header.header div.header-wrapper div.slide-button,header.header div.nav-wrapper-phone {
	display: none
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper div.slide-button {
		width: .45rem;
		display: block;
		float: right;
		padding-top: .3rem
	}

	header.header div.header-wrapper div.slide-button div {
		width: 100%;
		height: 1px;
		background-color: #317ee4;
		margin-bottom: .13rem;
		transition: all .5s
	}

	header.header div.header-wrapper div.slide-button.on div.top {
		transform-origin: 0;
		transform: rotate(44deg);
		transition: transform .5s
	}

	header.header div.header-wrapper div.slide-button.on div.center {
		opacity: 0;
		transition: opacity .5s
	}

	header.header div.header-wrapper div.slide-button.on div.bottom {
		transform-origin: 0;
		transform: rotate(-44deg);
		transition: transform .5s
	}
}

header.header div.header-wrapper nav.nav {
	background: #317ee4
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper nav.nav {
		display: none
	}
}

header.header div.header-wrapper nav.nav ul.nav-list {
	font-size: 0;
	white-space: nowrap;
	display: flex;
	justify-content: space-between
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item {
	position: relative;
	padding: .13rem 0;
	display: block;
	text-align: center
}

.banner div.swiper-container img,.page-banner img,header.header div.header-wrapper nav.nav ul.nav-list li.list-item.active .line {
	width: 100%
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .line {
	content: "";
	position: absolute;
	bottom: .000001rem;
	left: 0;
	width: 0;
	height: .03rem;
	background-color: #fff;
	-webkit-transition: width .2s;
	transition: width .2s
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item:hover .line {
	width: 100%;
	-webkit-transition: width .2s;
	transition: width .2s
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item a {
	display: block;
	font: .16rem/.24rem"微软雅黑","Microsoft YaHei","SimHei","FangSong",Arial,Helvetica,sans-serif!important;
	font-size: .16rem!important;
	line-height: .24rem!important;
	color: #fff;
	font-weight: 400!important;
	letter-spacing: .8px
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255,255,255,.9);
	z-index: 100001;
	width: 100%;
	min-width: 2rem;
	max-height: calc(100vh - 1.95rem);
	display: none
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item {
	border-bottom: 1px solid #f2f2f2;
	position: relative
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item:last-child {
	border-bottom: 0 none
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item .navWrapperThree .child-three .item-three a,header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item a {
	display: block;
	text-align: center;
	padding: .1rem;
	-webkit-transition: color .2s;
	transition: color .2s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: .14rem/.24rem"微软雅黑","Microsoft YaHei","SimHei","FangSong",Arial,Helvetica,sans-serif!important;
	font-size: .14rem!important;
	line-height: .24rem!important;
	color: #4b4b4b;
	font-weight: 400!important
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item a {
	letter-spacing: 1px
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item a:hover {
	color: #002664;
	-webkit-transition: color .2s;
	transition: color .2s
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item a {
		font-size: .16rem!important
	}
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item.borderActive .icon {
	transform: rotate(90deg)
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item .navWrapperThree {
	width: 1.9rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 100001;
	background-color: rgba(250,250,250,.9);
	display: none
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item .navWrapperThree .child-three .item-three a {
	border: 0
}

header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item .navWrapperThree .child-three .item-three.threeActive a,header.header div.header-wrapper nav.nav ul.nav-list li.list-item .navWrapper .child-nav li.child-item .navWrapperThree .child-three .item-three:hover a {
	color: #16709b;
	-webkit-transition: color .2s;
	transition: color .2s
}

header.header div.header-wrapper .right-message .message-tel .message-tel-in {
	display: inline-block;
	position: relative;
	padding-left: .42rem
}

header.header div.header-wrapper .right-message .message-tel .message-tel-in span {
	display: block;
	font-size: .14rem;
	color: #333;
	line-height: 1.5;
	font-weight: 700
}

header.header div.header-wrapper .right-message .message-tel .message-tel-in span:last-child {
	font-size: .26rem;
	line-height: 1.2;
	font-family: "Sylfaen"
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	header.header div.header-wrapper .right-message .message-tel .message-tel-in span {
		font-size: .16rem
	}
}

header.header div.header-wrapper .right-message .message-tel .message-tel-in:before {
	content: "";
	width: .36rem;
	height: .36rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	background: url(../images/header-tel-img.png)left center no-repeat;
	background-size: .36rem auto
}

@media screen and (max-width:1024px) {
	header.header div.header-wrapper .right-message {
		display: none
	}
}

@media screen and (max-width:1024px) {
	header.header div.nav-wrapper-phone {
		position: fixed;
		top: .88rem;
		left: 0;
		z-index: 99999;
		background: #fff;
		width: 100%;
		height: calc(100% - .88rem);
		overflow: auto;
		padding: .3rem .45rem
	}

	header.header div.nav-wrapper-phone ul.nav-list {
		height: 100%
	}

	header.header div.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item a,header.header div.nav-wrapper-phone ul.nav-list li.list-item {
		font: .26rem/1rem"微软雅黑","Microsoft YaHei","SimHei","FangSong",Arial,Helvetica,sans-serif!important;
		font-size: .26rem!important;
		line-height: 1rem!important;
		color: #000;
		font-weight: 400!important
	}

	header.header div.nav-wrapper-phone ul.nav-list li.list-item {
		position: relative
	}

	header.header div.nav-wrapper-phone ul.nav-list li.list-item.open:after {
		content: "-"
	}

	header.header div.nav-wrapper-phone ul.nav-list li.list-item:after {
		display: none;
		position: absolute;
		top: .3rem;
		bottom: 0;
		right: 0;
		content: "+";
		font: .3rem/.35rem"微软雅黑","Microsoft YaHei","SimHei","FangSong",Arial,Helvetica,sans-serif!important;
		font-size: .3rem!important;
		line-height: .35rem!important;
		color: #000;
		font-weight: 400!important
	}

	header.header div.nav-wrapper-phone ul.nav-list li.list-item a {
		display: block;
		color: #000;
		border-bottom: 1px solid rgba(0,0,0,.1)
	}

	header.header div.nav-wrapper-phone ul.nav-list li.list-item.child:after {
		display: block
	}

	header.header div.nav-wrapper-phone ul.nav-list div.child-menu {
		display: none
	}

	header.header div.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list {
		overflow-y: auto
	}

	header.header div.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item {
		padding: 0 .4rem;
		border-bottom: 1px solid rgba(0,0,0,.1)
	}

	header.header div.nav-wrapper-phone ul.nav-list div.child-menu ul.menu-list li.menu-item a {
		border: 0
	}
}

.home-public-title h2 {
	font-size: .3rem;
	font-weight: 700;
	line-height: 1.5;
	color: #317ee4;
	letter-spacing: .05rem
}

.home-public-title h3 {
	font-size: .16rem;
	line-height: 1.5;
	color: #999
}

.home-public-title .home-public-title-icon {
	margin-top: .1rem
}

.dialog__content .messageForm-main .form-group .form-input-block,.dialog__content .messageForm-main .form-group label,.home-public-title .home-public-title-icon i,.home-public-title .home-public-title-icon span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.home-public-title .home-public-title-icon i {
	width: .21rem;
	border-bottom: .01rem solid #999
}

.home-public-title .home-public-title-icon span {
	width: .21rem;
	height: .18rem;
	background: #fff url(../images/home-public-title-icon.png)center/.21rem .18rem no-repeat;
	margin: 0 .22rem
}

@media screen and (max-width:1024px) {
	.home-public-title h2 {
		font-size: .32rem
	}

	.home-public-title h3 {
		font-size: .28rem
	}

	.home-public-title .home-public-title-icon {
		margin-top: .1rem
	}

	.home-public-title .home-public-title-icon i {
		width: .31rem
	}

	.home-public-title .home-public-title-icon span {
		width: .315rem;
		height: .27rem;
		background-size: .315rem .27rem
	}
}

div.crumbs {
	background-color: #f9f9f9;
	padding-top: .23rem;
	height: .6rem
}

div.crumbs ul.crumbs-list li.list-item {
	display: inline-block
}

div.crumbs ul.crumbs-list li.list-item img.crumbs-index-icon {
	display: inline-block;
	margin-top: -.03rem;
	vertical-align: middle;
	width: .2rem
}

div.crumbs ul.crumbs-list li.list-item i.next {
	display: inline-block;
	font-weight: 700;
	color: #c2c2c2
}

div.crumbs ul.crumbs-list li.list-item:last-child i.next {
	display: none
}

div.crumbs ul.crumbs-list li.list-item a {
	font: .14rem/1"微软雅黑","Microsoft YaHei","SimHei","FangSong",Arial,Helvetica,sans-serif!important;
	font-size: .14rem!important;
	line-height: 1!important;
	color: #c2c2c2;
	font-weight: 400!important
}

@media screen and (max-width:1024px) {
	div.crumbs ul.crumbs-list li.list-item a {
		font-size: .26rem!important
	}
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	div.crumbs ul.crumbs-list li.list-item a {
		font-size: .16rem!important
	}
}

@media screen and (max-width:1024px) {
	div.crumbs {
		padding-top: .13rem
	}
}

.public-list-title h3,.public-list-title h4 {
	text-align: center;
	font-size: .36rem;
	font-weight: 700;
	color: #203a57
}

@media screen and (max-width:1024px) {
	.public-list-title h3 {
		font-size: .4rem
	}
}

.public-list-title h4 {
	font-size: .24rem;
	color: #ee7e00
}

@media screen and (max-width:1024px) {
	.public-list-title h4 {
		font-size: .3rem
	}
}

.noData {
	text-align: center;
	margin: .5rem 0;
	font-size: .16rem;
	display: none
}

@media screen and (max-width:1024px) {
	.noData {
		font-size: .28rem
	}
}

.lg-outer {
	width: 8rem;
	height: 8rem;
	position: fixed;
	top: 50%;
	margin-top: -4rem;
	left: 50%;
	margin-left: -4rem;
	z-index: 1050;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity .15s ease 0s;
	-o-transition: opacity .15s ease 0s;
	transition: opacity .15s ease 0s
}

.lg-backdrop {
	background-color: rgba(0,0,0,.6)
}

.lg-outer .lg-img-wrap {
	padding: 0
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
	height: 94%!important
}

.lg-outer .lg-sub-html {
	width: 8rem;
	margin: 0 auto
}

.banner {
	width: 100%;
	overflow: hidden
}

.banner div.pagination {
	position: absolute;
	bottom: .4rem;
	left: 50%;
	transform: translate3d(-50%,0,0);
	text-align: center;
	z-index: 98;
	font-size: 0
}

@media screen and (max-width:1024px) {
	.banner div.pagination {
		width: auto;
		left: 50%;
		transform: translate3d(-50%,0,0);
		display: none
	}
}

.banner div.pagination span.swiper-pagination-switch {
	display: inline-block;
	width: 1rem;
	height: .06rem;
	border-radius: .04rem;
	background: #fff;
	margin: 0 .15rem
}

.banner div.pagination span.swiper-pagination-switch.template_main_back {
	background: #0b40ae
}

.banner div.arrow {
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer
}

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

.banner div.arrow-left-index {
	background: url(../images/banner-arrow-left.png)center center no-repeat;
	background-size: .6rem auto;
	left: 1.1rem
}

.banner div.arrow-right-index {
	background: url(../images/banner-arrow-right.png)center center no-repeat;
	background-size: .6rem auto;
	right: 1.1rem
}

.banner div.swiper-container {
	max-height: 100vh
}

@media screen and (max-width:1024px) {
	.banner div.swiper-container {
		max-height: auto
	}
}

.banner div.swiper-container div.swiper-slide,.banner div.swiper-container div.swiper-wrapper {
	width:100%;
	height: 100%!important
}

.banner div.swiper-container a {
	display: block
}

.banner,.page-banner {
	position: relative
}

@media screen and (max-width:1024px) {
	.page-banner {
		margin-top: 0
	}

	.pc-banner {
		display: none
	}
}

.phone-banner {
	display: none
}

@media screen and (max-width:1024px) {
	.phone-banner {
		display: block
	}
}

.public-detail-page {
	margin-top: .4rem;
	border-bottom: 1px dashed #707070;
	padding-bottom: .3rem
}

@media screen and (max-width:1024px) {
	.public-detail-page {
		padding-bottom: .3rem
	}
}

.public-detail-page ul li {
	display: block;
	font-size: .14rem;
	font-weight: 400;
	line-height: .15rem;
	color: #333
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.public-detail-page ul li {
		font-size: .16rem
	}
}

.public-detail-page ul li:first-child {
	width: 50%;
	float: left
}

.public-detail-page ul li:first-child a i {
	margin-right: .05rem
}

.public-detail-page ul li:last-child {
	width: 50%;
	float: right;
	text-align: right
}

.public-detail-page ul li:last-child a i {
	margin-left: .05rem
}

.public-detail-page ul li a {
	display: inline-block;
	font-size: .14rem;
	font-weight: 400;
	line-height: .15rem;
	color: #333
}

@media screen and (max-width:1024px) {
	.public-detail-page ul li a {
		font-size: .28rem;
		line-height: .36rem
	}
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.public-detail-page ul li a {
		font-size: .16rem
	}
}

.public-detail-page ul li span {
	font-size: .14rem;
	font-weight: 400;
	line-height: .15rem;
	color: #333
}

@media screen and (max-width:1024px) {
	.public-detail-page ul li span {
		font-size: .28rem;
		line-height: .36rem
	}
}

@media screen and (max-width:1601px) and (min-width:1025px) {
	.public-detail-page ul li span {
		font-size: .16rem
	}
}

.public-download {
	padding-left: .2rem
}

.public-download li {
	display: inline-block!important;
	margin-right: .4rem;
	margin-bottom: .2rem;
	background-color: rgba(6,36,122,.05);
	border: 1px solid #efefef;
	margin-top: 0
}

.public-download li a {
	padding: .15rem .32rem .15rem .54rem;
	background-size: .16rem auto!important;
	background-image: url(../images/data-download-icon.png)!important;
	background-position: .33rem center!important;
	background-repeat: no-repeat!important;
	font-size: .16rem;
	color: #b1b1b1;
	line-height: 1.4;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.public-download li:hover {
	background-color: rgba(6,36,122,.2)
}

.public-download li:hover a {
	background-image: url(../images/data-download-icon-active.png)!important;
	background-size: .16rem auto!important
}

@media screen and (max-width:1024px) {
	.public-download li a {
		background-position: .1rem center!important;
		padding: .08rem .1rem .08rem .4rem;
		background-size: .25rem auto!important;
		font-size: .28rem;
		line-height: .36rem
	}
}

table {
	width: 100%!important
}

@media screen and (max-width:1024px) {
	table {
		width: 100%!important;
		border-collapse: collapse;
		border: 0;
		margin: .2rem 0
	}

	table td {
		border: solid #000 1px;
		vertical-align: middle!important;
		word-break: break-word!important;
		border-color: #999!important;
		padding: 0 4px!important;
		white-space: normal!important;
		width: auto!important
	}

	table p {
		text-indent: 0!important
	}
}

.search-wrap {
	width: 2.5rem;
	height: .32rem;
	background: #f9f9f9;
	border: 1px solid #e6e6e6;
	float: right
}

@media screen and (max-width:1024px) {
	.search-wrap {
		width: 100%;
		height: .64rem;
		float: none;
		margin-top: .3rem
	}
}

.search-wrap .search-wrap-in .input-border {
	display: block;
	float: left;
	background: 0 0;
	outline: 0;
	border: 0;
	width: calc(100% - .4rem);
	height: .3rem;
	line-height: .3rem;
	background-color: #fff;
	padding-left: .06rem;
	font-size: .16rem;
	color: #707070
}

@media screen and (max-width:1024px) {
	.search-wrap .search-wrap-in .input-border {
		width: calc(100% - 1rem);
		height: .6rem;
		line-height: .6rem;
		font-size: .28rem;
		padding-left: .15rem
	}
}

.search-wrap .search-wrap-in input::-webkit-input-placeholder {
	color: #e6e6e6
}

.search-wrap .search-wrap-in input:-moz-placeholder {
	color: #e6e6e6
}

.search-wrap .search-wrap-in input::-moz-placeholder {
	color: #e6e6e6
}

.search-wrap .search-wrap-in input:-ms-input-placeholder {
	color: #e6e6e6
}

.search-wrap .search-wrap-in span {
	display: block;
	float: right;
	width: .36rem;
	height: .3rem;
	line-height: .68rem;
	background: url(../images/search-wrap-icon.png)center center no-repeat #0b40ae;
	background-size: .2rem auto;
	cursor: pointer
}

@media screen and (max-width:1024px) {
	.search-wrap .search-wrap-in span {
		width: .8rem;
		height: .6rem;
		line-height: .6rem;
		background-size: .3rem
	}
}

.container-list {
	width: 12.5rem;
	margin: 0 auto
}

@media screen and (max-width:1024px) {
	.container-list {
		width: 100%;
		padding: 0 .3rem
	}
}

div.jqZoomTitle {
	z-index: 5000;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma;
	height: 16px;
	padding-top: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: #999
}

.jqZoomPup,.preload {
	background-color: #fff;
	z-index: 10
}

.jqZoomPup {
	overflow: hidden;
	-moz-opacity: .6;
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	border-color: #c4c4c4;
	border-style: solid;
	cursor: crosshair
}

.jqZoomPup img {
	border: 0
}

.preload {
	-moz-opacity: .8;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 8px;
	text-align: center;
	background-image: url(../images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width: 90px;
	*width: 100px;
	height: 43px;
	*height: 55px;
	position: absolute;
	top: 3px;
	left: 3px
}

.jqZoomWindow {
	border: 1px solid #999;
	background-color: #fff
}

.layer-page {
	width: 100%;
	margin: .3rem auto 0;
	text-align: center
}

@media screen and (max-width:1024px) {
	.layer-page {
		width: 100%;
		padding-top: .4rem
	}
}

.layer-page .laypage_main {
	display: inline-block
}

.layer-page .laypage_main a {
	color: #333
}

.layer-page .laypage_main a,.layer-page .laypage_main span {
	width: .3rem;
	height: .3rem;
	border-radius: 0;
	background: #fff;
	border: 0;
	line-height: .3rem;
	font-size: .16rem
}

@media screen and (max-width:1024px) {
	.layer-page .laypage_main a,.layer-page .laypage_main span {
		font-size: .24rem;
		width: .6rem;
		height: .6rem;
		line-height: .6rem
	}
}

.layer-page .laypage_main span {
	background-color: #fff;
	color: gray!important
}

.layer-page .laypage_main a:hover,.layer-page .laypage_main span.laypage_curr {
	color: #fff!important;
	background-color: #707070
}

.layer-page .laypage_main span.laypage_curr {
	font-weight: 400;
	border: 0
}

.layer-page .laypage_main a.laypage_next,.layer-page .laypage_main a.laypage_prev {
	position: relative;
	font-size: 0;
	width: auto
}

.layer-page .laypage_main a.laypage_next:before {
	content: ">>";
	font-size: .12rem
}

@media screen and (max-width:1024px) {
	.layer-page .laypage_main a.laypage_next:before {
		font-size: .2rem!important
	}
}

.layer-page .laypage_main a.laypage_first {
	width: auto
}

.layer-page .laypage_main a.laypage_last {
	display: none
}

.layer-page .laypage_main a.laypage_prev:before {
	content: "<<";
	font-size: .12rem
}

@media screen and (max-width:1024px) {
	.layer-page .laypage_main a.laypage_prev:before {
		font-size: .2rem!important
	}
}

.public-list-title .en {
	font-size: .36rem;
	font-weight: 700;
	color: rgba(11,64,174,.2);
	text-align: center
}

.public-list-title .ch {
	font-size: .4rem;
	font-weight: 700;
	color: #0b40ae;
	text-align: center;
	margin-top: -.22rem
}

.List-title {
	border-bottom: .01rem solid #707070;
	padding-bottom: .1rem
}

.List-title b {
	font-size: .2rem;
	line-height: .26rem;
	color: #707070;
	border-left: .03rem solid #0b40ae;
	padding-left: .08rem;
	display: block
}

@media screen and (max-width:1024px) {
	.List-title b {
		font-size: .32rem;
		line-height: .5rem;
		border-left: .08rem solid #0b40ae
	}
}

.dialog,.dialog__overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.dialog {
	position: fixed;
	z-index: 10000011;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	pointer-events: none
}

.dialog__overlay {
	position: absolute;
	z-index: 1;
	background: rgba(0,0,0,.8);
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.dialog--open .dialog__overlay {
	opacity: 1;
	pointer-events: auto
}

.dialog__content {
	width: 4.5rem;
	height: auto;
	border-radius: .04rem;
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 5;
	opacity: 0
}

.dialog__content .messageForm-title {
	height: .49rem;
	line-height: .49rem;
	position: relative;
	background: #0b40ae;
	font-size: .18rem;
	font-weight: 500;
	color: #fff;
	padding: 0 .21rem
}

.dialog__content .messageForm-title .dialogLayer-close {
	width: .49rem;
	height: .49rem;
	background: url(../images/dialogLayer-close.png)center/.16rem .16rem no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10
}

.dialog__content .messageForm-main {
	padding: .2rem .3rem;
	text-align: center
}

.dialog__content .messageForm-main .form-group {
	margin-bottom: .16rem;
	font-size: 0;
	border-radius: .04rem;
	border: .01rem solid #ddd;
	background: #f3f3f3;
	overflow: hidden
}

.dialog__content .messageForm-main .form-group label {
	background: #ddd;
	width: 25%;
	text-align: center;
	font-size: .16rem;
	color: #333;
	line-height: .36rem
}

.dialog__content .messageForm-main .form-group .form-input-block {
	width: 75%
}

.dialog__content .messageForm-main .form-group .form-input-block input {
	height: .36rem;
	padding: 0 .1rem
}

.dialog__content .messageForm-main .form-group .form-input-block input,.dialog__content .messageForm-main .form-group .form-input-block textarea {
	font-size: .16rem;
	color: #333;
	line-height: .36rem;
	margin: 0;
	border: 0;
	display: block;
	width: 100%;
	resize: none;
	text-align: left
}

.dialog__content .messageForm-main .form-group .form-input-block input ::-webkit-input-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea ::-webkit-input-placeholder {
	font-size: .16rem;
	color: #aaa
}

.dialog__content .messageForm-main .form-group .form-input-block input :-moz-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea :-moz-placeholder {
	font-size: .16rem;
	color: #aaa
}

.dialog__content .messageForm-main .form-group .form-input-block input ::-moz-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea ::-moz-placeholder {
	font-size: .16rem;
	color: #aaa
}

.dialog__content .messageForm-main .form-group .form-input-block input :-ms-input-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea :-ms-input-placeholder {
	font-size: .16rem;
	color: #aaa
}

.dialog__content .messageForm-main .form-group .form-input-block textarea {
	height: 1.5rem;
	line-height: 1.5;
	padding: .14rem
}

.dialog__content .messageForm-main .form-group .form-textarea-wrap {
	width: 100%
}

.dialog__content .messageForm-main .messageForm-main-submit {
	line-height: 1.5;
	background: #0b40ae;
	border-radius: .04rem;
	overflow: hidden;
	color: #fff;
	font-size: .16rem;
	padding: .12rem .33rem;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

@media screen and (max-width:1024px) {
	.dialog__content {
		width: 80%;
		border-radius: .1rem
	}

	.dialog__content .messageForm-title {
		height: .8rem;
		line-height: .8rem;
		font-size: .28rem
	}

	.dialog__content .messageForm-title .dialogLayer-close {
		width: .8rem;
		height: .8rem;
		-webkit-background-size: .2rem .2rem;
		background-size: .2rem .2rem
	}

	.dialog__content .messageForm-main {
		padding: .3rem
	}

	.dialog__content .messageForm-main .form-group {
		margin-bottom: .25rem;
		border-radius: .1rem
	}

	.dialog__content .messageForm-main .form-group label {
		width: 30%;
		font-size: .28rem;
		line-height: .7rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block {
		width: 70%
	}

	.dialog__content .messageForm-main .form-group .form-input-block input {
		font-size: .28rem;
		height: .7rem;
		line-height: .7rem;
		padding: 0 .2rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block textarea {
		font-size: .28rem;
		line-height: .7rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block input ::-webkit-input-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea ::-webkit-input-placeholder {
		font-size: .28rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block input :-moz-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea :-moz-placeholder {
		font-size: .28rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block input ::-moz-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea ::-moz-placeholder {
		font-size: .28rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block input :-ms-input-placeholder,.dialog__content .messageForm-main .form-group .form-input-block textarea :-ms-input-placeholder {
		font-size: .28rem
	}

	.dialog__content .messageForm-main .form-group .form-input-block textarea {
		height: 2rem;
		line-height: 1.5;
		padding: .2rem
	}

	.dialog__content .messageForm-main .form-group .form-textarea-wrap {
		width: 100%
	}

	.dialog__content .messageForm-main .messageForm-main-submit {
		border-radius: .1rem;
		font-size: .28rem;
		padding: .15rem .4rem
	}
}

.dialog--open .dialog__content {
	pointer-events: auto
}

.dialog--close .dialog__overlay {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.dialog.dialog--close .dialog__content,.dialog.dialog--open .dialog__content {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close
}
/*底部*/
/**
 * @description: 清除浮动
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 响应式图片
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 横向排列，垂直居中布局
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 单行文本超出隐藏
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 多行文本超出隐藏
 * @Author:
 * @param {Number} num 最多要显示几行
 * @return:
 */
/**
 * @description: flex 垂直居中布局
 * @Author:
 * @param {String} cposition 水平排列方式
 * @return:
 */
/**
 * @description: 设置元素尺寸
 * @Author:
 * @param {Number} w 宽度
 * @param {Number} h 高度
 * @return:
 */
/**
 * @description: 2x的雪碧图缩放
 * @Author:
 * @param {Number} spriteW 雪碧图原始宽度
 * @param {Number} spriteH 雪碧图原始高度
 * @param {Number} bgOffsetX 背景定位原始X轴偏移量
 * @param {Number} bgOffsetY 背景定位原始Y轴偏移量
 * @return:
 */
/**
 * @description: 设置字体
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 修改滚动条样式
 * @Author:
 * @param {String} scrollW 滚动条宽度
 * @param {String} scrollC 滚动条背景色
 * @param {String} trackP 滑块背景色
 * @return:
 */
/**
 * @description: 设置背景图
 * @Author:
 * @param {String} url 图片路径
 * @return:
 */
/**
 * @description: 修改输入框占位符的字体颜色
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 禁止选中内容
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 鼠标移入图片放大效果
 * @Author:
 * @param {type}
 * @return:
 */
/**
 * @description: 铺满整个容器的绝对定位
 * @Author: 
 * @param {type} 
 * @return: 
 */
/**
 * @description: 绝对定位水平垂直居中
 * @Author: 
 * @param {type} 
 * @return: 
 */
/**
 * @description: 统一容器,视项目不同,数值有所不同
 * @Author: 
 * @param {type} 
 * @return: 
 */
/**
 * @description: 替代flex的inline-block
 * @Author: 
 * @param {type} 
 * @return: 
 */
/**
 * @description: 首页栏目标题样式
 * @Author: 
 * @param {type} 
 * @return: 
 */
/**
 * @description: 两端对齐辅助元素
 * @Author: 
 * @param {type} 
 * @return: 
 */
footer.footer {
  background: #317EE4;
  padding-top: 0.67rem;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-nav {
  float: left;
  width: 45%;
  margin-right: 5%;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul {
  padding-top: 2%;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul li {
  display: inline-block;
  position: relative;
  width: 33.333%;
  margin-bottom: 0.2rem;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul li a {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.24rem;
  color: #ffffff;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul li a:hover {
  text-decoration: underline;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm {
  width: 1.55rem;
  float: left;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm img {
  display: block;
  width: 100%;
  height: 1.55rem;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm .ewm {
  text-align: center;
  font-size: 0.16rem;
  line-height: 1.5;
  color: #ffffff;
  margin-top: 0.1rem;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-infor {
  float: right;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-mobiletext {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #ffffff;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-mobile {
  font-size: 0.36rem;
  line-height: 1.5;
  color: #ffffff;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-message {
  margin-top: 0.15rem;
  background: linear-gradient(90deg, #f9ba56 0, #f08c09 100%);
  color: #fff;
  font-size: 0.16rem;
  line-height: 1.5;
  -webkit-border-radius: 0.03rem;
  -moz-border-radius: 0.03rem;
  border-radius: 0.03rem;
  padding: 0.09rem 0.25rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-message img {
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.16rem;
}
footer.footer .footer-bottom .footer-bottom-record {
  text-align: left;
  margin-top: 0.42rem;
  border-top: 0.01rem solid #E8E8E8;
  padding: 0.22rem 0;
  color: #ffffff;
}
footer.footer .footer-bottom .footer-bottom-record .footer-inline a img {
  vertical-align: middle;
}
footer.footer .footer-bottom .footer-bottom-record .container {
  display: block;
  margin: auto;
}
footer.footer .footer-bottom .footer-bottom-record div {
  display: inline-block;
  margin-right: 0.1rem;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.3rem;
  color: #ffffff;
}
@media screen and (max-width: 1601px) and (min-width: 1025px) {
  footer.footer .footer-bottom .footer-bottom-record div {
    font-size: 0.16rem;
  }
}
footer.footer .footer-bottom .footer-bottom-record div a {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.3rem;
  color: #ffffff;
}
@media screen and (max-width: 1601px) and (min-width: 1025px) {
  footer.footer .footer-bottom .footer-bottom-record div a {
    font-size: 0.16rem;
  }
}
footer.footer .footer-bottom .footer-bottom-record div a:hover {
  text-decoration: underline;
}
footer.footer .footer-bottom .footer-bottom-record ul {
  display: inline-block;
}
footer.footer .footer-bottom .footer-bottom-record ul li {
  display: inline-block;
  margin-right: 0.1rem;
}
footer.footer .footer-bottom .footer-bottom-record ul li a {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.3rem;
  color: #ffffff;
}
@media screen and (max-width: 1601px) and (min-width: 1025px) {
  footer.footer .footer-bottom .footer-bottom-record ul li a {
    font-size: 0.16rem;
  }
}
footer.footer .footer-bottom .footer-bottom-record ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  footer.footer .footer-bottom .footer-bottom-record {
    padding: 0.22rem 0 1.3rem;
  }
  footer.footer .footer-bottom .footer-bottom-record div {
    font-size: 0.28rem;
    line-height: 0.4rem;
  }
  footer.footer .footer-bottom .footer-bottom-record div a {
    display: block;
    font-size: 0.28rem;
    line-height: 0.4rem;
    margin: 0.1rem 0 0.15rem;
  }
  footer.footer .footer-bottom .footer-bottom-record div a img {
    margin: 0 !important;
  }
  footer.footer .footer-bottom .footer-bottom-record ul li a {
    font-size: 0.28rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-nav {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul {
    padding-top: 2%;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul li {
    text-align: center;
    width: 33.333%;
    margin-bottom: 0.3rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-nav ul li a {
    font-size: 0.28rem;
    line-height: 1.5;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm {
    width: 2rem;
    margin-left: 6%;
    float: left;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm img {
    height: 2rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-bottom-infor-ewm .ewm {
    font-size: 0.28rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-infor {
    float: left;
    padding-left: 6%;
    padding-top: 4%;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-mobiletext {
    font-size: 0.28rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-mobile {
    font-size: 0.36rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-message {
    font-size: 0.28rem;
  }
  footer.footer .footer-bottom .footer-bottom-infor .footer-infor .footer-message img {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1024px) {
  footer.footer {
    padding-top: 0.4rem;
  }
}





/* 菜单容器：固定 1 排 6 个等宽布局 */
.category-menu {
    display: grid;
    /* 核心：固定 6 列，每列等宽 */
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 12px 16px;
    padding: 16px 16px;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    margin: 40px 0 0 0;
}

/* 菜单项样式（原有逻辑不变，仅保留关键） */
.category-item {
    padding: 9.6px 8px;
    text-align: center;
    border-radius: 20px;
    background-color: #035CBA;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.16rem;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    max-width: 220px;
}

/* 选中/激活状态、交互效果（原有逻辑不变） */
.category-item.active {
    background-color: #0A59B3;
    color: #fff;
}
.category-item:hover, .category-item:active {
    background-color: #e0e0e0;
}
.category-item.active:hover, .category-item.active:active {
    background-color: #FA8303;
}

/* 移动端适配：768px < 屏幕 ≤ 1320px 时，一排三个 */
@media (max-width: 1320px) {
    .category-menu {
        grid-template-columns: repeat(3, 1fr); /* 一排三个 */
        grid-gap: 10px 12px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .category-item {
        padding: 8px 12px;
        font-size: 13.6px;
        max-width: none; /* 取消最大宽度限制 */
    }
}

/* 移动端适配：屏幕 ≤ 768px 时，一排两个（覆盖上一级规则） */
@media (max-width: 768px) {
    .category-menu {
        grid-template-columns: repeat(2, 1fr); /* 覆盖为一排两个，其余样式继承上一级 */
    }
}

/* 小屏手机（375px以下）适配：仅调整间距/字体，仍一排两个（覆盖差异化样式） */
@media (max-width: 375px) {
    .category-menu {
        padding-left: 12px;
        padding-right: 12px;
        grid-gap: 8px 10px; /* 仅调整间距，列数继承768px的规则 */
    }
    .category-item {
        font-size: 13px; /* 仅调整字体/内边距，其余样式继承上一级 */
        padding: 7px 10px;
    }
}