@charset "utf-8";

/*傻逼易聊定义全局默认按钮样式，此处兼容这个傻逼*/
.pageZsTable .btn-default {
	border-width: 0.01rem;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #000;
	font-size: 0.16rem;
	padding: 0.04rem 0.12rem;
	border-radius: 0.03rem;
}

.indexZy .btn-default {
	border-width: 0.01rem;
	color: #000;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	border-radius: 0.03rem;
}

.Fform .btn-default {
	border-width: 0.01rem;
	color: #000;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	border-radius: 0.03rem;
}



* {
	word-wrap: break-word
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
	margin: 0;
	padding: 0
}

a:hover {
	text-decoration: none !important;
}

ul,
ol,
dl {
	list-style-type: none
}

html,
body {
	*position: static
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

input,
button {
	overflow: visible;
	vertical-align: middle;
	outline: none
}

body,
th,
td,
button,
input,
select,
textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
	font-size: .12rem;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	line-height: 1.6
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

a,
area {
	outline: none;
}

a {
	text-decoration: none;
	cursor: pointer
}

a:hover {
	text-decoration: underline;
	outline: none
}

a.ie6:hover {
	zoom: 1
}

a:focus {
	outline: none
}

a:hover,
a:active {
	outline: none
}

:focus {
	outline: none
}

sub,
sup {
	vertical-align: baseline
}

button,
input[type="button"],
input[type="submit"] {
	line-height: normal !important
}

/*img*/
img {
	border: 0;
	vertical-align: middle
}

a img,
img {
	-ms-interpolation-mode: bicubic
}

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


/*HTML5 reset*/
header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
legend {
	display: block;
	margin: 0;
	padding: 0
}

time {
	display: inline
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none
}

legend {
	width: 100%;
	margin-bottom: .2rem;
	font-size: .21rem;
	line-height: .4rem;
	border: 0;
	border-bottom: .01rem solid #e5e5e5
}

legend small {
	font-size: .15rem;
	color: #999
}

svg:not(:root) {
	overflow: hidden
}

fieldset {
	border-width: 0;
	padding: 0.35em 0.625em 0.75em;
	margin: 0 .02rem;
	border: .01rem solid #c0c0c0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

.cl:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.cl,
.clearfix {
	zoom: 1
}

/* reset */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
	font-weight: 400;
	line-height: 1;
	color: #999
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
	font-size: 65%
}

h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
	font-size: 75%
}

h1 {
	font-size: .34rem
}

h2 {
	font-size: .3rem
}

h3 {
	font-size: .24rem
}

h4 {
	font-size: .18rem
}

h5 {
	font-size: .14rem
}

h6 {
	font-size: .12rem
}

.l,
.f-l {
	float: left !important;
	_display: inline
}

.r,
.f-r {
	float: right !important;
	_display: inline
}

.text-l {
	text-align: left
}

.text-r {
	text-align: right
}

.text-c {
	text-align: center
}

.pos-r {
	position: relative
}

.pos-a {
	position: absolute
}

.pos-f {
	position: fixed
}

.pos-left {
	left: 0;
	right: auto
}

.pos-right {
	right: 0;
	left: auto
}

.pos-top {
	top: 0;
	bottom: auto
}

.pos-bottom {
	top: auto;
	bottom: 0
}

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

.mt-5 {
	margin-top: .05rem
}

.mt-10 {
	margin-top: .1rem
}

.mt-15 {
	margin-top: .15rem
}

.mt-20 {
	margin-top: .2rem
}

.mt-25 {
	margin-top: .25rem
}

.mt-30 {
	margin-top: .3rem
}

.mt-35 {
	margin-top: .35rem
}

.mt-40 {
	margin-top: .4rem
}

.mt-50 {
	margin-top: .5rem
}

.mb-5 {
	margin-bottom: .05rem
}

.mb-10 {
	margin-bottom: .1rem
}

.mb-15 {
	margin-bottom: .15rem
}

.mb-20 {
	margin-bottom: .2rem
}

.mb-30 {
	margin-bottom: .3rem
}

.mb-40 {
	margin-bottom: .4rem
}

.mb-50 {
	margin-bottom: .5rem
}

.ml-5 {
	margin-left: .05rem
}

.ml-10 {
	margin-left: .1rem
}

.ml-15 {
	margin-left: .15rem
}

.ml-20 {
	margin-left: .2rem
}

.ml-30 {
	margin-left: .3rem
}

.ml-40 {
	margin-left: .4rem
}

.ml-50 {
	margin-left: .5rem
}

.mr-5 {
	margin-right: .05rem
}

.mr-10 {
	margin-right: .1rem
}

.mr-15 {
	margin-right: .15rem
}

.mr-20 {
	margin-right: .2rem
}

.mr-30 {
	margin-right: .3rem
}

.mr-40 {
	margin-right: .4rem
}

.mr-50 {
	margin-right: .5rem
}

.pt-5 {
	padding-top: .05rem
}

.pt-10 {
	padding-top: .1rem
}

.pt-15 {
	padding-top: .15rem
}

.pt-20 {
	padding-top: .2rem
}

.pt-25 {
	padding-top: .25rem
}

.pt-30 {
	padding-top: .3rem
}

.pb-5 {
	padding-bottom: .05rem
}

.pb-10 {
	padding-bottom: .1rem
}

.pb-15 {
	padding-bottom: .15rem
}

.pb-20 {
	padding-bottom: .2rem
}

.pb-25 {
	padding-bottom: .25rem
}

.pb-30 {
	padding-bottom: .3rem
}

.pl-5 {
	padding-left: .05rem
}

.pl-10 {
	padding-left: .1rem
}

.pl-15 {
	padding-left: .15rem
}

.pl-20 {
	padding-left: .2rem
}

.pl-25 {
	padding-left: .25rem
}

.pl-30 {
	padding-left: .3rem
}

.pr-5 {
	padding-right: .05rem
}

.pr-10 {
	padding-right: .1rem
}

.pr-15 {
	padding-right: .15rem
}

.pr-20 {
	padding-right: .2rem
}

.pr-25 {
	padding-right: .25rem
}

.pr-30 {
	padding-right: .3rem
}

.pd-5 {
	padding: .05rem
}

.pd-10 {
	padding: .1rem
}

.pd-15 {
	padding: .15rem
}

.pd-20 {
	padding: .2rem
}

.pd-25 {
	padding: .25rem
}

.pd-30 {
	padding: .3rem
}

.pd-40 {
	padding: .4rem
}

.f-12 {
	font-size: .12rem
}

.f-14 {
	font-size: .14rem
}
.f-15 {
	font-size: .15rem
}
.f-16 {
	font-size: .16rem
}

.f-18 {
	font-size: .18rem;
}

.f-20 {
	font-size: .2rem
}

.f-22 {
	font-size: .22rem
}

.f-24 {
	font-size: .24rem
}

.f-26 {
	font-size: .26rem
}

.f-28 {
	font-size: .28rem
}

.f-30 {
	font-size: .3rem
}

.lh-16 {
	line-height: .16rem
}

.lh-18 {
	line-height: .18rem
}

.lh-20 {
	line-height: .2rem
}

.lh-22 {
	line-height: .22rem
}

.lh-24 {
	line-height: .24rem
}

.lh-26 {
	line-height: .26rem
}

.lh-28 {
	line-height: .28rem
}

.lh-30 {
	line-height: .3rem
}

.c-fff,
.c-fff a,
a.c-fff {
	color: #fff
}

.c-333,
.c-333 a,
a.c-333 {
	color: #333
}

