﻿@charset "UTF-8";

/*!
 * Author: ch233
 * Last update: 2020-05-03
 * Version: 1.0
 * Normalize CSS default properties
 */

a,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
li,
ol,
p,
span,
ul {
	padding: 0;
	margin: 0
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #262626
}

a:hover,
a:link,
a:visited {
	text-decoration: none
}

html {
	font-size: 10px
}

body {
	font-family: "Hiragino Sans GB", STHeiti, "Microsoft Yahei"
}

a,
div,
h1,
h2,
h3,
h4,
h5,
h6,
i,
p,
span {
	font-size: 1.2rem;
	font-weight: 400;
	font-style: normal
}

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

img {
	border: 0
}

b,
i,
span {
	font-style: normal
}

.header-layout {
	padding: 3rem
}

.header-layout .header-logo {
	width: 38.45rem;
	height: 6.6rem
}

.header-layout .header-logo img {
	width: 100%
}

.header-layout .header-brand {
	right: 0;
	width: 33.75rem;
	height: 3.85rem
}

.header-layout .header-brand img {
	width: 100%
}

.navigation-layout {
	width: 100%;
	height: 5rem;
	background: #1856b4
}

.navigation-layout .navigation-main li a,
.navigation-layout .navigation-main li.current a {
	display: inline-block;
	height: 5rem;
	line-height: 5rem;
	padding: 0 2rem;
	width: calc(100% - 4rem);
	white-space: nowrap
}

.navigation-layout .navigation-main {
	text-align: justify;
	white-space: nowrap
}

.navigation-layout .navigation-main li {
	position: relative;
	display: inline-block;
	height: 5rem;
	line-height: 5rem;
	margin: 0 1.6rem;
	font-size: 1.6rem;
	white-space: nowrap;
	color: #fff
}

.navigation-layout .navigation-main li a {
	transition: all .3s
}

.navigation-layout .navigation-main li a:link,
.navigation-layout .navigation-main li a:visited {
	background: 0 0;
	color: #fff
}

.navigation-layout .navigation-main li a:hover {
	background: #d7e0f2;
	color: #333844
}

.navigation-layout .navigation-main li.current {
	position: relative;
	display: inline-block;
	height: 5rem;
	line-height: 5rem;
	margin: 0 1.6rem;
	font-size: 1.6rem;
	white-space: nowrap;
	background: #d7e0f2;
	color: #333844
}

.navigation-layout .navigation-main li.current a:hover,
.navigation-layout .navigation-main li.current a:link,
.navigation-layout .navigation-main li.current a:visited {
	background: inherit;
	color: inherit
}

.copyright-layout {
	background: #1856b4;
	margin: 8rem 0 0;
	padding: 4rem 0
}

.copyright-layout .links h3,
.copyright-layout .links span {
	padding: 0 2rem;
	height: 4rem;
	line-height: 4rem;
	display: inline-block
}

.copyright-layout .links {
	position: relative;
	border: 1px solid #d2a866;
	border-radius: 4rem;
	background: rgba(0, 0, 0, .3);
	height: 4rem;
	line-height: 4rem
}

.copyright-layout .links h3 {
	color: #fff!important;
	border-right: 1px solid #d2a866
}

.copyright-layout .links span {
	color: #fff;
	font-size: 1.6rem
}

.copyright-layout .links span a {
	font: inherit;
	color: inherit
}

.copyright-layout .copy-info {
	padding: 3rem 1rem 0;
	font-size: 1.4rem;
	color: #fff
}

.copyright-layout .copy-info p {
	color: inherit;
	font: inherit;
	font-family: Arial;
	padding: 1rem
}

.copyright-layout .code {
	position: absolute;
	right: 1rem;
	bottom: 0;
	text-align: right
}

.copyright-layout .code .code-container {
	display: inline-block;
	margin-left: 2rem;
	text-align: center
}

.copyright-layout .code .code-container img {
	width: 8rem;
	height: 8rem
}

.copyright-layout .code .code-container p {
	font-size: 1.2rem;
	color: #fff
}

.breadcrumb {
	position: relative;
	border-bottom: 1px solid #d7e0f2;
	background: #fff;
	height: 4rem;
	line-height: 4rem
}

.breadcrumb .icon {
	left: 1rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem
}

.breadcrumb .icon img {
	width: 100%
}

.breadcrumb ul {
	padding: 0 0 0 4rem
}

.breadcrumb ul li {
	display: inline-block;
	padding: 0 0 0 3rem;
	background: url(../images/icon_breadcrumb_line.gif) no-repeat;
	background-size: auto 100%;
	color: #9da7b9;
	font-size: 1.2rem;
	height: 4rem;
	line-height: 4rem
}

.list-images-wrapper,
.list-wrapper,
.read-wrapper {
	padding-bottom: 5rem
}

