@charset "utf-8";

/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,
:after,
:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0 !important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

ol,
ul {
	list-style: none
}

q:after,
q:before {
	content: ''
}

fieldset,
img {
	border: 0
}

abbr,
acronym {
	border: 0
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.col-c,
.col-l,
.col_c,
.col_l,
.l {
	float: left
}

.col-r,
.col_r,
.r {
	float: right
}

.c {
	clear: both
}

.fix {
	zoom: 1
}

.fix:after,
.fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

em {
	font-weight: 400;
	font-style: normal
}

body {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	font-family: cn-regular, 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif
}

img {
	max-width: 100%;
	border: none
}

input,
select,
textarea {
	font-size: 14px;
	color: #333;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	font-family: cn-regular, 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif
}

input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer
}

::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .6)
}

::-moz-placeholder {
	color: rgba(255, 255, 255, .6)
}

::-ms-input-placeholder {
	color: rgba(255, 255, 255, .6)
}

select::-ms-expand {
	display: none
}

a {
	color: #333;
	text-decoration: none
}

/*!-----------------[初始化结束]--------------*/
@font-face {
	font-family: cn-regular;
	src: url(../fonts/SourceHanSansCN-Regular.woff)
}

@font-face {
	font-family: cn-bold;
	src: url(../fonts/SourceHanSansCN-Bold.woff)
}

@font-face {
	font-family: ifCN-Bold;
	src: url(../fonts/SourceHanSerifCN-Bold.woff)
}

@font-face {
	font-family: ifCN-Regular;
	src: url(../fonts/SourceHanSerifCN-Regular.woff)
}

@font-face {
	font-family: ifCN-Medium;
	src: url(../fonts/SourceHanSerifCN-Medium.otf)
}

.wp {
	width: 95%;
	max-width: 16rem;
	margin: 0 auto
}

/*!******************************
    -------[=头部]-------
********************************/
body {
	/*padding-top:1.8rem*/
}

.header {
	/*position:fixed;*/
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	/*height:1.8rem;*/
	background-color: #970909;
	z-index: 999
}

.hd-top {
	overflow: hidden
}

.logo {
	float: left;
	line-height: 1.2rem;
	font-size: 0
}

.logo img {
	display: inline-block;
	vertical-align: middle;
	max-height: 1.2rem
}

.h-opts {
	float: right
}

.h-opts {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.14rem
}

.h-so {
	margin-top: .38rem;
	float: right;
	position: relative;
	height: .44rem;
	width: 2.8rem;
	border: 1px solid #fff;
	border-radius: .3rem;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	-ms-border-radius: .3rem;
	-o-border-radius: .3rem;
	background-color: rgba(255, 255, 255, .2)
}

.h-so .inp {
	display: block;
	width: 100%;
	height: .4rem;
	padding: 0 .5rem 0 .23rem;
	background-color: transparent;
	font-size: var(--fz16);
	color: #fff;
	border-radius: 30px;
}

.h-so .btn {
	display: block;
	background: url(../image/hd-so.png) no-repeat center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: .22rem;
	width: .2rem;
	height: 100%
}

.nav {
	background: #fff
}

.nav .h-so {
	display: none
}

.nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.nav li {
	position: relative
}

.nav .icondrop {
	display: none
}