.c-333 a:hover,
a.c-333:hover {
	color: #333
}

.c-666,
.c-666 a,
a.c-666 {
	color: #666
}

.c-666 a:hover,
a.c-666:hover {
	color: #666
}

.c-999,
.c-999 a,
a.c-999 {
	color: #999
}

.c-999 a:hover,
a.c-999:hover {
	color: #999
}

.c-primary,
.c-primary a,
a.c-primary {
	color: #174799
}

.c-primary a:hover,
a.c-primary:hover {
	color: #174799
}

.bg-fff {
	background-color: #fff;
}

.bg-666 {
	background-color: #666;
}

.bg-red {
	background-color: #e6322e;
}

.bg-grey {
	background-color: #f2f3f9;
}

.bg-primary {
	background-color: #174799;
}

table {
	width: 100%;
	empty-cells: show;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0
}

table th {
	text-align: left;
	font-weight: 400
}

.table th {
	font-weight: bold
}

.table th,
.table td {
	padding: .08rem;
	line-height: .2rem;
	word-break: break-all
}

.table td {
	text-align: left
}

.table tbody tr.success>td {
	background-color: #dff0d8
}

.table tbody tr.error>td {
	background-color: #f2dede
}

.table tbody tr.warning>td {
	background-color: #fcf8e3
}

.table tbody tr.info>td {
	background-color: #d9edf7
}

.table tbody+tbody {
	border-top: .02rem solid #ddd
}

.table .table {
	background-color: #fff
}

.table-border {
	border-top: .01rem solid #ddd
}

.table-border th,
.table-border td {
	border-bottom: .01rem solid #ddd
}

.table-bg thead th {
	background-color: #F5FAFE
}

.table-bordered {
	border: .01rem solid #ddd;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0
}

.table-bordered th,
.table-bordered td {
	border-left: .01rem solid #ddd
}

.table-border.table-bordered {
	border-bottom: 0
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}

.table-condensed th,
.table-condensed td {
	padding: .04rem .05rem
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #f5f5f5
}

.table tbody tr.selected td {
	background-color: #F3F3F3
}

.table tbody tr.active,
.table tbody tr.active>td,
.table tbody tr.active>th,
.table tbody tr .active {
	background-color: #F5F5F5 !important
}

.table tbody tr.success,
.table tbody tr.success>td,
.table tbody tr.success>th,
.table tbody tr .success {
	background-color: #DFF0D8 !important
}

.table tbody tr.warning,
.table tbody tr.warning>td,
.table tbody tr.warning>th,
.table tbody tr .warning {
	background-color: #FCF8E3 !important
}

.table tbody tr.danger,
.table tbody tr.danger>td,
.table tbody tr.danger>th,
.table tbody tr .danger {
	background-color: #F2DEDE !important
}

.table .text-c th,
.table .text-c td {
	text-align: center
}

.table .text-r th,
.table .text-r td {
	text-align: right
}

.table th.text-l,
.table td.text-l {
	text-align: left !important
}

.table th.text-c,
.table td.text-c {
	text-align: center !important
}