.breadcrumb ul li a {
	color: inherit
}

.list-wrapper .list-container {
	position: relative;
	margin: 3rem 0;
	width: 82rem;
	border: 1px solid #d7e0f2
}

.list-wrapper .list-container .list {
	margin: 2.6rem
}

.list-wrapper .list-container .list ul li {
	position: relative;
	font-size: 1.6rem;
	padding: 1rem 0;
	color: #333844
}

.list-wrapper .list-container .list ul li a {
	position: relative;
	display: block;
	width: auto;
	padding-right: 13rem;
	padding-left: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit;
	text-decoration: none
}

.list-wrapper .list-container .list ul li a:hover {
	text-decoration: underline
}

.list-wrapper .list-container .list ul li a:before {
	content: "";
	width: .4rem;
	height: .4rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: #333844;
	border-radius: 100%
}

.list-wrapper .list-container .list ul li span {
	position: absolute;
	right: 0;
	color: #7f8083
}

.list-wrapper .list-container .list ul li:nth-of-type(5n) {
	border-bottom: 1px solid #eaeff8;
	padding-bottom: 3rem;
	margin-bottom: 3rem
}

.list-wrapper .list-sidebar {
	position: absolute;
	width: 24rem;
	right: 0;
	top: 0
}

.list-wrapper .list-sidebar .search {
	width: auto;
	height: 4rem;
	padding-left: 4rem;
	border: 1px solid #d7e0f2;
	background-color: #fffeff;
	background-image: url(../images/icon_search.gif);
	background-repeat: no-repeat;
	background-size: 1.8rem 1.8rem;
	background-position: 1rem 1.3rem;
	border-radius: .4rem
}

.list-wrapper .list-sidebar .search input {
	background: 0 0;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	outline: 0;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	color: #333844
}

.list-wrapper .list-sidebar .nav {
	position: relative;
	margin: 2rem 0;
	text-align: center
}

.list-wrapper .list-sidebar .nav h1 {
	background: #1856b4;
	color: #fff!important;
	padding: 1rem 0;
	border-radius: .4rem .4rem 0 0
}

.list-wrapper .list-sidebar .nav ul {
	background: #f4f6fa;
	padding-bottom: 2rem
}

.list-wrapper .list-sidebar .nav ul li {
	position: relative;
	height: 5rem;
	line-height: 5rem;
	padding: 0;
	font-size: 1.4rem
}

.list-wrapper .list-sidebar .nav ul li a {
	display: block;
	height: 5rem;
	line-height: 5rem
}

    .list-wrapper .list-sidebar .nav ul li.current, .list-wrapper .list-sidebar .nav ul li.on {
        background: #fff;
	background: #fff;
	color: #1856b4;
	font-weight: 600
}

    .list-wrapper .list-sidebar .nav ul li.current a, .list-wrapper .list-sidebar .nav ul li.on a {
        background: #fff;
        color: #1856b4;
        font-weight: 600
    }

.list-wrapper .list-sidebar .nav ul li.current a, .list-wrapper .list-sidebar .nav ul li.on a {
    color: inherit
}

.list-wrapper .list-sidebar .nav ul li.current:before, .list-wrapper .list-sidebar .nav ul li.on:before {
    content: "";
    top: 0;
    bottom: 0;
    width: calc(100% - 2px);
    border: 2px solid #1856b4
}

.list-wrapper .list-sidebar .nav ul li.current:after, .list-wrapper .list-sidebar .nav ul li.on:after {
    content: "";
    left: -12px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent #1856b4 transparent transparent
}

.list-wrapper .list-sidebar .nav ul li:hover {
	background: #1856b4;
	color: #fff;
	transition: background .3s
}

.list-wrapper .list-sidebar .nav ul li:hover a {
	color: inherit;
	transition: color .3s
}

.list-wrapper .list-sidebar .nav ul li.current:hover,.list-wrapper .list-sidebar .nav ul li.on:hover {
    background: #fff;
    color: #1856b4
}

    .list-wrapper .list-sidebar .nav ul li.current:hover a, .list-wrapper .list-sidebar .nav ul li.on:hover a {
        color: inherit
    }

.list-wrapper .list-sidebar .entry-layout {
	width: 100%;
	height: auto
}

.list-wrapper .list-sidebar .entry-layout ul {
	display: block;
	width: 100%;
	height: auto
}

.list-wrapper .list-sidebar .entry-layout ul li {
	display: block;
	width: 100%;
	margin-bottom: 1.5rem
}

.read-wrapper .read-container {
	position: relative;
	margin: 3rem 0;
	border: 1px solid #d7e0f2
}

.read-wrapper .read {
	margin: 2.6rem 10rem
}