.nav .v1 {
	font-size: var(--fz20);
	color: #333;
	position: relative;
	display: block;
	line-height: .6rem;
	padding: 0 .26rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.nav .v1:hover,
.nav li.on .v1 {
	background-color: #f5f5f5;
	color: #970909;
	font-weight: 700;
	font-family: SC-bold
}

.nav .sub {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	padding: 0 .1rem;
	display: none
}

.nav .sub .v2 {
	display: block;
	font-size: var(--fz16);
	color: #333;
	line-height: .4rem;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	text-align: center;
	padding: 0 .1rem;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
	white-space: nowrap;
}

.nav .sub .v2:last-child {
	border-bottom: none
}

.nav .sub .v2:hover {
	background-color: #fff;
	color: #970909
}

.header.fixed {
	-webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-ms-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

/*!******************************
    -------[=导航]-------
********************************/
.menuBtn {
	display: none;
	position: fixed;
	top: .24rem;
	right: .3rem;
	width: .6rem;
	height: .6rem;
	cursor: pointer;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.menuBtn b {
	display: block;
	height: .06rem;
	background-color: #fff;
	margin: .08rem 0;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.menuBtn.open b {
	display: none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.08rem;
	width: .6rem
}

.menuBtn.open b:first-child {
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

/*!******************************
    -------[=底部]-------
********************************/
.footer {
	background-color: #8d0909
}

.fd-top {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.fd-box1 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .4rem 0 .3rem
}

.fd-logo {
	width: 36.875%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.fd-logo img {
	display: block;
	width: 100%
}

.fd-link {
	font-size: 0
}

.fd-link .link {
	display: inline-block;
	vertical-align: middle;
	margin-left: .25rem;
	position: relative
}

.fd-link .link .tt {
	display: block;
	width: 2.45rem;
	background: rgba(255, 255, 255, .2);
	padding: 0 .5rem 0 .4rem;
	position: relative;
	font-size: var(--fz20);
	line-height: 2.45;
	color: #fff;
	overflow: hidden;
	cursor: pointer
}

.fd-link .link .tt:after {
	content: "";
	position: absolute;
	top: 50%;
	right: .26rem;
	width: .14rem;
	height: .14rem;
	background: url(../image/fd-iconl1.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.fd-link .link .down {
	height: 2rem;
	width: 100%;
	background: #fff;
	position: absolute;
	bottom: 100%;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	-webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-ms-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	display: none
}

.fd-link .link .down a {
	display: block;
	padding: .1rem .15rem;
	font-size: var(--fz16);
	color: #970909;
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.fd-link .link .down a:hover {
	color: #fff;
	background: #970909
}

.fd-box2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	padding-bottom: .25rem
}

.fd-addr {
	font-size: var(--fz20);
	color: #fff;
	overflow: hidden
}

.fd-addr i {
	display: inline-block;
	vertical-align: middle;
	margin: -2px .15rem 0 0;
	width: .2rem;
	height: .2rem;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.fd-qr {
	overflow: hidden
}

.fd-qr .qr {
	float: left;
	/* width: 1.4rem; */
	margin-left: .5rem
}

.fd-qr .pic {
	width: .97rem;
	height: .97rem;
	line-height: .97rem;
	text-align: center;
	font-size: 0;
	background-color: #fff;
	overflow: hidden;
	margin: 0 auto .06rem
}

.fd-qr .pic img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.fd-qr .txt {
	font-size: var(--fz14);
	line-height: 1.7;
	color: #fff;
	overflow: hidden;
	text-align: center;
	height: 0.42rem;
}

.fd-copy {
	padding: .13rem 0;
	font-size: var(--fz16);
	color: rgba(255, 255, 255, .5);
	text-align: center;
	overflow: hidden
}

/*!******************************
    -------[=公用]-------
********************************/
.g-cur {
	background-color: #f5f5f5;
	overflow: hidden
}

.cur,
.cur a {
	font-size: .16rem;
	color: #666
}

.cur {
	padding: .13rem 0 .13rem .28rem;
	background: url(../image/i-cur.png) no-repeat left center;
	-webkit-background-size: .19rem auto;
	-moz-background-size: .19rem auto;
	-ms-background-size: .19rem auto;
	-o-background-size: .19rem auto;
	background-size: .19rem auto
}

.cur a:hover {
	color: #0062a9
}

.pages {
	text-align: center;
	font-size: 0
}

.pages ul {
	display: inline-block
}

.pages ul li {
	float: left;
	margin: 0 .07rem
}

.pages ul li a,
.pages ul li span {
	display: block;
	height: .44rem;
	line-height: .42rem;
	text-align: center;
	font-size: .16rem;
	color: #666;
	border: .01rem solid #dcdcdc;
	padding: 0 .05rem;
	min-width: .44rem;
	border-radius: .05rem;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	-ms-border-radius: .05rem;
	-o-border-radius: .05rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.pages ul a:hover,
.pages ul li.on a {
	background-color: #0062a9;
	border-color: #0062a9;
	color: #fff
}

.pages ul li.next,
.pages ul li.prev {
	min-width: 1.51rem
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #303233;
	position: fixed;
	z-index: 9990009;
	display: none
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #004585;
	z-index: -1
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: #fff;
	border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0 auto 10px;
	font-size: 80px;
	line-height: 80px
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url(../image/bro.png) no-repeat
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url(../image/bro.png) 0 -100px no-repeat
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url(../image/bro.png) 0 -200px no-repeat
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url(../image/bro.png) 0 -300px no-repeat
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0 auto;
	max-width: 100px;
	width: 100px;
	height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700
}

:root {
	--fz12: 0.12rem;
	--fz14: 0.14rem;
	--fz16: 0.16rem;
	--fz18: 0.18rem;
	--fz20: 0.2rem;
	--fz22: 0.22rem;
	--fz24: 0.24rem;
	--fz26: 0.26rem;
	--fz28: 0.28rem;
	--fz30: 0.3rem;
	--fz32: 0.32rem;
	--fz34: 0.34rem;
	--fz36: 0.36rem;
	--fz38: 0.38rem;
	--fz40: 0.4rem;
	--fz42: 0.42rem;
	--fz44: 0.44rem;
	--fz46: 0.46rem;
	--fz48: 0.48rem;
	--fz50: 0.5rem
}

.fz12 {
	font-size: var(--fz12)
}

.fz14 {
	font-size: var(--fz14)
}

.fz16 {
	font-size: var(--fz16)
}

.fz18 {
	font-size: var(--fz18)
}

.fz20 {
	font-size: var(--fz20)
}

.fz22 {
	font-size: var(--fz22)
}

.fz24 {
	font-size: var(--fz24)
}

.fz26 {
	font-size: var(--fz26)
}

.fz28 {
	font-size: var(--fz28)
}

.fz30 {
	font-size: var(--fz30)
}

.fz32 {
	font-size: var(--fz32)
}

.fz34 {
	font-size: var(--fz34)
}

.fz36 {
	font-size: var(--fz36)
}

.fz38 {
	font-size: var(--fz38)
}

.fz40 {
	font-size: var(--fz40)
}

.fz42 {
	font-size: var(--fz42)
}

.fz44 {
	font-size: var(--fz44)
}

.fz46 {
	font-size: var(--fz46)
}

.fz48 {
	font-size: var(--fz48)
}

.fz50 {
	font-size: var(--fz50)
}

/*!****** lib.css end *******/
/*!****** ls *******/
[class*=wow] {
	visibility: hidden
}

.banner {
	overflow: hidden
}

.banner .con {
	display: block;
	overflow: hidden
}

.banner .pic {
	padding-top: 32.5%;
	position: relative;
	height: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100% 100%;
}

.banner .swiper-pagination-bullet {
	width: .18rem;
	height: .18rem;
	background: rgba(255, 255, 255, .4);
	opacity: 1;
	position: relative
}

.banner .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #fff;
	display: none
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: .37rem
}

.banner .swiper-pagination {
	font-size: 0
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 .13rem
}

.banner .swiper-pagination-bullet-active {
	border: 1px solid #fff;
	background: 0 0
}

.banner .swiper-pagination-bullet-active:after {
	display: block
}

.main {
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.row-a1 {
	overflow: hidden;
	padding: .54rem 0 .32rem
}

.row-a1 .col-l {
	width: 65.8125%
}

.row-a1 .col-r {
	width: 32.5%
}

.g-titl1 {
	overflow: hidden;
	position: relative
}

.g-titl1 .tit {
	font-size: var(--fz36);
	line-height: 1.2;
	color: #333;
	font-family: cn-bold
}

.g-titl1 .tit em {
	color: #970909;
	font-family: cn-bold
}

.g-titl1 .en {
	font-size: var(--fz16);
	line-height: 1.3;
	color: rgba(51, 51, 51, .4);
	overflow: hidden;
	text-transform: uppercase
}

.g-titl1 .more {
	position: absolute;
	top: 50%;
	font-size: var(--fz16);
	color: #666;
	overflow: hidden;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	right: .09rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.g-titl1 .more em,
.g-titl1 .more:hover {
	color: #970909
}

.g-titl1.fff .more,
.g-titl1.fff .more em,
.g-titl1.fff .tit {
	color: #fff
}

.g-titl1.fff .en {
	color: rgba(255, 255, 255, .4)
}

.m-newsl {
	overflow: hidden;
	background-color: #fff;
	margin-top: .21rem
}

.m-newsl .left {
	width: 57.7397%;
	float: left;
	overflow: hidden
}

.m-swiperl1 {
	overflow: hidden;
	position: relative
}

.m-swiperl1 .con {
	display: block;
	overflow: hidden;
	background: #970909
}

.m-swiperl1 .con .pic {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden
}

.m-swiperl1 .con .pic .img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl1 .con .txt {
	padding: .2rem 1.2rem .23rem .2rem;
	overflow: hidden
}

.m-swiperl1 .con .txt .tit {
	font-size: var(--fz20);
	color: #fff;
	font-family: cn-bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.m-swiperl1 .con:hover .pic .img {
	transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	-moz-transform: scale(1.08, 1.08);
	-ms-transform: scale(1.08, 1.08);
	-o-transform: scale(1.08, 1.08)
}

.m-swiperl1 .ban-opts {
	position: absolute;
	right: .09rem;
	bottom: .22rem;
	width: .86rem;
	z-index: 2;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.m-swiperl1 .ban-opts .swiper-button-next,
.m-swiperl1 .ban-opts .swiper-button-prev {
	margin-top: 0;
	display: block;
	width: .14rem;
	height: .14rem;
	position: static;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: url(../image/iconl1.png) center center no-repeat;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.m-swiperl1 .ban-opts .swiper-button-next {
	background-image: url(../image/iconl2.png)
}

.m-swiperl1 .ban-opts .swiper-button-next:after,
.m-swiperl1 .ban-opts .swiper-button-prev:after {
	display: none
}

.m-swiperl1 .ban-opts .swiper-button-next:hover,
.m-swiperl1 .ban-opts .swiper-button-prev:hover {
	opacity: .7
}

.m-swiperl1 .ban-opts .swiper-pagination {
	font-size: var(--fz14);
	color: #fff;
	overflow: hidden;
	position: static
}

.m-swiperl1 .ban-opts .swiper-pagination-current {
	font-size: var(--fz20);
	color: #fff;
	font-family: cn-bold;
	overflow: hidden
}

.m-newsl .right {
	overflow: hidden;
	padding: .08rem .3rem 0
}

.ul-listl1 {
	overflow: hidden
}

.ul-listl1 li {
	overflow: hidden
}

.ul-listl1 .con {
	display: block;
	overflow: hidden;
	position: relative;
	padding: .12rem 0 .16rem
}

.ul-listl1 .con:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom: 1px solid rgba(151, 9, 9, .5)
}

.ul-listl1 .con:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 1px;
	height: 0;
	border-bottom: 2px solid #970909;
	width: .54rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl1 .con .date {
	float: left
}

.ul-listl1 .con .date .day {
	font-size: var(--fz20);
	line-height: 1.2;
	color: #970909;
	overflow: hidden;
	font-family: ifCN-Bold
}

.ul-listl1 .con .date .year {
	font-size: var(--fz14);
	line-height: 1.2;
	color: #333;
	overflow: hidden;
	font-family: ifCN-Regular
}

.ul-listl1 .con .txt {
	overflow: hidden;
	padding: 0 .18rem 0 .27rem;
	font-size: var(--fz18);
	line-height: 1.45em;
	height: 2.9em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ul-listl1 .con .txt .tit {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #333;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	overflow: hidden
}

.ul-listl1 li:last-child .con:after,
.ul-listl1 li:last-child .con:before {
	display: none
}

.ul-listl1 .con:hover:before {
	width: 100%;
	left: 0
}

.ul-listl1 .con:hover .tit {
	color: #970909;
	font-family: cn-bold
}

.ul-listl2 {
	overflow: hidden;
	margin-top: .21rem
}

.ul-listl2 .con {
	display: block;
	overflow: hidden;
	padding: .16rem .3rem;
	position: relative;
	background-color: #fff;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl2 .con:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: .3rem;
	right: .3rem;
	height: 1px;
	background: rgba(51, 51, 51, .1)
}

.ul-listl2 .date {
	float: left;
	text-align: center;
	overflow: hidden;
	margin-right: .34rem
}

.ul-listl2 .date .day {
	font-size: var(--fz24);
	line-height: 1.2;
	color: #970909;
	overflow: hidden;
	font-family: ifCN-Bold;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl2 .date .year {
	font-size: var(--fz14);
	line-height: 1.4;
	color: #333;
	overflow: hidden;
	font-family: ifCN-Regular;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl2 .txt {
	overflow: hidden
}

.ul-listl2 .txt .tit {
	font-size: var(--fz18);
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space:nowrap;*/
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	transition: .5s;
	-webkit-transition: .5s;
}

.ul-listl2 .txt .desc {
	font-size: var(--fz16);
	color: rgba(51, 51, 51, .6);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl2 li:last-child .con:after {
	display: none
}

.ul-listl2 .con:hover {
	background-color: #970909
}

.ul-listl2 .con:hover .date .day,
.ul-listl2 .con:hover .date .year,
.ul-listl2 .con:hover .txt .tit {
	color: #fff
}

.ul-listl2 .con:hover .txt .desc {
	color: rgba(255, 255, 255, .6)
}

.row-a2 {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: contain;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 6.26rem;
	padding: .97rem 0 1.22rem
}

.m-partyl {
	float: left;
	width: 31.25%;
	margin-right: 5%;
	overflow: hidden
}

.m-financiall {
	float: left;
	width: 31.25%;
	margin-right: 3.75%
}

.m-studentsl {
	overflow: hidden
}

.ul-listl1.styl2 .con {
	padding: .16rem 0 .2rem
}

.ul-listl1.styl2 .con:after,
.ul-listl1.styl2 li:last-child .con:after {
	display: block;
	border-color: rgba(255, 255, 255, .2)
}

.ul-listl1.styl2 .con:before,
.ul-listl1.styl2 li:last-child .con:before {
	display: block;
	border-color: #fff;
	width: 0
}

.ul-listl1.styl2 .con:hover:before,
.ul-listl1.styl2 li:last-child .con:hover:before {
	width: 100%
}

.ul-listl1.styl2 .date {
	text-align: center;
	width: .9rem;
	position: relative;
	padding-top: .02rem;
	padding-right: .05rem
}

.ul-listl1.styl2 .date:after {
	content: "";
	position: absolute;
	top: .04rem;
	right: 0;
	width: 1px;
	background: #fff;
	height: 100%
}

.ul-listl1.styl2 .con .date .day,
.ul-listl1.styl3 .con .date .day {
	font-size: var(--fz24)
}

.ul-listl1.styl2 .con .date .year {
	line-height: 1.3
}

.ul-listl1.styl2 .con .date .day,
.ul-listl1.styl2 .con .date .year,
.ul-listl1.styl2 .con .txt .tit {
	color: #fff
}

.ul-listl1.styl3 .con {
	padding: .18rem 0
}

.ul-listl1.styl3 .date {
	text-align: center;
	padding: 0 .06rem;
	position: relative
}

.ul-listl1.styl3 .con .txt {
	padding-left: .36rem;
	padding-right: 0
}

.ul-listl1.styl3 .con:after,
.ul-listl1.styl3 li:last-child .con:after {
	display: block;
	border-color: rgba(51, 51, 51, .1)
}

.ul-listl1.styl3 .con:before,
.ul-listl1.styl3 li:last-child .con:before {
	display: block;
	border-color: #970909;
	width: 0
}

.ul-listl1.styl3 .con:hover:before,
.ul-listl1.styl3 li:last-child .con:hover:before {
	width: 100%
}

.ul-listl1.styl3 .con .date .year {
	line-height: 1.4
}

.row-a3 {
	overflow: hidden;
	padding-bottom: .52rem
}

.m-enrolmentl {
	margin: 0 -.26rem
}

.m-enrolmentl .item {
	width: 33.33%;
	float: left;
	padding: 0 .26rem
}

.ul-listl3 {
	overflow: hidden;
	padding-top: .26rem
}

.ul-listl3 li {
	margin-bottom: .29rem
}

.ul-listl3 li:last-child {
	margin-bottom: 0
}

.ul-listl3 .con {
	display: block;
	border: 1px solid #ccc;
	position: relative;
	padding: .15rem .25rem .16rem
}

.ul-listl3 .date {
	position: absolute;
	top: -.13rem;
	left: .15rem;
	font-size: var(--fz16);
	color: #970909;
	display: block;
	background-color: #fbf7f4;
	padding: 0 .1rem;
	font-family: ifCN-Medium
}

.ul-listl3 .tit {
	font-size: var(--fz18);
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl3 .con:hover .tit {
	color: #970909;
	font-family: cn-bold
}

.row-a4 {
	overflow: hidden;
	padding-bottom: 1.16rem
}

.m-counsellorsl {
	float: left;
	width: 42.625%;
	margin-right: 3.375%
}

.m-counsellorsl .hide {
	height: 0;
	overflow: hidden
}

.m-learningl {
	float: left;
	width: 26.937%;
	margin-right: 3.375%
}

.m-informationl {
	float: left;
	width: 23.688%
}

.ul-listl4 {
	overflow: hidden;
	padding-top: .2rem
}

.ul-listl4 li {
	float: left
}

.ul-listl4 .con {
	display: block;
	font-size: var(--fz20);
	color: #970909;
	overflow: hidden;
	text-align: center;
	padding: 0 .2rem;
	min-width: 1.3rem;
	line-height: 2.15;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl4 .con:hover,
.ul-listl4 li.on .con {
	color: #fff;
	background: #970909
}

.m-swiperl2 {
	overflow: hidden;
	position: relative;
	margin: 0 -.19rem
}

.m-swiperl2 .swiper-container {
	padding: .24rem 0 .7rem
}

.m-swiperl2 .swiper-slide {
	padding: 0 .19rem
}

.m-swiperl2 .con {
	display: block;
	overflow: hidden;
	background: url(../image/bgl3.jpg) center bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	-webkit-box-shadow: 0 0 .19rem rgba(0, 0, 0, .09);
	-moz-box-shadow: 0 0 .19rem rgba(0, 0, 0, .09);
	-ms-box-shadow: 0 0 .19rem rgba(0, 0, 0, .09);
	-o-box-shadow: 0 0 .19rem rgba(0, 0, 0, .09);
	box-shadow: 0 0 .19rem rgba(0, 0, 0, .09)
}

.m-swiperl2 .con:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/bgl3-1.jpg) center bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .con .box {
	position: relative;
	z-index: 2;
	height: 100%;
	min-height: 3.39rem
}

.m-swiperl2 .date {
	font-size: var(--fz18);
	color: #970909;
	position: relative;
	padding: .22rem .37rem;
	font-family: ifCN-Bold;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .date .day {
	font-size: var(--fz30)
}

.m-swiperl2 .date:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid rgba(151, 9, 9, .2);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .date:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: .37rem;
	width: 1.4rem;
	height: 0;
	border-bottom: 3px solid #970909;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .txt {
	padding: .22rem .37rem;
	overflow: hidden
}

.m-swiperl2 .txt .tit {
	font-size: var(--fz18);
	color: #333;
	overflow: hidden;
	line-height: 1.5em;
	height: 3em;
	font-family: cn-bold;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: .21rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .txt .desc {
	font-size: var(--fz16);
	color: rgba(51, 51, 51, .6);
	line-height: 1.5em;
	height: 4.5em;
	display: -webkit-box;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .icon {
	position: absolute;
	bottom: .36rem;
	right: .4rem;
	width: .15rem;
	height: .15rem;
	background: url(../image/iconl3.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.m-swiperl2 .con:hover:after {
	opacity: 1;
	visibility: visible
}

.m-swiperl2 .con:hover .icon {
	background-image: url(../image/iconl3-1.png)
}

.m-swiperl2 .con:hover .date,
.m-swiperl2 .con:hover .txt .tit {
	color: #fff
}

.m-swiperl2 .con:hover .date:after {
	border-color: rgba(255, 255, 255, .2)
}

.m-swiperl2 .con:hover .date:before {
	border-color: #fff
}

.m-swiperl2 .con:hover .txt .desc {
	color: rgba(255, 255, 255, .6)
}

.m-swiperl2 .ban-opts {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 .19rem
}

.m-swiperl2 .ban-opts .arrows {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.m-swiperl2 .ban-opts .swiper-button-next,
.m-swiperl2 .ban-opts .swiper-button-prev {
	position: static;
	margin: 0;
	width: .36rem;
	height: .36rem;
	line-height: .34rem;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #970909;
	background-color: #fff;
	margin-right: .3rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .ban-opts .swiper-button-next svg,
.m-swiperl2 .ban-opts .swiper-button-prev svg {
	display: inline-block;
	vertical-align: middle;
	width: .16rem
}

.m-swiperl2 .ban-opts .swiper-button-next svg path,
.m-swiperl2 .ban-opts .swiper-button-prev svg path {
	fill: #970909;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.m-swiperl2 .ban-opts .swiper-button-prev svg {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.m-swiperl2 .ban-opts .swiper-pagination {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: rgba(51, 51, 51, .2)
}

.m-swiperl2 .ban-opts .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #970909;
	height: 3px;
	bottom: -1px;
	top: auto
}

.m-swiperl2 .ban-opts .swiper-button-next:after,
.m-swiperl2 .ban-opts .swiper-button-prev:after {
	display: none
}

.m-swiperl2 .ban-opts .swiper-button-next:hover,
.m-swiperl2 .ban-opts .swiper-button-prev:hover {
	background-color: #970909
}

.m-swiperl2 .ban-opts .swiper-button-next:hover svg path,
.m-swiperl2 .ban-opts .swiper-button-prev:hover svg path {
	fill: #fff
}

.ul-listl5 {
	overflow: hidden;
	padding-top: .2rem
}

.ul-listl5 li {
	/*margin-bottom:.3rem*/
	margin-bottom: .15rem
}

.ul-listl5 li:last-child {
	margin-bottom: 0
}

.ul-listl5 .con {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 1.4rem;
	padding: .3rem;
	overflow: hidden;
	background-color: #970909;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ul-listl5 .con .tit {
	font-size: var(--fz28);
	color: #fff;
	font-family: cn-bold;
	text-align: center;
	overflow: hidden;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ul-listl5 .con:hover {
	background: #f58f28
}

.ul-listl6 {
	padding-top: .2rem
}

.ul-listl6 li {
	-webkit-box-shadow: 0 0 .18rem rgba(90, 0, 0, .17);
	-moz-box-shadow: 0 0 .18rem rgba(90, 0, 0, .17);
	-ms-box-shadow: 0 0 .18rem rgba(90, 0, 0, .17);
	-o-box-shadow: 0 0 .18rem rgba(90, 0, 0, .17);
	box-shadow: 0 0 .18rem rgba(90, 0, 0, .17)
}

.ul-listl6 .con {
	display: block;
	overflow: hidden;
	background-color: #970909;
	height: 2.25rem;
	padding: .45rem .3rem .2rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.ul-listl6 .con .box {
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto .18rem;
	position: relative
}

.ul-listl6 .con .box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px dashed #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}

.ul-listl6 .con .box .icon {
	display: inline-block;
	vertical-align: middle;
	width: .68rem;
	height: .68rem;
	line-height: .68rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	font-size: 0;
	text-align: center
}

.ul-listl6 .con .box .icon img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%
}

.ul-listl6 .con .tit {
	font-size: var(--fz24);
	color: #fff;
	text-align: center;
	overflow: hidden;
	font-family: cn-bold
}

.ul-listl6 .con:hover {
	opacity: .7
}



/*!****** ls end *******/

.header_top {
	height: .4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header_top .ll p {
	font-size: .14rem;
	color: #fff;
	line-height: .4rem;
}

.header_top .list_box0 li {
	font-size: .14rem;
	line-height: .4rem;
	color: #fff;
	margin-left: .15rem;
}

.header_top .list_box0 li a {
	font-size: .14rem;
	line-height: .4rem;
	color: #fff;
}

.header_top .list_box0 {
	display: flex;
	align-items: center;
}

.header_top .flex {
	display: flex;
}