.table th.text-r,
.table td.text-r {
	text-align: right !important
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.btn {
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
	vertical-align: middle;
	-moz-padding-start: npx;
	-moz-padding-end: npx;
	border: solid .01rem #ddd;
	background-color: #fff;
	width: auto;
	*zoom: 1;
	*overflow: visible;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	transition: background-color .1s linear
}

a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn.active,
a.btn.disabled,
a.btn[disabled] {
	text-decoration: none
}

.btn:active,
.btn.active {
	background-color: #ccc
}

.btn:first-child {
	*margin-left: 0
}

.btn.active,
.btn:active {
	-moz-box-shadow: 0 .01rem .08rem rgba(0, 0, 0, 0.125) inset;
	-webkit-box-shadow: 0 .01rem .08rem rgba(0, 0, 0, 0.125) inset;
	box-shadow: 0 .01rem .08rem rgba(0, 0, 0, 0.125) inset
}

.btn-default {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #333 !important;
	background-color: #c7c7c7;
	border-color: #c7c7c7
}

.btn-primary {
	color: #fff !important;
	background-color: #174799;
	border-color: #174799;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	color: #fff !important;
	background-color: #123777;
	border-color: #123777
}

.btn-danger {
	color: #fff;
	background-color: #dd514c;
	border-color: #dd514c
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
	color: #fff;
	background-color: #c62b26;
	border-color: #c62b26
}

.btn-success {
	color: #fff;
	background-color: #5eb95e;
	border-color: #5eb95e
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
	color: #fff;
	background-color: #429842;
	border-color: #429842
}

.btn-warning {
	color: #fff;
	background-color: #f37b1d;
	border-color: #f37b1d
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
	color: #fff;
	background-color: #c85e0b;
	border-color: #c85e0b
}

.input-text,
.btn,
.input-text.size-M,
.btn.size-M {
	font-size: .14rem;
	height: .31rem;
	*height: auto;
	line-height: 1.42857;
	padding: .04rem
}

a.btn,
a.btn.size-M,
span.btn,
span.btn.size-M {
	line-height: .21rem
}

.btn,
.btn.size-M {
	padding: .04rem .12rem
}

.input-text.size-MINI,
.btn.size-MINI {
	font-size: .12rem;
	height: .23rem;
	padding: .01rem .02rem;
	line-height: 1.42857
}

/*迷你*/
a.btn.size-MINI,
span.btn.size-MINI {
	line-height: .21rem
}

.btn.size-MINI {
	padding: .01rem .04rem
}

.input-text.size-S,
.btn.size-S {
	font-size: .12rem;
	height: .27rem;
	padding: .03rem;
	line-height: 1.42857
}

/*小*/
a.btn.size-S,
span.btn.size-S {
	line-height: .19rem
}

.btn.size-S {
	padding: .03rem .08rem
}

.input-text.size-L,
.btn.size-L {
	font-size: .16rem;
	height: .41rem;
	padding: .08rem
}

/*大*/
a.btn.size-L,
span.btn.size-L {
	line-height: .23rem
}

.btn.size-L {
	padding: .08rem .16rem
}

.input-text.size-XL,
.btn.size-XL {
	font-size: .18rem;
	height: .48rem;
	padding: .1rem
}

/*特大*/
a.btn.size-XL,
span.btn.size-XL {
	line-height: .26rem
}

.btn.size-XL {
	padding: .1rem .24rem
}

.wp {
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

.radius {
	border-radius: .03rem
}

.round {
	border-radius: 100rem;
	overflow: hidden
}

.w-1320 {
	width: 13.2rem;
}

.w-1700 {
	width: 17rem;
	max-width: 1200px;
}

.b {
	font-weight: bold;
}

a {
	color: #333
}

a:link {
	text-decoration: none;
}

a:hover,
.oncolor a {
	color: #174799
}

.uppercase {
	text-transform: uppercase
}

/*文字大写*/
.lowercase {
	text-transform: lowercase
}

/*文字小写*/
.capitalize {
	text-transform: capitalize
}

/*首字母大写*/
.en {
	font-family: 'raleway';
	font-style: normal;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.hide {
	display: none
}

[hidden] {
	display: none
}

.line {
	font-size: 0;
	line-height: 0;
	border-top: solid 1px #eee;
	float: none;
}

/* 公共样式 */

html {
	font-size: 100px;
}

body {
	font-size: .14rem;
}

a,
a:hover,
.transition,
:before,
img {
	transition: All 0.3s linear;
}

* {
	box-sizing: border-box;
}

.photobig a {
	overflow: hidden;
	display: block;
}

.photobig a:hover img {
	transform: scale(1.1);
}


.logo {
	padding-top: .12rem;
}

.banner {
	height: 100%;
}

.banner .container img {
	height: 100vh;
	object-fit: cover;
	width: 100%;
}

.banner .container a {
	display: block;
}

.banner .container ul,
.banner .container li {
	width: 100% !important;
	height: 100vh !important;
}

.banner .arrow a {
	display: block;
	width: 0.53rem;
	height: 0.53rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: auto;
	top: 50%;
	bottom: auto;
	margin-top: -0.26rem;
	opacity: 0;
	background-color: #174799;
	border-radius: 50%;
	color: #fff;
	line-height: 0.53rem;
	text-align: center;
	font-size: 0.32rem;
}

.banner:hover .arrow a {
	opacity: .3;
}

.banner .arrow a.prev {
	left: 0.28rem;
}

.banner .arrow a.next {
	right: 0.28rem;
}

.banner .dots {
	bottom: 1.5rem !important;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	justify-content: center;
}

.banner .dots i {
	display: inline-block;
	border-radius: 50%;
	margin: 0 .1rem;
	width: .12rem;
	height: .12rem;
	background: rgba(255, 255, 255, 0.78);
}

.banner .dots i.on {
	background: #dcc55a;
}

.banner .container h2 {
	position: absolute;
	bottom: 1rem;
	left: 0;
	right: 0;
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	z-index: 2;
	display: flex;
	justify-content: center;
}

.banner .container:after {
	content: "\20";
	position: absolute;
	display: block;
	height: 2rem;
	opacity: 0.6;
	width: 100%;
	clear: both;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(transparent, #000);
	z-index: 1;
}

.item-nav {
	width: 100%;
	z-index: 2;
}

.item-nav .logo {
	width: 4rem;
}

.rtop,
.navlist {
	font-size: 0;
}

.rtop {
	position: relative;
	display: inline-block;
	padding: 0 .2rem;
}

.rtop a {
	color: #fff;
	opacity: 0.8;
	margin: 0 .1rem;
}

.rtop a:hover {
	color: #fff;
	opacity: 1;
}

.rtop:after {
	content: "\20";
	position: absolute;
	display: block;
	height: 100%;
	opacity: 0.2;
	width: 100%;
	clear: both;
	top: 0;
	left: 0;
	background-color: #fff;
	border-radius: 1rem;
	z-index: -1;
}

.item-nav:after {
	content: "\20";
	position: absolute;
	display: block;
	height: 100%;
	opacity: 0.4;
	width: 100%;
	clear: both;
	top: 0;
	left: 0;
	background-image: linear-gradient(#000, transparent);
	z-index: -1;
}

.rtop li {
	line-height: .32rem;
	display: inline-block;
}

.navlist li {
	display: inline-block;
	position: relative;
	margin-left: 17px;
}

.navlist li a.name {
	color: #fff;
	/*  margin-left: .3rem; */
	display: block;
	padding: 0.1rem 0;
	/*  font-weight: bold; */
}

.navlist li:hover a.name {
	color: #e2ca5b;
}

.navlist li a.name:hover {
	color: #e2ca5b;
}

.navlist li .list {
	position: absolute;
	z-index: 10;
	left: 0;
	right: -.4rem;
	top: -10rem;
	bottom: auto;
	background: #fff;
	border-top: #EE9640 solid .04rem;
	box-shadow: 0 0 0.38rem 0 rgba(0, 0, 0, 0.2);
	padding: .1rem 0;
	opacity: 0;
	visibility: hidden;
}

.navlist li .list:after {
	content: "";
	display: block;
	position: absolute;
	top: -0.06rem;
	left: 50%;
	margin-left: -0.1rem;
	width: 0.2rem;
	height: 0.2rem;
	background: #fff;
	transform: rotate(45deg);
	z-index: -1;

}

.navlist li:hover .list {
	opacity: 1;
	visibility: visible;
	top: 100%;
	transition: opacity 0.3s linear;
}

.navlist li .list a {
	display: block;
	font-size: .14rem;
	height: auto;
	line-height: .48rem;
	text-align: center;
	color: #174799;
}

.navlist li:hover .list dd:hover a {
	background: #cfcfcf;

}

/* banner */

.title h1:after {
	content: "\20";
	display: block;
	height: .03rem;
	width: .58rem;
	margin: .15rem auto;
	background-color: #174799;
}

.title {
	padding: .5rem 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
}

.title .en {
	font-size: 0.16rem;
}

.title h1 {
	font-size: 0.34rem;
	line-height: 1em;
	padding-top: 0.06rem;
}


.item-xueke {
	padding-bottom: .7rem;
}

.item-xueke-nav {
	width: 2.16rem;
	z-index: 1;
}

.item-xueke-title {
	width: 2.16rem;
	height: .7rem;
	line-height: .7rem;
	background: url(/publics/images/home/xueke-nbg.jpg) no-repeat center /cover;
}

.item-xueke-tabs a {
	display: block;
	height: .55rem;
	line-height: .55rem;
	transition: none;
}

.item-xueke-tabs a:hover {
	background: #456eb9;
	color: #fff;
}

.item-xueke-tabs a.on:hover {
	background: #fff;
	color: ##174799;
}

.item-xueke-tabs .on:hover {
	color: #174799
}

.item-xueke-tabs .on {
	background-color: #f2f3f9;
	border-left: .02rem #174799 solid;
	color: #174799;
}

.item-xueke-center {
	width: 10.64rem;

}

.item-xueke-center:after {
	content: "\20";
	position: absolute;
	display: block;
	width: 2.16rem;
	height: 100%;
	min-height: 2.6rem;
	background-image: linear-gradient(135deg, #093dad 40%, #3791fb);
	top: 0;
	left: -2.56rem;
	z-index: 0;
}

.item-xueke .list-center {
	display: none;
}

.item-xueke .list-center ul:last-child {
	margin-top: .2rem;

	display: flex;
	justify-content: left;
	gap: .3rem;
}

.item-xueke .active {
	display: block;
}

.item-xueke-center .img li {
	width: 3.346rem;
	height: 2rem;
	float: left;
	border-radius: .1rem;
	overflow: hidden;
	margin-left: .3rem;
}

.item-xueke-center .img li:first-child {
	margin-left: 0;
}



.item-xueke-center .list li {
	padding: 0.2rem;
	box-sizing: border-box;
	width: 3.4rem;
	background-color: #f9f9f9;
	border-radius: 0.05rem
}

.item-xueke-center .list-center h4>span a {
	color: #666;
}


.news-box .edge {
	width: 2.8rem;
}

.news-box .edge li {
	border-bottom: #E2E2E2 solid .01rem;
}

.news-box .edge li .img {
	display: flex;
	align-items: center;
	overflow: hidden;
	height: 1.57rem;
}

.news-box .edge li .name {
	font-size: .17rem;
	line-height: .24rem;
	font-weight: bold;
	padding: .25rem 0;
}

.news-box .edge li:last-child {
	border: 0;
}

.news-box .center {
	width: 6.7rem;
	margin: 0 .45rem;
	position: relative;
}

.news-box .box {
	/* width: 100%!important; */
}

.news-box .container {
	min-height: 7.2rem;
}

.news-box .center:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-left: #D6D6D6 solid .01rem;
	border-right: #D6D6D6 solid .01rem;
}

.news-box .center .toutiao {
	display: flex;
	align-items: center;
	justify-content: center;
}

.news-box .center h2 {
	padding: .15rem .55rem .2rem .55rem;
	line-height: .3rem;
}

.news-box .center .toutiao:before,
.news-box .center .toutiao:after {
	content: "";
	display: block;
	position: absolute;
	position: relative;
	width: .15rem;
	height: .01rem;
	background: #174799;
	opacity: 0.64;
	margin: 0 .15rem;
}

.news-box .arrow a.prev {
	left: 0rem;
}

.news-box .arrow a.next {
	right: 0rem;
}

.news-box .arrow .dots {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	height: 0.23rem;
	justify-content: center;
	align-items: center;
}

.news-box .arrow a {
	display: block;
	position: absolute;
	z-index: 5;
	left: auto;
	right: auto;
	color: #174799;
	bottom: 0;
}

.news-box .arrow .dots i {
	display: inline-block;
	border-radius: 50%;
	margin: 0 .05rem;
	width: .08rem;
	height: .08rem;
	background: #9D9D9D;
}

.news-box .arrow .dots i.on {
	background: #174799;
}

.news-box .center .info {
	text-indent: 2em;
	padding: 0 .8rem;
}

.news-box .imgbox {
	display: flex;
	height: 4.12rem;
	align-items: center;
	justify-content: center;
}

.news-box .arrow {
	position: absolute;
	z-index: 1;
	height: .23rem;
	left: .6rem;
	right: .6rem;
	top: auto;
	bottom: .35rem;
	display: flex;
	align-items: center;
}

.item-dangqun .container {
	width: 100% !important;
}

.item-dangqun .group {
	width: 100% !important;
}

.item-dangqun>.flex {
	margin-left: -.3rem;
}

.item-dangqun .box {
	width: 25%;
	padding-left: 0.3rem;
	margin-left: 0.3rem;
}

.item-dangqun .box a {
	display: block;
	background: #fff;
	border-radius: .1rem;
	position: relative;
}

.item-dangqun .box a .top {
	padding: .2rem .32rem .2rem .4rem;
	position: relative;
}

.item-dangqun .box a .bottom {
	padding: .14rem .32rem .28rem .4rem;
}

.item-dangqun .box a .top:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70%;
	height: .01rem;
	background: #285db9;
}

.item-dangqun .box a .top .rr {
	width: .6rem;
	height: .6rem;
	background: #285db9;
	border-radius: .1rem 0 .1rem .1rem;
	text-align: center;
	position: absolute;
	bottom: -0.3rem;
	left: -0.3rem;
}

.box_table {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.box_table_cell {
	display: table-cell;
	vertical-align: middle;
}

.item-dangqun .box a .top .rr h3 {
	font-size: 0.26rem;
	color: #fff;
	font-weight: bold;
}

.item-dangqun .box a .top .rr h6 {
	color: #fff;
}

.box_table_cell * {
	white-space: normal;
	word-wrap: break-word;
}

.item-dangqun .box a .top h5 {
	font-size: 0.16rem;
	line-height: 0.28rem;
	font-weight: bold;
}

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

.item-dangqun .box a .bottom p {
	color: #808a9b;
	transition: .5s;
}

.item-dangqun .box:nth-child(2n) {
	margin-top: 0.525rem;
}

.item-dangqun .box:nth-child(4n-1) {
	margin-top: 1.1375rem;
}

.item-dangqun .box a:hover {
	background: #174799;
}

.item-dangqun .box a:hover .top h5,
.item-dangqun .box a:hover .bottom p {
	color: #fff;
}

.item-dangqun .box:nth-child(2n) a .top .rr {
	background: #407cec
}

.item-dangqun .box:nth-child(4n-1) a .top .rr {
	background: #6e9cf2
}

.item-dangqun .box:nth-child(4n) a .top .rr {
	background: #9ec0ff
}

.item-dangqun .box:nth-child(2n) a .top:before {
	background: #407cec
}

.item-dangqun .box:nth-child(4n-1) a .top:before {
	background: #6e9cf2
}

.item-dangqun .box:nth-child(4n) a .top:before {
	background: #9ec0ff
}

.item-dangqun .arrow {
	position: absolute;
	z-index: 1;
	width: 2.8rem;
	height: 0.18rem;
	right: 0rem;
	top: 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-dangqun .arrow a {
	display: block;
	position: absolute;
	z-index: 5;
	left: auto;
	top: 0;
	right: auto;
	color: #174799;
	font-weight: bold;
	font-size: .2rem;
	line-height: 1;
}

.item-dangqun .arrow .prev {
	left: 0;
}

.item-dangqun .arrow .next {
	right: 0;
}

.item-dangqun .dots i {
	width: .1rem;
	height: .1rem;
	display: block;
	border-radius: 50%;
	margin: 0.02rem;
	background-color: #174799;
}

.item-dangqun .dots span {
	margin: 0 .12rem;
	position: relative;
}

.item-dangqun .dots span.on i {
	margin: 0.02rem;
	background-color: #174799;

}

.item-dangqun .dots span.on {
	border: 1px #174799 solid;
	border-radius: 50%;
}

.item-dangqun .dots span {
	border: 1px transparent solid;
	border-radius: 50%;
}

.item-dangqun .dots {
	z-index: 0;
	bottom: 0 !important;
	height: .18rem;
	position: relative;
	width: 2.2rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-dangqun .dots:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 0.3rem;
	height: .01rem;
	background: #174799;
	left: 0;

	opacity: .5;
}

.item-dangqun .dots:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0.3rem;
	height: .01rem;
	background: #174799;
	right: 0;
	opacity: .5;
}

.item-dangqun .dots i:before {
	content: "";
	position: absolute;
	left: 0.2rem;
	width: .075rem;
	height: .01rem;
	background: #174799;
	opacity: .5;
	top: 50%;
}

.item-dangqun .dots i:after {
	content: "";
	position: absolute;
	right: 0.2rem;
	width: .075rem;
	height: .01rem;
	background: #174799;
	opacity: .5;
	top: 50%;
}

.item-dangqun .swiper-pagination-bullet {
	position: relative;
	margin: 0 .11rem !important;
	opacity: 1;
	/* background:#174799; */

}

.item-zs-bg:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4.3rem;
	right: 0;
	background: url(/publics/images/home/zsbg.jpg) center no-repeat;
	background-size: cover;
	height: 12.3rem;
}

.item-zstop .container {
	padding: 1rem 0;
	position: relative;
	z-index: 5;
}

.item-zstop .container .list {
	width: 3.19rem;
	height: 6.68rem;
	flex-shrink: 0;
	background: url(/publics/images/home/picbg.png) center no-repeat;
	background-size: 100% 100%;
	padding: 0.6rem 0.5rem 0 0.5rem;
	position: absolute;
	z-index: 1;
	left: 0;
	right: auto;
	top: auto;
	bottom: 1rem;
}

.item-zstop .container .list ul {
	margin-bottom: 0.4rem;
}

.item-zstop .container .list a {
	display: block;
	font-weight: bold;
	line-height: 0.6rem;
	border-bottom: #B3B3B3 solid .01rem;
	position: relative;
	font-size: 0.18rem;
}

.item-zstop .container .list a i {
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	font-style: normal;
	font-weight: 100;
}

.item-zstop .container .video {
	width: 10.01rem;
	position: relative;
	margin-left: auto;
}

.item-zstop .play-video {
	width: 100%;
	height: 100%;
	display: block;
}

.item-zstop .play-video .v-play {
	left: 50%;
	top: 50%;
	font-size: 80px;
	transform: translate(-50%, -50%);
	text-shadow: 0 0 80px #000;
	transition: all ease 0.4s;
	color: rgb(255 255 255 / 74%);
}



.item-zstop .zstitle {
	padding: 0.35rem 0 0.45rem 0;
	position: relative;
	text-align: left;
	color: #fff;
	z-index: 5;
}

.item-zstop .zstitle h1:after {
	display: none;
}

.item-zstop .zstitle dl {
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0.45rem;
	display: flex;
}

.item-zstop .zstitle dl dd {
	margin-left: 0.2rem;
	position: relative;
}

.item-zstop .zstitle dl dd a {
	display: block;
	width: 0.56rem;
	height: 0.56rem;
	font-size: .28rem;
	border-radius: 50%;
	color: #fff;
	background: rgba(255, 255, 255, 0.11);
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item-zstop .zstitle dl dd a:hover {
	background: #174799;
}

.item-zstop .zstitle:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3.45rem;
	height: 0.03rem;
	background: #EE9640;
}

.item-zstop .photo {
	position: relative;
	z-index: 2;
}

.item-zstop .photo ul {
	display: flex;
	flex-wrap: wrap;
}

.item-zstop .photo li {
	width: 25%;
}

.item-zstop .photo li a {
	position: relative;
	display: block;
}

.item-zstop .photo li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: .8;
	background-image: linear-gradient(180deg, transparent 50%, #000);
}

.item-zstop .photo li.double {
	width: 50%;
}

.item-zstop .photo li img {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);

}

.item-zstop .photo li:hover img {
	height: 110%;
}

.item-zstop .photo li:hover.double img {
	width: 110%;
}

.item-zstop .photo li a .img {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.item-zstop .photo li.double a .img {
	padding-top: 50%;
}

.item-zstop .photo li.double img {
	width: 100%;
	height: auto;
}

.item-zstop .photo li a .layer {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	padding: 0 0.4rem;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
}

.item-zstop .photo li a .layer p {
	width: 100%;
	font-size: 0.16rem;
	line-height: 0.26rem;
	margin-top: 0.02rem;
	max-height: 1.04rem;
	overflow: hidden;
}

.item-zstop .photo li a .layer .info {
	border-bottom: #EE9640 solid 0.07rem;
	font-size: 0.14rem;
	padding: 0.15rem 0;
	display: flex;
	align-items: center;
}

.item-zstop .photo li a .layer .info-2 {
	border-color: #47D800;
}

.item-zstop .photo li a .layer .info-3 {
	border-color: #ef01fe;
}

.item-zstop .photo li a .layer .info-4 {
	border-color: #00e9ff;
}

.item-zstop .photo li a .layer .info i {
	margin-right: 0.1rem;
}

/* photo */
.foot-link {
	padding-bottom: .6rem;
}

.foot-link .title {
	padding: 0.6rem 0 .3rem 0;
	font-size: .34rem;
	text-align: left;
}

.foot-link ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 7.59rem;
}

.foot-link ul li {
	width: 33.333%;
	padding: 0.05rem 0.65rem 0 0;
}

.foot-link ul li a {
	display: block;
	border-bottom: #DDD solid .01rem;
	font-size: 0.16rem;
	color: #616161;
	line-height: 0.45rem;
}

.foot-link .ewm {
	width: 2.19rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0.5rem;
}

.foot-link .ewm p {
	text-align: center;
	font-size: .12rem;
}

.footer {
	padding-top: 0.5rem;
}

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

.footer-row .fsbot {
	display: flex;
	align-items: center;

}

.footer .flogo {
	width: 40%;
}

.footer .list {
	width: 3.5rem;
}

.footer .list li {
	padding-right: 0.2rem;
}

.footer .list li i {
	margin-right: 0.05rem;
}

.footer .social {}

.footer .list ul {
	display: flex;
	flex-wrap: wrap;
}

.footer .social ul {
	display: flex;
}

.footer .social li {
	margin-left: 0.15rem;
	position: relative;
}

.footer .social a {
	width: 0.5rem;
	height: 0.5rem;
	font-size: .22rem;
	border-radius: 50%;
	color: #fff;
	background: rgba(255, 255, 255, 0.11);
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .social a:hover,
.footer .social li:hover>a {
	background-color: #fbfcfd;
	color: #174799;
}

.footer .social li .layer {
	border-radius: 0.1rem;
	background: #fff;
	width: 1.45rem;
	margin-left: -1rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	right: auto;
	bottom: 100%;
	top: auto;
	margin-bottom: 0;
	padding: 0.18rem 0.2rem;
	opacity: 0;
	visibility: hidden;
	transition: All 0.5s ease;
	text-align: center;
}

.footer .social li .layer:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -0.06rem;
	right: 0.35rem;
	width: 0.2rem;
	height: 0.2rem;
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.footer .social li .layer .ewm .name {
	font-size: .12rem;
	padding-top: 0.03rem;
	color: #727084;
}

.footer .social li:hover .layer {
	box-shadow: 0rem 0rem .2rem 0rem rgba(0, 0, 0, 0.1);
	margin-bottom: 0.18rem;
	opacity: 1;
	visibility: visible;
}

.footer .info {
	opacity: 0.36;
	line-height: 0.45rem;
	display: flex;
	justify-content: space-between;
	border-top: rgba(255, 255, 255, 0.27) solid .01rem;
}

.footer .info a:hover {
	color: #fff;
}

/* 首页 */
@font-face {
	font-family: 'raleway';
	src: url('/publics/fonts/raleway2.woff') format('woff2'),
		url('/publics/fonts/raleway.woff') format('woff');
}

.head {
	height: 1.21rem;
	position: relative;
}

.head a.alogo {
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 3.4rem;
	height: 100%;
	background: url(/publics/images/home/logo.png) left center no-repeat;
	background-size: 100%;
}

.head .btn-bm {
	position: absolute;
	z-index: 10;
	left: auto;
	right: 0rem;
	top: 0.42rem;
	bottom: auto;
}

.head .onbtn {
	width: 1.58rem;
	height: 0.36rem;
	line-height: 0.32rem;
	padding: 0;
}

.head .artnav {
	position: absolute;
	z-index: 10;
	left: auto;
	right: 1.8rem;
	top: 0;
	bottom: auto;
}

.head .artnav li {
	position: relative;
}

.head .artnav li:hover a.name {
	color: #174799;
}

.head .artnav li .list {
	position: absolute;
	z-index: 10;
	left: 0;
	right: auto;
	top: -10rem;
	bottom: auto;
	background: #fff;
	width: 2.2rem;
	border-left: #174799 solid .02rem;
	margin-top: -.3rem;
	box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
	padding: 0 0 .1rem 0;
	opacity: 0;
	visibility: hidden;
}

.head .artnav li:hover .list {
	opacity: 1;
	visibility: visible;
	top: 100%;
	transition: opacity 0.3s linear;
}

.head .artnav li .list a {
	display: block;
	font-size: .14rem;
	height: auto;
	line-height: .38rem;
	color: #4a4a4a;
	padding-left: .23rem;
}

.head .artnav li .list:before {
	content: "";
	display: block;
	position: absolute;
	left: -.02rem;
	width: .02rem;
	height: .5rem;
	top: -.5rem;
	background: #174799;
}

.head .artnav li:hover .list dd:hover a {
	background: #f3f3f3;
	color: #174799;
}

.head .artnav li .list a:hover {
	padding-left: .37rem;
}

.head .artnav li a.name {
	display: block;
	height: 1.21rem;
	padding: .38rem .2rem 0 .2rem;
	position: relative;
	font-size: .16rem;
	color: #000;
	text-align: center;
}

.head .artnav li a.name span {
	display: block;
	font-size: .12rem;
	position: absolute;
	z-index: 10;
	left: -10%;
	right: auto;
	top: 0.64rem;
	bottom: auto;
	width: 120%;
	opacity: .6;
}

.pageBanner {
	height: 4.5rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.listBg1 {
	background-image: url(/publics/images/home/list01.jpg);
}

.listBg2 {
	background-image: url(/publics/images/home/list02.jpg);
}

.listBg3 {
	background-image: url(/publics/images/home/list03.jpg);
}

.listBg4 {
	background-image: url(/publics/images/home/list04.jpg);
}

.listBg5 {
	background-image: url(/publics/images/home/list05.jpg);
}

.listBg6 {
	background-image: url(/publics/images/home/list06.jpg);
}



.pageBanner .ral h2 {
	font-size: .48rem;
	padding: 1.52rem 0 0 0;
	font-weight: bold;
}

.pageBanner .bg {
	position: absolute;
	z-index: 10;
	left: 50%;
	right: auto;
	top: auto;
	bottom: 0;
	width: 100%;
	background: #fff;
	height: .7rem;
	margin-left: -6.6rem;
	padding: .25rem 0 0 .4rem;
}

.pageBanner .navBar {
	height: .45rem;
	line-height: .45rem;
	color: #919191;
	background-size: .14rem;
}

.pageBanner .navBar a {
	color: #919191;
}

.pageBanner .navBar a:hover {
	color: #174799;
}

.pagebox {
	padding-bottom: 50px;
}

.sideNav {
	padding: .25rem 0 0 .45rem;
	width: 2.36rem;
	position: relative;
	overflow: hidden;
}

.sideNav:before {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	top: .35rem;
	width: .01rem;
	height: 100%;
	background: #cfd1d1;
}

.sideNav li {
	position: relative;
	border-bottom: #f0f0f0 solid .01rem;
}

.sideNav li:before {
	content: "";
	display: block;
	position: absolute;
	left: -.45rem;
	top: 10%;
	width: .03rem;
	background: #174799;
	height: 80%;
	opacity: 0;
}

.sideNav li a:hover,
.sideNav li a.on {
	color: #174799;
}

.sideNav li a:hover:before,
.sideNav li a.on:before {
	height: .3rem;
	margin-top: -.15rem;
}

.sideNav li a {
	display: block;
	line-height: .51rem;
	position: relative;
	font-size: .16rem;
	color: #666;
}

.sideNav li a:before {
	content: "";
	display: block;
	position: absolute;
	left: -.45rem;
	top: 50%;
	width: .03rem;
	background: #174799;
	height: 0;
	margin-top: 0;
}

.content {
	width: 10rem;
}

.content h2.pageTitle {
	color: #174799;
	font-size: .32rem;
	padding: .32rem 0 .22rem 0;
}

.content .pageText {
	font-size: .16rem;
	line-height: .28rem;
	color: #2e414a;
	text-align: justify;
}

.content .pageText p {
	margin-bottom: .1rem;
}

.content .pageText p img {
	display: block;
	margin: 0 auto;
}

.pageList a {
	display: block;
	position: relative;
	border-bottom: #e9e9e9 solid 1px;
	font-size: .16rem;
	color: #000;
	min-height: .66rem;
	line-height: .66rem;
	padding-left: 1.18rem;
}

.pageList a .time {
	color: #174799;
	position: absolute;
	z-index: 10;
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
}

.pageList a:hover {
	color: #174799;
}

/*.pageNum{
  justify-content: center;
}
.pageNum a{
  padding:.07rem .1rem;
  border: .01rem solid #e9e9e9;
  margin-right:.05rem;
  border-radius: .03rem;
}
.pageNum a:hover{
  background-color: #174799;
  border-color: #174799;
  color:#fff;
}
.pageNum .record{
  display:none;
}
.pageNum b{
  background-color: #174799;
  padding: .07rem .1rem;
  border: .01rem solid #174799;
  color: #fff;
  margin-right: .05rem;
  border-radius: .03rem;
}*/

.pagination:after {
	clear: both;
	display: block;
	content: "";
	line-height: 0;
}

.pagination {
	padding: .2rem 0;
}

.pagination>li {
	display: inline-block;
	float: left;
}

.pagination>.active>a {
	background-color: #174799;
	color: #fff;
}

.pagination>li>a {
	padding: .1rem .15rem;
	border: .01rem solid #e9e9e9;
	margin-right: .05rem;
	border-radius: .03rem;
}

.pagination a[href]:hover {
	background-color: #174799;
	color: #fff;
}



.artTop {
	position: relative;
	height: 1.8rem;
	margin-bottom: 0.39rem;
	overflow: hidden;
}

.artTopBox {
	height: 1.5rem;
	padding-top: 0.55rem;
}

.artTop:before {
	background-image: linear-gradient(90deg, #093dad 40%, #3791fb);
	height: 1.5rem;
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.artTopBox:before {
	height: 1.4rem;
	background: #fff;
	position: absolute;
	top: 0.28rem;
	content: "";
	display: block;
	right: -.44rem;
	left: -50vw;
}

.artTop .navBar {
	z-index: 2;
}

.artCenter {}

.artCenter .left {
	width: 9.1rem;
}

.artCenter .left .body {
	font-size: .16rem;
	line-height: 1.8;
	text-align: justify;
	word-break: break-all;
	padding-bottom: .5rem;
}

.artCenter .left .body p {
	margin-bottom: .15rem;
}

.artCenter .left .body img {
	max-width: 80%;
}

.artCenter .artTitle {
	margin-top: -1.3rem;
}

.artCenter .artTitle h1 {
	line-height: .5rem;
	margin-bottom: .14rem;
}

.artCenter .right {
	width: 3.2rem;
	padding-bottom: .5rem;
	position: relative;
}

.artCenter .right .atitle {
	border-bottom: 0.02rem solid #d6d6d6;
	padding-bottom: 0.15rem;
}

.artCenter .right .list {
	margin-top: 0.24rem;
	margin-left: 0.06rem;
	border-left: .01rem solid #cfcfcf;
}

.artCenter .right .list li {
	position: relative;
	margin-bottom: 0.2rem;
}

.artCenter .right .list li:before {
	content: "";
	width: 0.09rem;
	height: 0.09rem;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	position: absolute;
	top: 0.08rem;
	left: -0.06rem;
	background: #fff;
}

.artCenter .right .list li time {
	font-size: 0.12rem;
	color: #174799;
	display: block;
	width: .59rem;
	height: .26rem;
	min-width: 48px;
	min-height: 21px;
	background: url(/publics/images/home/artlist_bg.png) no-repeat center /cover;
	text-align: center;
	line-height: .26rem;
	margin-left: 0.1rem;
	margin-bottom: 0.15rem;
}

.artCenter .right .list li+li+li time {
	color: #000;
}

.artCenter .right .list li p {
	font-size: 0.14rem;
	line-height: 0.22rem;
	margin-left: 0.17rem;
}

.subnav {
	margin-top: 0.32rem;
}

.subnav ul {
	justify-content: center;
}

.subnav:after {
	content: "";
	position: absolute;
	right: 0;
	background: #e3e3e3;
	height: .01rem;
	top: 50%;
	margin-top: -0.005rem;
	width: 100%;
	z-index: -1;
}

.subnav li a {
	display: block;
	background-color: #fff;
	padding: 0.1rem 0.2rem;
	border: 1px #ddd solid;
}

.subnav li a.on {
	background-color: #174799;
	border-color: #174799;
	color: #fff;
}

.subnav li+li {
	margin-left: -.01rem;
}

.pageListPhoto {
	overflow: hidden;
	margin-top: .2rem;
}

.pageListPhoto ul {
	margin: 0 -0.15rem;
}

.pageListPhoto li {
	width: 25%;
	padding-left: .15rem;
	padding-right: .15rem;
	float: left;
	margin-top: .3rem;
}

@media only screen and (max-width: 1200px) {
	.pageListPhoto li {
		width: 33.3333%;
	}
}

.pageVideo li a:after {
	content:
		"\e63e";
	font-family: "iconfont" !important;
	display: flex;
	left: 0;
	right: 0;
	top: .3rem;
	bottom: 0;
	font-size: .7rem;
	position: absolute;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-shadow: 0 0 80px #000;
	transition: All 0.5s ease;
	opacity: 0;
	visibility: hidden;
}

.pageVideo li a:hover::after {
	top: 0;
	opacity: .92;
	visibility: visible;
}

.pageListPhoto li a {
	border-radius: .05rem .05rem 0 0;
	overflow: hidden;
	position: relative;

}

.pageListPhoto li p {
	background-color: #f3f5f8;
	line-height: .5rem;
	border-radius: 0 0 .05rem .05rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}














.picshowlist_mid {
	width: 100%;
	margin-left: .3rem;
	margin-right: .3rem;
	overflow: hidden;
	justify-content: space-between;
	align-items: center;
}

.picmidleft,
.picmidright {
	height: 1.3rem;
	overflow: hidden;
}

.picmidmid {
	width: 100%;
	overflow: hidden;
	height: 1.3rem;
	margin: 0 .2rem;
	display: flex;
	align-items: center;
}

.picmidmid ul {
	display: flex;
	align-items: center;
}

.picmidmid ul li {
	padding: 0 .05rem;
	text-align: center;
	overflow: hidden;
	position: relative;
	min-width: 20%;
}

.picmidmid ul li a {
	display: flex;
	width: 100%;
}

.picmidmid ul li img {
	max-height: 1.2rem;
	max-width: 100%;
	border: 5px solid #fff;
}

.picmidright a,
.picmidleft a {
	display: block;
}

.picmidleft a,
.picmidright a {
	height: 1.3rem;
	padding: 0 .1rem;
	background: #f9f9f9;
	line-height: 1.3rem;

}

.picmid-rad-l {
	border-radius: .1rem 0 0 .1rem;
}

.picmid-rad-r {
	border-radius: 0 .1rem .1rem 0;
}

.picmidmid ul li a img:hover,
.picmidmid .selectpic {
	border: 5px solid #dfdfdf;
}

.picleftimg a {
	display: block;
	max-width: 1.3rem;
	overflow: hidden;
	border: .05rem solid #f1f1f1;
}

.picleftimg p {
	padding-top: 0.1rem;
	max-width: 1.3rem;
}

.picleftimg img {
	max-width: 1.2rem;
}

.picshowtxt_right {
	padding-left: .3rem;
	width: 100%;
}

.picshowtxt {
	align-items: center;
}

.picshowtxt_left {
	font-family: Georgia;
	font-size: .3rem;
}

.picshowtxt_left span {
	color: #174799;
	font-size: .6rem;
}

.picshowtxt_left i {
	color: #666666;
	font-size: .4rem;
}

.picshowtop {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.contextDiv {
	cursor: pointer;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0px;
	z-index: 5;
}

.contextDiv span {
	position: absolute;
	top: 50%;
	margin-top: -0.75rem;
	width: 1rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .7rem;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	display: none;
}

#nextArrow_A {
	right: 0px;
}

#preArrow_A {
	left: 0px;
}

.closebtn2 {
	display: block;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	right: -.15rem;
	top: -.15rem;
}

.pictwo {
	overflow: hidden;
	margin-top: .2rem;
}

.pictwo ul li {
	width: 1.2rem;
	height: .88rem;
	float: left;
	margin-right: .15rem;
	position: relative;
	overflow: hidden;
}

.pictwo ul li:nth-child(2) {
	margin-right: 0;
}

.pictwo ul li img {
	width: 1.2rem;
	height: .88rem;
}

.replaybtn1 {
	display: inline-block;
	padding: 0.1rem 0.25rem;
	background-color: #fff;
}

/*图片特效*/

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


.picshowlist {
	justify-content: space-between;
	align-items: center;
}

.picshow {
	width: 100%;
	padding-bottom: .5rem;
	overflow: hidden;
}

#pic1 {
	max-width: 100%;
	width: 100%;
}

#preArrow {
	left: 0px;
}

#nextArrow {
	right: 0px;
}

.piclistshow {
	padding-bottom: .5rem;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #e4e4e4;
	display: none;
	background-color: #fff;
}

.piclistshow ul li {
	width: 25%;
	height: 2.8rem;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
	border-right: 1px solid #e4e4e4;
	cursor: pointer;
	padding-top: .3rem;
}

.piclistshow .picimg {
	width: 100%;
	height: 1.8rem;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0px .1rem;
}

.picimg img {
	width: 100%;
	max-height: 1.8rem;
}

.pictxt {
	padding: .15rem .2rem 0;
	text-align: center;
	height: .5rem;
	overflow: hidden;
}

/*弹出层*/
.bodymodal {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 1100;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
}

.firsttop_left {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: .3rem;
	overflow: hidden;
	float: left;
}

.firsttop_right {
	float: left;
	overflow: hidden;
}

.close2 {
	height: 17px;
}

.close2 a {
	width: 30px;
	height: 30px;
	display: block;
	float: right;
}

.imgdivtext {
	position: absolute;
	bottom: 0px;
	height: 25px;
	width: 120px;
	background: rgba(0, 0, 0, 0.6);
	line-height: 25px;
	text-align: center;
	left: 0px;
	z-index: 4;
	*background: #000;
	*filter: alpha(opacity=50);
}

.imgdivtext a {
	color: White;
	font-size: 14px;
	font-weight: bold;
}

.imgdivtext a:hover {
	color: #ff702d;
	text-decoration: underline;
}

.endtop {
	width: 5.75rem;
	padding: .2rem;
	background: #1c1c1c;
	position: fixed;
	top: 50%;
	margin-top: -1.45rem;
	z-index: 1200;
	color: White;
	display: none;
}

.indexZy {}

.indexZy ul {
	margin: 0 -0.2rem;
}

.indexZy li {
	float: left;
	width: 50%;
	padding: 0 0.2rem;
	margin-top: 0.3rem;
	margin-bottom: 0.1rem;
}

.indexZy h2 {
	color: #fff;
	padding: 0.18rem 0.3rem;
	background-image: linear-gradient(140deg, #093dad, #09b8fc);
}

.indexZy .text {
	background-color: #fafafa;
	padding: 0.2rem 0.3rem .7rem;
	position: relative;
	min-height: 1.8rem;
}

.indexZy .showbtn {
	justify-content: space-between;
	bottom: 0.2rem;
	position: absolute;
	left: 0.3rem;
	right: 0.3rem;
}

.indexZy .showbtn .btn {
	width: 48%;
}

.Fform .bminput {
	justify-content: space-between;
}

.Fform .bminput .inputBox {
	width: 49%;
}

.Fform .Finput {
	padding: .15rem .25rem;
	width: 100%;
}

.Fform .Finput,
.Fform textarea {
	background-color: #f3f5f8;
	border: none;
}

.Fform textarea {
	width: 100%;
	height: 2rem;
	resize: none;
	padding: .15rem .25rem;
}

.pageZhaoshen {
	overflow: hidden;
}

.pageZhaoshen ul {
	margin: 0 -.15rem;
}

.pageZhaoshen li {
	float: left;
	padding: 0 .15rem;
	width: 50%;
}

.pageZhaoshen li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 1.8rem;
}

.pageZhaoshen li p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	color: #fff;
	padding: 0.2rem .3rem;
	z-index: 5;
}

.pageZhaoshen li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity: .8;
	transition: All 0.5s ease;
	background-image: linear-gradient(transparent 20%, #174799);
}

.pageZhaoshen li p:after {
	content: "";
	display: block;
	position: absolute;
	left: .3rem;
	top: auto;
	height: .05rem;
	width: 10%;
	bottom: 0;
	z-index: 2;
	background-color: #9cd24f;
	transition: All 0.5s ease;
}

.pageZhaoshen li a:hover p:after {
	width: 30%;
}

.pageZhaoshen li a:hover::after {
	opacity: .6;
}

.pageZsTable td {
	font-size: .16rem;
	padding: 0.12rem 0.3rem;
}

.pageZsTable thead,
.pageZswtTitle {
	background-image: linear-gradient(140deg, #093dad, #09b8fc);
}

.pageZsTable thead th {
	color: #fff;
	font-size: .2rem;
	padding: 0.175rem 0.3rem;
	font-weight: normal;
}

.pageZswtTitle {
	padding: 0.175rem 0.3rem;
	line-height: .2rem;

}

.pageZswt h3:nth-of-type(even) {
	background-color: #f9f9f9;
}

.pageZswt .name {
	padding: 0.175rem 0.3rem;
	line-height: .2rem;
	transition: All 0.2s ease;
}

.pageZswt .name:hover {
	background-color: #ececec;
}

.pageZswt .text {
	display: none;
	padding: 0.3rem;
	background-image: linear-gradient(#fbfbfb, #ecf3fd);
}

.pageZswt .text p {
	margin-bottom: .1rem;
}

.pageZswt .name .iconfont:before {
	content: "\e600";
}

.pageZswt .name.current .iconfont:before {
	content: "\e60b";
}

.pageZswt .name.current {
	background-color: #093dad;
	color: #fff;
}

.pageZswt .zxbtn {
	border-top: .01rem #d5e0e0 solid;
}

.mod-jobbox .hd li {
	float: left;
	width: 33.3333%;
}

.mod-jobbox .hd li a {
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	display: inline-block;
}

.mod-jobbox .hd ul {
	width: 5rem;
	background-color: #f3f5f8;
	border-radius: .25rem;
	overflow: hidden;
}

.mod-jobbox .hd li.on a {
	background-color: #174799;
	color: #fff;
}

.mod-jobbox .bd {
	padding-top: .35rem;
	overflow: hidden;
}

.mod-jobbox .bd .tab1 li {
	float: left;
	width: 20%;
	height: 3.89rem;
	overflow: hidden;
	position: relative;
}

.mod-jobbox .bd .tab1 .txt-s {
	position: absolute;
	bottom: -28.5%;
	left: 0;
	right: 0;
	z-index: 1;
	padding: .1rem .2rem;
	height: 2.35rem;
	transition: all ease .3s;
}

.mod-jobbox .bd .tab1 .txt-s:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: -1;
	background-color: #000;
	top: 0;
	left: 0;
	opacity: 0.6;
}

.mod-jobbox .bd .tab1 .num {
	font-size: .32rem;
}

.mod-jobbox .bd .tab1 .num:after {
	content: "";
	display: block;
	position: relative;
	width: .2rem;
	height: .05rem;
	background-color: #174799;
	margin: 0 auto;
}

.mod-jobbox .bd .tab1 li:hover .txt-s {
	bottom: 0;
	transition: all ease .3s;
}

.mod-jobbox .bd .tab2 li {
	width: 2.35rem;
	background-color: #f3f5f8;
	position: relative;
	padding: .3rem;
	overflow: hidden;
	border-radius: .1rem;
	height: 3.89rem;
	float: left;
	margin-left: .2rem;
}

.mod-jobbox .bd .tab2 li:first-child {
	margin-left: 0;
}

.mod-jobbox .bd .tab2 li .txt-btn {
	bottom: .5rem;
	left: 0;
	right: 0;
	text-align: center;
}

.mod-jobbox .bd .tab2 li h3:after {
	content: "";
	display: block;
	position: relative;
	width: .2rem;
	height: .05rem;
	background-color: #174799;
	margin: .15rem auto;
}

.mod-jobbox .bd .tab3 .img {
	width: 4.9rem;
	height: 3.89rem;
	overflow: hidden;
	border-radius: .1rem;
}

.mod-jobbox .bd .tab3 .text {
	width: 4.8rem;
}

.mod-jobbox .bd .tab3 h3 {
	padding-bottom: .1rem;
}

.mod-jobbox .bd ul {
	display: none;
}

.mod-jobbox .bd .active {
	display: block;
}

.itemXiaoqi .swiper-slide {
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}

.itemXiaoqi .swiper-slide p {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	line-height: .5rem;
	height: .5rem;
	margin-bottom: 0;
	z-index: 1;
	color: #fff;
	text-align: center;
}

.itemXiaoqi .swiper-slide p:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: -1;
	top: 0;
	background-color: #000;
	opacity: 0.5;
}

.pageTitle span.f-r {
	font-weight: normal;
	line-height: 0.32rem;
}

.topbox {
	background-color: #fff;
	border-bottom: 3px solid #174799;
}

/*浮窗*/
@media only screen and (max-width: 1000px) {
	.fixedRb {
		display: none;
	}
}

.fixedRb a,
.fixedRb a:hover {
	color: #fff;
}

.fixedRb {
	width: .95rem;
	background: url(/publics/images/home/telbg.png) no-repeat top center;
	padding-top: .85rem;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -1.94rem;
	z-index: 5;
}

.fixedRb .toptxt {
	background-color: #174799;
	padding: .05rem 0;
}

.fixedRb li {
	float: right;
	width: .95rem;
	transition: all ease 0.2s;
}

.fixedRb li>a {
	padding: .15rem 0;
	display: block;
}

.fixedRb .zx {
	background-color: #355ea3;
}

.fixedRb .ontel {
	background-color: #0e3679;
	overflow: hidden;
	height: .86rem;
	width: 4rem;
	margin-right: -3.05rem;
}

.fixedRb .ontel .telwd {
	width: .95rem;
	float: left;
	height: .86rem;
	padding: .15rem 0;
}

.fixedRb .gtop {
	background-color: #000;
	opacity: 0.6;
	filter: Alpha(opacity=60);
}

.fixedRb li .iconfont {
	font-size: .3rem;
	line-height: 1
}

.fixedRb li p {
	margin-bottom: 0;
}

.fixedRb .zx:hover,
.fixedRb .gtop:hover {
	width: 1.05rem;
}

.fixedRb .ontel:hover {
	margin-right: 0;
}

.fixedRb .telBr {
	border-radius: .3rem;
	height: .41rem;
	width: 2.8rem;
	margin: .225rem 0;
	overflow: hidden;
}

.fixedRb .tel {
	border: none;
	background: none;
	float: left;
	height: .41rem;
	line-height: .41rem;
	font-size: .16rem;
	padding-left: .15rem;
	width: 1.9rem;
	background-color: #fff;
}

.fixedRb .onsub {
	float: left;
	background-color: #1f56b3;
	width: .9rem;
	height: .41rem;
	line-height: .41rem;
}

.fixedRb .onsub:hover {
	background-color: #1c3767;
}

.fixedRb .fRcolse {
	top: 0;
	right: 0;
	font-size: .14rem;
}