.read-wrapper .read h1 {
	font-family: "PingFang SC", "Microsoft Yahei", SimHei, sans-serif;
	font-size: 3.6rem;
	font-weight: 900;
	color: #333844;
	padding: 1rem 0 5rem;
	text-align: center
}

.read-wrapper .read>.info {
	border-top: 1px solid #d7e0f2;
	border-bottom: 1px solid #d7e0f2;
	font-size: 1.4rem;
	color: #7f8083;
	vertical-align: middle;
	text-align: center
}

.read-wrapper .read>.info>.info {
	display: inline-block;
	padding: 1.5rem;
	color: inherit;
	vertical-align: middle
}

.read-wrapper .read>.info>.info p {
	display: inline-block;
	padding: 0 .6rem;
	color: inherit;
	vertical-align: middle
}

.read-wrapper .read>.info>.info p.current {
	color: #1856b4;
	text-decoration: underline;
	font-weight: 600
}

.read-wrapper .read>.info>.info i {
	display: inline-block;
	height: 1.6rem;
	padding: 0 .4rem;
	vertical-align: middle
}

.read-wrapper .read>.info>.info i img {
	height: 100%
}

.read-wrapper .read .container {
	font-size: 10px;
	color: #020202;
	padding: 3rem 0 0
}

.read-wrapper .read .container img{
	max-width: 700px;

}


.read-wrapper .read .container div,
.read-wrapper .read .container p {
	font-size: 1.8em;
	/*line-height: 2.6;
	padding: 0 0 2em;
	text-indent: 2em*/
}

.read-wrapper .read .container p {
	color: inherit
}

.read-wrapper .read .container .img {
	max-width:: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5
}

.read-wrapper .read .container .img img {
	width: 100%
}

.read-wrapper .read .container .img p {
	font-size: 1.4rem;
	padding: 0
}

.read-wrapper .read-cont-list .column-list {
	position: relative;
	width: auto;
	padding-top: .5rem
}

.column-2-wrapper .column-list ul,
.read-wrapper .read-cont-list .column-list ul {
	padding-top: .6rem
}

.read-wrapper .read-cont-list .column-list ul li {
	position: relative;
	display: inline-block;
	width: 45%;
	padding: .85rem 0
}

.read-wrapper .read-cont-list .column-list ul li a {
	display: inline-block;
	width: calc(100% - 1rem);
	padding-left: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.6rem;
	color: #020202;
	text-decoration: none
}

.list-images-wrapper .list-images-container .images-list ul li a:hover span,
.read-wrapper .read-cont-list .column-list ul li a:hover {
	text-decoration: underline
}

.read-wrapper .read-cont-list .column-list ul li a span {
	position: absolute;
	right: 0;
	font-size: 1.6rem;
	color: #7f8083
}

.read-wrapper .read-cont-list .column-list ul li:before {
	content: "";
	left: .2rem;
	width: .4rem;
	height: .4rem;
	border-radius: 100%;
	background: #020202
}

.read-wrapper .read-cont-list .column-list ul li:nth-of-type(odd) {
	margin-right: 9%
}

.list-images-wrapper .list-images-container {
	position: relative;
	margin: 3rem 0;
	border: 1px solid #d7e0f2
}

.list-images-wrapper .list-images-container .tool-bar {
	position: relative;
	padding: 2rem 0;
	margin: 2rem 4rem
}

.list-images-wrapper .list-images-container .tool-bar ul li {
	position: relative;
	display: inline-block;
	width: 4rem;
	height: 2rem;
	line-height: 2rem;
	background: #959fb2;
	color: #fff;
	padding: 1rem 1.5rem 1rem 3rem;
	margin: 0 2rem 0 0;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	border-radius: .4rem;
	transition: background .3s
}

.list-images-wrapper .list-images-container .tool-bar ul li a {
	height: 4rem;
	line-height: 4rem;
	padding-left: 1.5rem;
	text-align: inherit;
	color: #fff
}

.list-images-wrapper .list-images-container .tool-bar ul li .icon {
	left: 1rem;
	display: block;
	height: 1.9rem
}

.list-images-wrapper .list-images-container .tool-bar ul li .icon img {
	display: block;
	height: 100%
}

.list-images-wrapper .list-images-container .tool-bar ul li.current {
	background: #1856b4
}

.list-images-wrapper .list-images-container .tool-bar ul li:hover {
	background: #1b61cb;
	transition: background .3s
}

.list-images-wrapper .list-images-container .tool-bar .sort {
	position: absolute;
	top: 3.4rem;
	right: 0;
	font-size: 1.4rem;
	vertical-align: middle
}

.list-images-wrapper .list-images-container .tool-bar .sort .icon {
	display: inline-block;
	height: 1.3rem
}

.list-images-wrapper .list-images-container .tool-bar .sort .icon img {
	height: 100%
}

.list-images-wrapper .list-images-container .images-list {
	margin: 2rem 4rem
}

.list-images-wrapper .list-images-container .images-list ul {
	overflow: hidden;
	zoom: 1
}

.list-images-wrapper .list-images-container .images-list ul li {
	position: relative;
	float: left;
	margin-right: 3rem;
	margin-bottom: 4rem;
	width: 23.15rem;
	font-size: 1.4rem
}

.list-images-wrapper .list-images-container .images-list ul li a {
	color: inherit
}

.list-images-wrapper .list-images-container .images-list ul li img {
	width: 100%
}

.list-images-wrapper .list-images-container .images-list ul li .title {
	position: relative;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #333844
}

.list-images-wrapper .list-images-container .images-list ul li .title .icon {
	height: 2rem;
	line-height: 2rem;
	display: inline-block
}

.list-images-wrapper .list-images-container .images-list ul li .title .icon img {
	height: 70%
}

.list-images-wrapper .list-images-container .images-list ul li .title span {
	position: absolute;
	top: -.1rem;
	left: 2rem;
	right: 0;
	display: inline-block;
	color: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.list-images-wrapper .list-images-container .images-list ul li .date {
	font-size: 1.2rem;
	font-weight: inherit;
	color: #7f8083
}

.list-images-wrapper .list-images-container .images-list ul li:nth-of-type(4n) {
	margin-right: 0
}

.list-images-wrapper .list-images-container .pagination {
	margin: 1rem 4rem;
	padding-bottom: 5rem
}



.list-images-wrapper .list-images-container .paginator {
	margin: 1rem 4rem;
	padding-bottom: 5rem
}

._entry_,
.column-3-wrapper .app-entry .btn,
.column-id-9528 .column-entry ul li {
	border: 1px solid #d8e0f3;
	background-color: #f3f7fa;
	border-radius: .8rem;
	color: #333844;
	transition: background .5s
}

._entry_hover,
.column-3-wrapper .app-entry .btn:hover,
.column-id-9528 .column-entry ul li:hover {
	background-color: #d8e0f3;
	transition: background .5s
}

._bold16_,
.column-3-wrapper .app-entry .btn,
.column-3-wrapper .column-index h2,
.column-id-9528 .column-entry ul li a p,
.copyright-layout .links h3,
.list-wrapper .list-sidebar .nav h1,
.navigation-layout .navigation-main li a,
.navigation-layout .navigation-main li.current a,
.personal-list ul li .name {
	font-size: 1.6rem;
	font-weight: 600;
	color: #333844
}

._posa_full_,
.column-2-wrapper .column-thumb .thumb .thumb-title,
.column-3-wrapper .app-entry .btn a,
.column-9531 .column-book a,
.column-9531 .column-vedio-list ul li a,
.column-id-9528 .column-entry ul li a,
.entry-layout ul li a,
.list-images-wrapper .list-images-container .tool-bar ul li a,
.list-wrapper .list-sidebar .nav ul li a,
.personal-list ul li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

._inherit_fz_fw,
.breadcrumb ul li a,
.column-3-wrapper .column-index a,
.list-images-wrapper .list-images-container .images-list ul li .title span,
.list-images-wrapper .list-images-container .images-list ul li a,
.list-images-wrapper .list-images-container .tool-bar ul li a,
.list-wrapper .list-container .list ul li a,
.list-wrapper .list-container .list ul li span,
.list-wrapper .list-sidebar .nav ul li a,
.list-wrapper .list-sidebar .nav ul li.current a,
.pagination ul li a,
.paginator ul li a,
.read-wrapper .read>.info>.info,
.read-wrapper .read>.info>.info p {
	font-size: inherit;
	font-weight: inherit
}

._posa_x_,
.column-id-9528 .column-entry ul li a img,
.column-id-9528 .column-entry ul li a p,
.list-wrapper .list-sidebar .nav ul li.current:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

._posa_y_,
.breadcrumb .icon,
.column-2-wrapper .column-list ul li:before,
.column-3-wrapper .app-entry .btn .icon,
.column-3-wrapper .column-list ul li:before,
.header-layout .header-brand,
.list-images-wrapper .list-images-container .tool-bar ul li .icon,
.list-wrapper .list-sidebar .nav ul li.current:after,
.read-wrapper .read-cont-list .column-list ul li:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

._posa_xy_ {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.list-personals .list-container {
	background: #e9f0f5
}

.list-personals .personal-list {
	padding: 2.6rem;
	margin-top: 1.5rem;
	height: auto
}

.list-personals .personal-list ul {
	display: block;
	overflow: hidden
}

.list-personals .personal-list ul li {
	position: relative;
	display: block;
	float: left;
	width: 17rem;
	height: 25rem;
	margin-right: 2.8rem;
	margin-bottom: 3rem
}


    .list-personals .personal-list ul li .title {
        padding-bottom: 1rem;
        background: #fff
    }

.list-personals .personal-list ul li:nth-of-type(4n) {
	margin-right: 0
}

.list-personals .pagination {
	margin-top: 0
}

.list-personals .paginator {
	margin-top: 0
}

.a {
	background: #f86e6c
}

    
.page-wrapper {
	position: relative;
	width: 110rem;
	margin: 0 auto;
}

.page-wrapper1 {
	position: relative;
	width: 110rem;
	margin: 0 auto;
}
.page-wrapper1 ul{
	position: absolute;

	
}
.subnav
	{
		z-index: 9999;
		
		width:250px;
	}
.subnav li
	{
		float:left;
		width:250px;
		background-color: #357eec;
		border-radius: 5px;
	}
	
.page-wrapper1 ul li{
	display: inline-block;
    height: 5rem;
    line-height: 5rem;
    margin: 2px;
    font-size: 1.6rem;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    
}
.page-wrapper1 ul li a{
	display: inline-block;
    height: 5rem;
    line-height: 5rem;
    margin: 0 1.6rem;
    font-size: 1.6rem;
    white-space: nowrap;
    color: #fff;
}

.full-wrapper {
	position: relative;
	width: auto;
	margin: 0;
    /*position:fixed;
    bottom:0;
    width:100%;
    margin:0 auto;*/
}
.full-wrapper1 {
	position: relative;
	width: 100%;
	margin: 0;
	float: left;
}

.entry-layout {
	margin: 2.4rem auto
}


.entry-layout ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 8.45rem
}

.entry-layout ul li {
	position: relative;
	background: #d7e0f2;
	width: 25.4rem;
	height: 8.45rem
}

.entry-layout ul li p {
	position: absolute;
	left: 1.5rem;
	color: #333844
}

.entry-layout ul li p:first-of-type {
	top: 2rem;
	font-size: 1.8rem;
	font-weight: 700
}

.entry-layout ul li p:last-of-type {
	top: 4rem;
	font-size: 1.2rem;
	font-weight: 400
}

.entry-layout ul li .icon {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 4rem;
	height: 4rem;
	background-image: url(../images/icon_enter.png);
	background-size: auto 4rem
}

.entry-layout ul li:nth-of-type(odd) {
	background: #1856b4
}

.entry-layout ul li:nth-of-type(odd) p {
	color: #fff
}

.entry-layout ul li:nth-of-type(1) .icon {
	background-position: 0 0
}

.entry-layout ul li:nth-of-type(2) .icon {
	background-position: 12rem 0
}

.entry-layout ul li:nth-of-type(3) .icon {
	background-position: 8rem 0
}

.entry-layout ul li:nth-of-type(4) .icon {
	background-position: 4rem 0
}

.column-2-wrapper {
	margin: 2.5rem auto
}

.column-2-wrapper .column-left {
	position: relative;
	width: 53.5rem;
	height: 30rem
}

.column-2-wrapper .column-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 53.5rem
}

.column-2-wrapper .column-list {
	position: relative;
	width: auto
}

.column-2-wrapper .column-list ul li {
	position: relative;
	padding: .85rem 0
}

.column-2-wrapper .column-list ul li a {
	display: inline-block;
	width: calc(100% - 7rem);
	padding-left: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.6rem;
	color: #020202;
	text-decoration: none
}

.column-2-wrapper .column-list ul li a span {
	position: absolute;
	right: 0;
	font-size: 1.6rem;
	color: #7f8083
}

.column-2-wrapper .column-list ul li a:hover {
	text-decoration: underline
}

.column-2-wrapper .column-list ul li:before {
	content: "";
	left: .2rem;
	width: .4rem;
	height: .4rem;
	border-radius: 100%;
	background: #020202
}

.column-2-wrapper .column-classify-list ul li a {
	padding-left: 0
}

.column-2-wrapper .column-classify-list ul li i {
	position: relative;
	top: -.1rem;
	display: inline-block;
	background: #1856b4;
	padding: .2rem .6rem .3rem;
	border-radius: 2rem;
	font-size: 1.2rem;
	color: #fff
}

.column-2-wrapper .column-classify-list ul li:before {
	content: "";
	background: 0 0
}

.column-2-wrapper .column-thumb {
	position: relative;
	margin: 2rem 0 1rem;
	height: 17rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between
}

.column-2-wrapper .column-thumb .thumb {
	position: relative;
	width: 25.8rem;
	height: 17rem
}

.column-2-wrapper .column-thumb .thumb img {
	width: 100%;
	height: 100%
}

.column-2-wrapper .column-thumb .thumb .thumb-title {
	top: auto;
	height: 3.6rem;
	line-height: 3.6rem;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	font-size: 1.4rem;
	color: #fff
}

.column-title {
	position: relative;
	width: auto;
	height: 3.8rem;
	line-height: 3.8rem;
	border-bottom: 1px solid #d3d6db
}

.column-title .title-nav,
.column-title h1 {
	height: 3.7rem;
	line-height: 3.7rem;
	position: absolute
}

.column-title h1 {
	top: 0;
	left: 0;
	display: inline-block;
	padding: 0 1.5rem;
	font-size: 1.9rem;
	font-weight: 600;
	color: #1856b4;;
	/*border-bottom: 2px solid #1856b4*/
}

.column-title .title-nav {
	top: .2rem;
	right: 6rem
}

.column-title .title-nav ul li {
	display: inline-block;
	height: 1.4rem;
	line-height: 1.4rem;
	border-right: 1px solid #9ea8c1;
	font-size: 1.4rem;
	padding: 0 .5rem
}

.column-title .title-nav ul li a {
	font-size: 1.4rem;
	color: #9ea8c1
}

.column-title .title-nav ul li a:hover {
	color: #333844
}

.column-title .title-nav ul li:last-of-type {
	border: 0
}

.column-title .more {
	position: absolute;
	top: 0;
	right: 0;
	height: 3.8rem;
	line-height: 3.8rem
}

.column-title .more a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 600;
	color: #d5a24a
}

.column-title .more a img {
	display: inline-block;
	vertical-align: middle;
	height: 1.4rem
}

.column-id-9527 {
	position: relative;
	height: 30rem
}

.column-id-9527 .column-left {
	height: 30rem
}

.column-id-9528 {
	position: relative;
	height: 37rem
}

.column-id-9528 .column-left {
	height: 37rem
}

.column-id-9528 .column-entry {
	width: auto;
	margin: 2rem 0 1rem
}

.column-id-9528 .column-entry ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 17rem
}

.column-id-9528 .column-entry ul li {
	position: relative;
	width: 12.4rem
}

.column-id-9528 .column-entry ul li a img {
	top: 2.5rem;
	width: 4rem
}

.column-id-9528 .column-entry ul li a p {
	top: 8rem;
	width: 100%;
	text-align: center
}

.column-id-9529 {
	background-color: #eaeef5;
	background-image: url(../images/column_bg.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top right;
	height: 34rem;
	margin: 6.5rem auto 2.5rem
}

.column-id-9529 .column-title {
	position: relative;
	top: -3.8rem
}

.column-id-9530 {
	height: 34rem
}

.column-id-9530 .column-left,
.column-id-9530 .column-mid {
	width: 40rem
}

.column-id-9530 .column-right {
	width: 24rem
}

.column-3-wrapper .column-left {
	position: relative
}

.column-3-wrapper .column-left .column-title .feature {
	position: absolute;
	top: .2rem;
	right: 0;
	height: 1.4rem
}

.column-3-wrapper .column-left .column-title .feature img {
	height: 100%
}

.column-3-wrapper .column-mid {
	position: absolute;
	top: 0;
	left: 43rem
}

.column-3-wrapper .column-right {
	position: absolute;
	top: 0;
	right: 0
}

.column-3-wrapper .column-index {
	padding: 1.5rem 0;
	border-bottom: 1px solid #d5d6d9
}

.column-3-wrapper .column-index h2 {
	text-align: center
}

.column-3-wrapper .column-index p {
	font-size: 1.4rem;
	text-indent: 2em;
	padding-top: 1rem;
	line-height: 1.6;
	color: #7f8083
}

.column-3-wrapper .column-index a {
	color: #1856b4
}

.column-3-wrapper .column-list {
	position: relative;
	width: auto;
	
	border: 2px solid #CCCCCC;
  	border-radius: 10px;
  
  	height: 28rem
}

.column-3-wrapper .column-list ul {
	padding-top: .6rem
}

.column-3-wrapper .column-list ul li {
	position: relative;
	padding: .85rem 0
}

.column-3-wrapper .column-list ul li a {
	display: inline-block;
	width: calc(100% - 1rem);
	padding-left: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.6rem;
	color: #020202;
	text-decoration: none
}

.column-3-wrapper .column-list ul li a span {
	position: absolute;
	right: 0;
	font-size: 1.6rem;
	color: #7f8083
}

.column-3-wrapper .column-list ul li a:hover {
	text-decoration: underline
}

.column-3-wrapper .column-list ul li:before {
	content: "";
	left: .2rem;
	width: .4rem;
	height: .4rem;
	border-radius: 100%;
	background: #020202
}

.column-3-wrapper .app-entry {
	position: relative;
	width: 100%
}

.column-3-wrapper .app-entry .btn {
	position: absolute;
	width: 19rem;
	height: 5.8rem;
	line-height: 5.8rem
}

.column-3-wrapper .app-entry .btn a {
	font: inherit;
	padding-left: 5rem
}

.column-3-wrapper .app-entry .btn .icon {
	left: 2rem;
	width: 2.25rem;
	height: 2.25rem;
	overflow: hidden
}

.column-3-wrapper .app-entry .btn .icon img {
	position: absolute;
	top: 0;
	height: 2.25rem
}

.column-3-wrapper .app-entry .btn-1 {
	top: 1.5rem;
	left: 0
}

.column-3-wrapper .app-entry .btn-1 .icon img {
	left: 0
}

.column-3-wrapper .app-entry .btn-2 {
	top: 1.5rem;
	right: 0
}

.column-3-wrapper .app-entry .btn-2 .icon img {
	left: -2.25rem
}

.column-3-wrapper .app-entry .btn-3 {
	top: 8.5rem;
	left: 0
}

.column-3-wrapper .app-entry .btn-3 .icon img {
	left: -4.5rem
}

.column-3-wrapper .app-entry .btn-4 {
	top: 8.5rem;
	right: 0
}

.column-3-wrapper .app-entry .btn-4 .icon img {
	left: -6.75rem
}

.column-3-wrapper .app-entry .btn-5 {
	top: 15.5rem;
	left: 0
}

.column-3-wrapper .app-entry .btn-5 .icon img {
	left: -9rem
}

.column-3-wrapper .app-entry .btn-6 {
	top: 15.5rem;
	right: 0
}

.column-3-wrapper .app-entry .btn-6 .icon img {
	left: -11.25rem
}

.column-3-wrapper .app-entry .btn-7 {
	top: 22.8rem;
	left: 0;
	width: 100%
}

.column-3-wrapper .app-entry .btn-7 a {
	padding-left: 13.5rem
}

.column-3-wrapper .app-entry .btn-7 .icon {
	left: 10rem
}

.column-3-wrapper .app-entry .btn-7 .icon img {
	left: -13.5rem
}

.column-3-wrapper .column-title-red {
	border: 0
}

.column-3-wrapper .column-title-red h1 {
	color: #1856b4;
	/*border: 0;
	border-bottom: 2px solid #1856b4*/
}

.column-3-wrapper .column-title-red .button {
	position: absolute;
	right: 0;
	top: -.2rem;
	height: 3rem
}

.column-3-wrapper .column-title-red .button img {
	height: 100%
}

.column-3-wrapper .column-table {
	position: relative;
	border: .2rem solid #ca1a1b;
	height: 28.5rem;
	border-radius: 10px;
}

.column-3-wrapper .column-table table {
	width: calc(100% - 2rem);
	margin: .5rem 1rem
}

.column-3-wrapper .column-table table tr td {
	border-collapse: collapse;
	border-bottom: 1px dashed #ccc;
	padding: .65rem 0;
	text-align: center;
	font-size: 1.2rem;
	color: #333844
}
.loginindex{
	/*background: url(../images/loginbg.jpg);*/
	width: 100%;
	text-align: center;
	
}
.loginindex input{
	width: 80%;
	border-radius: 5px;
    line-height: 30px;
    margin: 2px 15px;
    border: 1px solid #ccc;
    background: #f3eded;
    text-align: center;
}
.loginindex .btn{
float: left;
    width: 80px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #1856b4;
    margin: 10px 15px;
}

.regindex{
	display: none;
	width:100%;
	height: 100px;
	float: left;
	position: absolute;
	background: #4787e8;
	
}

.userinfo {
	color: #fff;
	width:100%;
}


.userinfo tr td{
color: #fff;
	width:50%;
}

.userinfo tr td span{
	color: #fff;
	font-size: 14px;
	line-height: 30px;

	
}
.userinfo tr td a{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	
}


.regindex ul {
	width:100%;
	list-style: none;
	text-align: center;
}
.regindex ul .tips{
	width: 100%;
	color: #fff;
	line-height: 25px;
	font-size: 16px;
	
}
.regindex ul .tips a{
	width: 100%;
	color: #fff;
	line-height: 25px;
	font-size: 16px;
	
}
.regindex ul .tips span{
	width: 100%;
	color: #fff;
	line-height: 25px;
	font-size: 16px;
	
}

#divList {
	width: 100%;
	height: 100px;
}

.listdiv {
	width: 100%;
	margin: 20px 20px;
	}
.listdiv ul{
	width: 100%;
	float: left;
	}
.listdiv ul li{
	width: 40%;
	float: left;
	margin: 20px 20px;
	
	}
.listdiv ul li img{
	width: 350px;
	height: 240px;
	border-radius:10px;
	}

.listdiv ul li p{
	font-size: 18px;
	text-align: center;
	
	}

.listdiv ul li span{
	font-size: 14px;
	color: #ccc;
	
	}
	
.column-3-wrapper .column-table table tr:first-of-type td {
	border-bottom: 1px solid #ccc;
	font-weight: 600;
	font-size: 1.4rem
}

.column-3-wrapper .column-table table tr:last-of-type td {
	border-bottom: 0
}

.column-9531 {
	height: 45rem;
	margin: 2.5rem auto
}

.column-9531 .cloumn-left {
	position: relative;
	width: 83rem;
	height: 45rem
}

.column-9531 .column-right {
	position: absolute;
	width: 24rem;
	height: 45rem;
	top: 0;
	right: 0
}

.column-9531 .column-vedio-list {
	position: relative;
	margin: 2.5rem 0 0
}

.column-9531 .column-vedio-list ul li {
	position: relative;
	width: 23rem;
	height: 18rem;
	margin-bottom: 2.8rem
}

.column-9531 .column-vedio-list ul li img {
	width: 23rem;
	height: 15.4rem
}

.column-9531 .column-vedio-list ul li p {
	background: url(../images/icon_vedio.jpg) no-repeat;
	background-size: auto 1.4rem;
	padding-left: 2.6rem;
	font-size: 1.4rem
}

.column-9531 .column-imgs-list {
	position: absolute;
	top: 6.4rem;
	left: 25.4rem;
	right: 0;
	bottom: 0
}

.column-9531 .column-imgs-list .img-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 25.25rem;
	overflow: hidden
}

.column-9531 .column-imgs-list .img-left img {
	width: 100%;
	height: 100%
}

.column-9531 .column-imgs-list .img-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 30rem;
	height: 20rem
}

.column-9531 .column-imgs-list .img-right-top img {
	width: 100%;
	height: 100%
}

.column-9531 .column-imgs-list .img-right-bottom-left {
	position: absolute;
	bottom: 0;
	right: 15.8rem;
	width: 14.25rem;
	height: 16.35rem
}

.column-9531 .column-imgs-list .img-right-bottom-left img {
	width: 100%;
	height: 100%
}

.column-9531 .column-imgs-list .img-right-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 14.25rem;
	height: 16.35rem
}

.column-9531 .column-imgs-list .img-right-bottom-right img {
	width: 100%;
	height: 100%
}

.column-9531 .column-book {
	position: relative;
	margin: 2.6rem auto 1rem;
	width: 23.5rem;
	height: 29rem;
	background: url(../images/book_bg.jpg) no-repeat;
	background-size: 100%
}

.column-9531 .column-book img {
	position: absolute;
	top: 0;
	left: 0;
	width: 22.3rem;
	height: 28rem
}

.column-9531 .column-book .title {
	position: absolute;
	bottom: 3rem;
	left: 1.3rem;
	background: #fff;
	width: 80%;
	padding: 1rem .5rem;
	border-radius: 3rem;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600
}

.personal-list {
	position: relative;
	
	top: -1.2rem;
	height: 27.2rem;
	overflow: hidden;
	overflow: hidden;
}

.personal-list ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	overflow: hidden;
    white-space:nowrap;
	/*position:absolute;*/
	/*width: 1600px;*/
}

.personal-list ul li {
	position: relative;
	width: 200px;
	height: 28.4rem;
	background: #fff
}


.personal-list ul li a{
	
	width: 200px;
	position:inherit;
	background: #fff
}


.personal-list ul li img {
	display: block;
	margin: 1.8rem auto 1rem;
	width: 80%;
	height: 68%;
	position: initial;
}

.personal-list ul li .name {
	display: block;
	padding: 0 1.5rem;
	text-align: center
}

.personal-list ul li .title {
	display: block;
	font-size: 1.2rem;
	padding: .5rem 1.5rem 0;
	text-align: center
}

.pagination .page-total,
.pagination ul li {
	position: relative;
	display: inline-block;
	font-size: 1.4rem
}

.pagination {
	position: relative;
	width: auto;
	margin: 7rem 2.6rem;
	clear: both
}

.pagination ul {
	position: relative;
	display: inline-block
}

.pagination ul li {
	color: #1856b4;
	text-decoration: none;
	margin: 0 1rem 0 0
}

.pagination ul li a {
	color: #fff;
	background: #1856b4;
	padding: 1rem;
	border-radius: .4rem
}

.pagination ul li.current {
	text-decoration: underline
}

.pagination .page-total {
	color: #1856b4
}





.paginator {
	position: relative;
	width: auto;
	margin: 7rem 2.6rem;
	clear: both
}

/*.paginator ul {
	position: relative;
	display: inline-block
}

.paginator ul li {
	color: #1856b4;
	text-decoration: none;
	margin: 0 1rem 0 0
}

.paginator a {
	color: #fff;
	background: #1856b4;
	padding: 1rem;
	border-radius: .4rem
}

.paginator ul li.current {
	text-decoration: underline
}

.paginator .page-total {
	color: #1856b4
}*/