html,
body {
	min-height: 100%;
}

body {
	padding-top: 0.4rem;
}
/* m-view */
.m-view {
	margin-top: 0.38rem;
}

.m-view .list {
	margin-left: -2.42%;
}

.m-view .hover-item {
	width: 30.9%;
	margin-left: 2.42%;
	display: block;
	float: left;
	position: relative;
	margin-top: 0.22rem;
}

.m-view .hover-item .img {
	width: 100%;
	height: 2.37rem;
}

.m-view .hover-item .img img {
	width: 100%;
	height: 100%;
}

.m-view .text {
	position: absolute;
	width: 100%;
	bottom: 0;
	line-height: 0.5rem;
	background-color: rgba(0, 0, 0, 0.56);
	color: #fff;
	left: 0;
	z-index: 5;
	overflow: hidden;
	padding: 0 0.25rem;
}

.m-view .text .tit {
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.m-view .text .author {
	display: none;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: right;
	text-align: right;
}

.m-view .m-page {
	margin: 0.75rem 0 0.85rem;
}
/* top-info */
.top-info {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.14rem;
	z-index: 100;
	background-color: #000000;
}

.top-info .txt {
	color: #CCCCCC;
}

.top-info .txt:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.top-info .top-nav a {
	font-size: 0.12rem;
	color: #CCCCCC;
	display: block;
}

.top-info .top-nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.top-info .top-nav .item {
	float: left;
	position: relative;
}

.top-info .top-nav .link {
	position: relative;
	padding-left: 0.2rem;
}
/* five-nav */
.five-nav {
    margin-top: 0.23rem;
    line-height: 0.7rem;
    border-bottom: 1px solid #0755a2;
}
.five-nav .swiper-slide {
    width: auto;
    font-size: 0.2rem;
    color: #333;
    margin-right: 0.47rem;
    position: relative;
}
.five-nav .swiper-slide:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0.03rem;
    background-color: #0755a2;
    left: 50%;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.five-nav .swiper-slide.on, .five-nav .swiper-slide:hover {
    color: #0755a2;
}
.five-nav .swiper-slide.on::after, .five-nav .swiper-slide:hover::after {
    left: 0;
    width: 100%;
}
/* header 
	border-bottom: 1px solid #ffffff1f;*/
.header {
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	background-color: rgba(255, 255, 255, 0);
	position: fixed;
	top: 0.4rem;
	left: 0;
	z-index: 100;
	opacity: 0;
	transform: translateY(-100%);
}

.header::before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 120%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
	z-index: -1;
}

.header.enter {
	opacity: 1;
	transform: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.header.fix-c {
	background-color: #fff;
	box-shadow: 0 0 0.1rem #999;
	line-height: 0.8rem;
	height: 0.8rem;
}

.header.fix-c::before {
	opacity: 0;
}

.header.fix-c .m-r-con .search-box {
	height: 0.8rem;
}

.header.fix-c .m-r-con .search-box .text {
	color: #333333;
}

.header.fix-c .m-r-con .btn {
	background: url(../images/icon/search1.png) no-repeat;
	background-size: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-top: 0.29rem;
}

.header.fix-c .nav a {
	color: #333333;
}

.header.fix-c .nav .item .link::after {
	background-color: #183883;
}

.header.fix-c .nav .item:hover .link,
.header.fix-c .nav .item.on .link {
	color: #183883;
}

.header.fix-c .nav .item .sub-nav {
	top: 0.8rem;
}

.header.fix-c .logo {
	background: url(../images/logo1.png) center no-repeat;
	background-size: 100% auto;
}

.header.fix-c .m-r-con .search-box {
	border-left: 1px solid #c3c3c31c;
}

.header:hover {
	background-color: rgba(255, 255, 255, 0.86);
}

.header:hover .logo {
	background: url(../images/logo1.png) center no-repeat;
	background-size: 100% auto;
}

.header:hover .nav a {
	color: #333333;
}

.header:hover .nav .item .link::after {
	background-color: #183883;
}

.header:hover .nav .item:hover .link,
.header:hover .nav .item.on .link {
	color: #183883;
}

.header:hover .m-r-con .search-box {
	border-left: 1px solid #ffffff1c;
}

.header:hover .m-r-con .search-box .text {
	color: #333333;
}

.header:hover .m-r-con .btn {
	background: url(../images/icon/search1.png) no-repeat;
	background-size: 100%;
}

.header:hover .search-box {
	border: none;
}

.header:hover::before {
	opacity: 0;
}

.header .logo {
	display: block;
	font-size: 0;
	background: url(../images/logo2.png) center no-repeat;
	background-size: 100% auto;
}

.header .logo img {
	opacity: 0;
	height: 0.7rem;
}

.header .nav {
	margin-right: 0.5rem;
}

.header .nav a {
	font-size: 0.18rem;
	color: #FFFFFF;
	display: block;
}

.header .nav a:hover {
	color: #183883;
}

.header .nav .item {
	float: left;
	position: relative;
}

.header .nav .item .link {
	position: relative;
	margin: 0 0.2rem;
}
.header .nav .item .link-btn {
	display: none;
	height: 0;
}
.header .nav .item .link::after {
	content: '';
	width: 0;
	left: 50%;
	height: 0.04rem;
	background-color: #FFFFFF;
	border-radius: 0.02rem;
	bottom: 0.1rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: absolute;
}

.header .nav .item .link .txt {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.header .nav .item:hover .link::after,
.header .nav .item.on .link::after {
	width: 100%;
	left: 0;
}

.header .nav .item .sub-nav {
	min-width: 100%;
	position: absolute;
	top: 1rem;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	display: none;
	background-color: #fff;
	border-top: 0;
}

.header .nav .item .sub-item {
	white-space: nowrap;
	width: auto;
	line-height: 0.4rem;
	padding: 0 0.5rem;
	font-size: 0.14rem;
	border-bottom: 1px solid #e5e5e5;
}

.header .nav .item .sub-item:hover {
	background: #183883;
	color: #fff;
}

.header .m-r-con .menu {
	display: none;
}

/*border-left: 1px solid #ffffff1c;*/
.header .m-r-con .search-box {
	height: 1rem;
	padding-left: 0.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	
}

.header .m-r-con .search-box .text {
	font-size: .16rem;
	color: #FFFFFF;
	padding-left: 0.05rem;
}

.header .m-r-con .btn {
	width: 0.22rem;
	height: 0.22rem;
	background: url(../images/icon/search3.png) no-repeat;
	background-size: 100%;
	display: block;
	margin-top: 0.39rem;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .m-r-con .search-pup {
	position: fixed;
	width: 100%;
	top: 0.4rem;
	background-color: #fff;
	z-index: 101;
	left: 0;
	height: 1rem;
	padding: 0 5.2%;
	display: none;
}

.header .m-r-con .search-pup .inp {
	width: 100%;
	line-height: 0.5rem;
	height: 0.5rem;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding-right: 1rem;
	font-size: 0.18rem;
}

.header .m-r-con .search-pup .r-icon {
	position: absolute;
	right: 5.2%;
	height: 0.24rem;
	top: 50%;
	margin-top: -0.12rem;
	font-size: 0;
	line-height: 0;
}

.header .m-r-con .search-pup .s-btn,
.header .m-r-con .search-pup .close {
	width: 0.24rem;
	height: 0.24rem;
	background: url(../images/icon/search.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	top: 50%;
	margin-left: 0.2rem;
}

.header .m-r-con .search-pup .close {
	background: url(../images/icon/close.png) no-repeat;
	background-size: 100%;
}

/* h-banner */
.h-banner.whb .area {
	padding-top: 1.6rem;
}
.h-banner.whb .search {
	padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}
.h-banner.whb .brand-box {
	padding: 0.8rem 0 0.2rem;
}

.h-banner {
	position: relative;
	width: 100%;
	height: auto;
	background: url(../images/h_banner.jpg) no-repeat bottom;
	background-size: 100% auto;
}

.h-banner .area {
	z-index: 2;
	padding-top: 1.8rem;
	min-height: calc(100vh - 0.4rem);
	padding-bottom: 1.6rem;
}

.h-banner::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.6rem;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
	z-index: 2;
}

.h-banner .hbanner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.h-banner .hbanner img {
	width: 100%;
	height: 100%;
}

.h-banner .search {
	z-index: 2;
	width: 100%;
	padding: 0.6rem 0.6rem 0.2rem 0.6rem;
	background-color: rgba(0, 0, 0, 0.5);
	min-height: 3.5rem;
}

.h-banner .search .search-form {
	width: 100%;
}
.h-banner .search .search-form #hotList{}

.h-banner .search .type {
	width: 100%;
	height: 0.4rem;
	margin-bottom: 0.1rem;
}

.h-banner .search .type-item {
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	padding: 0.08rem 0.28rem;
	margin-right: 0.05rem;
}

.h-banner .search .type-item:hover,
.h-banner .search .type-item.on {
	background-color: #183883;
}

.h-banner .search .inp-box {
	padding: 0.1rem;
	width: 100%;
	height: 0.5rem;
	background-color: #FFFFFF;
}

.h-banner .search .inp {
	width: 90%;
	height: 100%;
	position: relative;
}

.h-banner .search .inp::before {
	content: "";
	width: 0.18rem;
	height: 0.18rem;
	display: block;
	position: absolute;
	top: calc(50% - 0.09rem);
	left: 0;
	background: url(../images/icon/search.png) no-repeat center;
	background-size: 100% 100%;
}

.h-banner .search .inp input {
	line-height: 0.3rem;
	border: 0;
	font-size: 0.16rem;
	width: calc(100% - 0.3rem);
	color: #666;
	padding-left: 0.3rem;
}

.h-banner .search .inp input::-webkit-input-placeholder {
	font-size: .14rem;
}

.h-banner .search .btn {
	cursor: pointer;
	display: inline-block;
	height: 0.3rem;
	line-height: 0.3rem;
	padding: 0 0.28rem;
	color: #FFFFFF;
	background-color: #183883;
	top: 0;
}

.h-banner .search .btn:hover {
	background-color: #0f2459;
}

.h-banner .search .selet {
	width: 100%;
	color: #FFFFFF;
	border-bottom: 1px solid #99999961;
	padding: 0.2rem 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.h-banner .search .selet-tit {
	width: 100%;
	line-height: 0.3rem;
	font-weight: 500;
}

.h-banner .search .selet-con {
	width: 90%;
	height: 0.5rem;
    overflow: hidden;
}

.h-banner .search .selet-item {
	cursor: pointer;
	font-size: 0.14rem;
	margin: 0.1rem 0.1rem 0 0;
	display: inline-block;
	padding: 0.07rem 0.18rem;
	border: 1px solid #9999996b;
}

.h-banner .search .selet-item a{
	color: #fff;
}

.h-banner .search .selet-item:hover,
.h-banner .search .selet-item.on {
	background-color: rgba(255, 255, 255, 0.2);
}

.h-banner .search .selet-add {
	width: 10%;
	cursor: pointer;
	font-size: 0.14rem;
	margin: 0.1rem 0 0 0;
	display: inline-block;
	padding: 0.07rem 0;
	text-align: center;
	text-decoration: underline;
	color: #fff;
}

.h-banner .search .selet-add:hover,
.h-banner .search .selet-add.on {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}

.h-banner .search .tips {
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	color: #FFFFFF;
}

.h-banner .search .tips-con {
	padding-left: 0.5rem;
	position: relative;
	width: 90%;
}

.h-banner .search .tips-tit {
	position: absolute;
	left: 0;
	width: 0.5rem;
	white-space: nowrap;
}

.h-banner .search .tipscon {
	width: 100%;
	height: 0.5rem;
}

.h-banner .search .link {
	font-size: 0.14rem;
	color: #FFFFFF;
	opacity: 0;
	text-decoration: underline;
}

.h-banner .search .link:hover,
.h-banner .search .link.on {
	color: #fff;
}

.h-banner .search .ani-slide .link {
	opacity: 1;
}

.h-banner .search .tips-btn {
	width: 10%;
}

.h-banner .search .l-btn,
.h-banner .search .r-btn {
	cursor: pointer;
	width: 45%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-banner .search .l-btn::before,
.h-banner .search .r-btn::before {
	content: "";
	width: 0.1rem;
	height: 0.14rem;
	display: inline-block;
}

.h-banner .search .l-btn:hover::before,
.h-banner .search .r-btn:hover::before {
	transform: scale(1.1);
}

.h-banner .search .l-btn {
	float: left;
	text-align: right;
}

.h-banner .search .l-btn::before {
	background: url(../images/icon/l_btn.png) no-repeat;
	background-size: 100% 100%;
}

.h-banner .search .r-btn {
	float: right;
}

.h-banner .search .r-btn::before {
	background: url(../images/icon/r_btn.png) no-repeat;
	background-size: 100% 100%;
}

.h-banner .brand-box {
	z-index: 2;
	padding: 0.8rem 0;
	color: #FFFFFF;
}

.h-banner .brand-box .brand-l {
	border-left: 2px solid #E0E0E0;
	padding-left: 0.05rem;
	width: 50%;
	height: 0.5rem;
}

.h-banner .brand-box .brand {
	height: 0.7rem;
	width: 100%;
	position: relative;
	top: -0.2rem;
}

.h-banner .brand-box .link {
	color: #E0E0E0;
	display: block;
	width: 100%;
	height: 100%;
}

.h-banner .brand-box .link:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.h-banner .brand-box .tit {
	line-height: 0.30rem;
	font-size: 0.30rem;
	font-weight: bold;
	margin-bottom: 0.15rem;
	transform: translateX(-100%);
	opacity: 0;
	transition: all .4s;
	padding-left: 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.h-banner .brand-box .sub {
	padding-left: 0.1rem;
	opacity: 0;
	transition: all .4s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.h-banner .brand-box .ani-slide .tit {
	transform: translateX(0);
	opacity: 1;
}

.h-banner .brand-box .ani-slide .sub {
	opacity: 1;
}

.h-banner .brand-box .brand-r {
	cursor: pointer;
	width: 25%;
	height: 0.5rem;
	position: relative;
	padding-right: 0.5rem;
}

.h-banner .brand-box .brand-r::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	width: 0.3rem;
	height: 0.56rem;
	background: url(../images/icon/right.png) no-repeat right;
	background-size: auto 100%;
}

.h-banner .brand-box .brand-r:hover .nex-con {
	color: #FFFFFF;
	text-decoration: underline;
}

.h-banner .brand-box .nex {
	line-height: 0.3rem;
	margin-bottom: 0.05rem;
}

.h-banner .brand-box .nex-con {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.h-banner .navbar-box {
	z-index: 2;
	padding-bottom: 0.2rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.h-banner .navbar-box .navbar {
	width: 100%;
	height: 1rem;
}

.h-banner .navbar-box .link {
	padding-top: 0.1rem;
	display: block;
	text-align: center;
	font-size: 0.14rem;
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-banner .navbar-box .link:hover {
	color: #183883;
}

.h-banner .navbar-box .link:hover .icon {
	transform: scale(1.1);
}

.h-banner .navbar-box .icon {
	width: 0.4rem;
	height: 0.4rem;
	margin: 0 auto;
}

.h-banner .navbar-box .des {
	margin-top: 0.1rem;
	color: #fff;
}

/* h-union */
.h-union {
	background: url(../images/zonghe_bg.jpg) no-repeat top;
	background-size: 100% auto;
	padding: 1rem 0;
}

.h-union .tit-box {
	width: 100%;
	margin-bottom: 0.2rem;
	position: relative;
}

.h-union .tit-box .tit {
	font-weight: bold;
	font-size: 0.28rem;
}

.h-union .tit-box .more {
	position: absolute;
	color: #999999;
	font-size: 0.14rem;
	right: 0;
	top: 0.1rem;
}

.h-union .tit-box .more:hover {
	color: #183883;
}

.h-union .service-box {
	width: 60%;
}

.h-union .service-box .service {
	width: 100%;
	height: 5.5rem;
}

.h-union .service-box .swiper-pagination {
	text-align: right;
}

.h-union .service-box .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.h-union .service-box .service-img {
	width: calc((100% - 0.1rem) / 2);
	height: 2.52rem;
	float: left;
	margin: 0 0.1rem 0.1rem 0;
	position: relative;
}

.h-union .service-box .service-img:hover .sub {
	opacity: 1;
	height: auto;
}

.h-union .service-box .service-img:hover .tit {
	border-bottom: 2px solid #FFFFFF;
}

.h-union .service-box .service-img .link {
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #FFFFFF;
	padding: 0 0.2rem 0.2rem;
}

.h-union .service-box .service-img .tit {
	font-size: 0.24rem;
	line-height: 0.4rem;
	display: inline-block;
	color: #FFFFFF;
	margin-bottom: 0.1rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-union .service-box .service-img .sub {
	opacity: 0;
	height: 0;
	line-height: 0.2rem;
	font-size: 0.15rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-union .service-box .service-img:nth-child(2n) {
	margin-right: 0;
}

.h-union .notice {
	width: 35%;
}

.h-union .notice .notice-list {
	width: 100%;
}

.h-union .notice .item {
	width: 100%;
	position: relative;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #E5E5E5;
}

.h-union .notice .item::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: #183883;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.35s;
}

.h-union .notice .item:hover::after {
	width: 100%;
}

.h-union .notice .item:hover .tit {
	color: #183883;
}

.h-union .notice .item .cover {
	width: 100%;
	height: 2.0rem;
}

.h-union .notice .item .tit {
	padding-top: 0.1rem;
	font-size: 0.18rem;
	line-height: 0.28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 0.64rem;
}

.h-union .notice .item .new,
.h-union .notice .item .tag {
	color: #FFFFFF;
	background-color: #ff0000;
	font-size: 0.14rem;
	display: inline-block;
	padding: 0.01rem 0.02rem;
	border-radius: 0.03rem;
	line-height: 0.18rem;
}

.h-union .notice .item .new {
	position: absolute;
	top: 0.1rem;
	left: 0.1rem;
}

.h-union .notice .item .time {
	color: #999999;
	font-size: 0.14rem;
	line-height: 0.30rem;
}

/* com-tit */
.com-tit {
	padding: .8rem 0 .6rem;
	line-height: 1;
	text-align: center;
}

.com-tit .tit {
	display: block;
	color: #333;
}

.com-tit .tit .en {
	font-size: .28rem;
	font-weight: bold;
	margin-bottom: .2rem;
	text-transform: uppercase;
}

.com-tit .tit .cn {
	font-size: .24rem;
}

.com-tit.white .tit {
	color: #fff;
}

/* h-dbase */
.h-dbase {
	width: 100%;
	background: url(../images/dbase_bg.jpg) no-repeat top;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.h-dbase .dbase-box {
	background-color: #FFFFFF;
	padding: 0.4rem;
}

.h-dbase .dbase .dbase-img {
	width: 2.60rem;
	height: 1.25rem;
	transition: all ease 0.3s;
	border: 1px solid #E5E5E5;
}

.h-dbase .dbase .dbase-img:hover {
	border-color: #183883;
}

.h-dbase .dbase-list {
	margin: 0.3rem 0 0.4rem;
}

.h-dbase .dbase-list .dbase-link {
	float: left;
	margin: 0.1rem calc((100% - (2.60rem * 4)) / 3) 0 0;
	display: block;
	line-height: 0.3rem;
	width: 2.60rem;
	padding-left: 0.2rem;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.h-dbase .dbase-list .dbase-link::before {
	content: "";
	display: inline-block;
	width: 0.07rem;
	height: 0.07rem;
	background-color: #183883;
	position: relative;
	top: -0.03rem;
	left: -0.2rem;
}

.h-dbase .dbase-list .dbase-link:hover {
	color: #183883;
}

.h-dbase .dbase-list .dbase-link:nth-child(4n) {
	margin-right: 0;
}

/* h-more */
.h-more {
	width: 100%;
	height: 1rem;
	text-align: center;
	vertical-align: middle;
}

.h-more .link {
	display: inline-block;
	border: 1px solid #DEDEDE;
	border-radius: 0.02rem;
	line-height: 0.35rem;
	padding: 0 0.3rem;
	color: #666666;
	font-size: 0.14rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-more .link:hover {
	color: #FFFFFF;
	background-color: #183883;
	border-color: #183883;
}

/* h-read */
.h-read {
	width: 100%;
	background: url(../images/bg_tjyd.jpg) no-repeat;
	background-size: 100% 100%;
	background-color: #F1F1F1;
}

.h-read .com-tit {
	padding: 0.6rem 0 0.2rem;
}

.h-read .books {
	padding-bottom: 0.6rem;
	margin-bottom: 0.6rem;
}

.h-read .books .cover {
	margin: 0 auto;
	width: 1.8rem;
	height: 2.70rem;
}

.h-read .books .info {
	margin: 0 auto;
	width: 1.5rem;
}

.h-read .books .tit {
	font-weight: bold;
	font-size: 0.18rem;
	margin: 0.1rem 0;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.h-read .books .author {
	font-size: 0.14rem;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.h-read .books .swiper-slide:hover .jqthumb {
	transform: scale(1.1);
}

.h-read .books .swiper-slide:hover .tit {
	color: #183883;
}

.h-read .books .books-prev,
.h-read .books .books-next {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	top: 1rem;
	width: 0.4rem;
	height: 0.5rem;
	background-color: rgba(51, 51, 51, 0.2);
	padding: 0.1rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-read .books .books-prev::before,
.h-read .books .books-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/icon/arrow.png) no-repeat;
	background-size: auto 100%;
}

.h-read .books .books-prev:hover,
.h-read .books .books-next:hover {
	background-color: rgba(51, 51, 51, 0.5);
}

.h-read .books .books-prev {
	left: 0.2rem;
}

.h-read .books .books-prev::before {
	background-position: -0.05rem;
}

.h-read .books .books-next {
	right: 0.2rem;
}

.h-read .books .books-next::before {
	background-position: -0.32rem;
}

/* h-style */
.h-style {
	width: 100%;
	background: url(../images/style_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-bottom: .5rem;
}

.h-style .com-tit {
	width: 60%;
	margin: 0 auto;
	padding-top: .7rem;
}

.h-style .com-tit .en {
	position: relative;
	font-size: 0.28rem;
	margin-bottom: 0.4rem;
}

.h-style .com-tit .en::after {
	content: "";
	width: 0.6rem;
	height: 0.03rem;
	background-color: #FFFFFF;
	position: absolute;
	bottom: -0.2rem;
	left: calc(50% - 0.25rem);
}

.h-style .com-tit .cn {
	font-size: 0.16rem;
	line-height: 0.28rem;
}

.h-style .profile .swiper-slide {
	text-align: center;
	line-height: 1;
	margin-bottom: .4rem;
}

.h-style .profile .icon {
	width: 1.17rem;
	height: 1.17rem;
	background-color: rgba(200, 200, 200, 0.1);
	-webkit-border-radius: 50%;
	border: 1px solid #7C8999;
	border-radius: 50%;
	margin: 0 auto .2rem;
	padding: 0.37rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.h-style .profile .icon:hover {
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0.05rem 0.05rem 0.15rem #999999;
}

.h-style .profile .icon img {
	width: 100%;
	height: 100%;
}

.h-style .profile .num {
	font-size: .30rem;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: .1rem;
}

.h-style .profile .num .add,
.h-style .profile .num .txt {
	vertical-align: top;
	font-weight: normal;
	font-size: .14rem;
	margin-left: -.08rem;
}

.h-style .profile .num .txt {
	vertical-align: middle;
}

.h-style .profile .des {
	font-size: .16rem;
	color: #FFFFFF;
}

/* h-friend */
.h-friend .com-tit {
	padding: 0.4rem 0 0.2rem;
}

.h-friend .com-tit .en {
	font-size: 0.24rem;
}

.h-friend .friend {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.4rem;
}

.h-friend .friend .swiper-wrapper {
	padding: 0 0.1rem;
}

.h-friend .friend .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	padding: 0.01rem;
}

.h-friend .friend .friend-img {
	width: 2.27rem;
	height: 0.94rem;
	border: 1px solid #E5E5E5;
}

/* in-banner*/
.in-banner {
	height: 4rem;
}

.in-banner .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	background-position: center;
	background-size: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

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

.in-banner .swiper-slide::before {
	content: "";
	position: absolute;
	display: block;
	background: url(../images/icon/banner_logo.png) no-repeat;
	background-size: 100% 100%;
	width: 7.10rem;
	height: 1.10rem;
	top: calc(50% - 0.50rem);
	left: calc(50% - 3.5rem);
}

.in-banner-d {
	height: 3.2rem;
}

.in-banner-c {
	height: 6rem;
}

/* com-page */
.com-page .l-menu {
	width: 19.64%;
	position: relative;
	z-index: 10;
}

.com-page .l-menu .b-tit {
	width: 100%;
	line-height: 0.8rem;
	height: 0.8rem;
	background: url(../images/nav_bg2.jpg) no-repeat;
	background-size: cover;
	padding: 0 .28rem 0 .4rem;
	color: #fff;
	font-weight: bold;
	font-size: .25rem;
	position: relative;
}

.com-page .l-menu .b-tit .text {
	width: 100%;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

.com-page .l-menu .b-tit .cn {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.com-page .l-menu .b-tit .en {
	font-size: .15rem;
	opacity: .5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: .1rem;
}

.com-page .l-nav {
	display: block;
	padding: 0.1rem 0 1rem 0.1rem;
	background-color: #F7F7F7;
}

.com-page .l-nav .link {
	line-height: .50rem;
	font-size: .16rem;
	color: #666666;
	background-color: #F7F7F7;
	display: block;
	padding: 0 .5rem 0 .4rem;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.com-page .l-nav .link.open,
.com-page .l-nav .link:hover {
	color: #183883;
	background-color: #FFFFFF;
}

.com-page .l-nav .item {
	position: relative;
}

.com-page .l-nav .item::before {
	content: '';
	width: .08rem;
	height: .08rem;
	background-color: #183883;
	position: absolute;
	top: 0.21rem;
	left: 0.2rem;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.com-page .l-nav .item.on::before,
.com-page .l-nav .item:hover::before {
	transform: scale(1.2);
	transform: rotate(405deg);
}

.com-page .l-nav .item.on .link,
.com-page .l-nav .item:hover .link {
	color: #183883;
}

.com-page .l-nav .item.tog .link::before,
.com-page .l-nav .item.tog .link:after {
	content: '';
	position: absolute;
	background-color: #C6C6C6;
	opacity: .6;
	z-index: 5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.com-page .l-nav .item.tog .link::before {
	top: 50%;
	width: .2rem;
	height: 2px;
	margin-top: -1px;
	right: .28rem;
}

.com-page .l-nav .item.tog .link::after {
	width: 2px;
	height: .2rem;
	top: 50%;
	margin-top: -.1rem;
	right: .37rem;
}

.com-page .l-nav .item.tog .link.open::before,
.com-page .l-nav .item.tog .link.open::after {
	transform: rotate(180deg);
}

.com-page .l-nav .item.tog .link.open::after {
	opacity: 0;
}

.com-page .l-nav .item.tog .sub-nav {
	background-color: #F7F7F7;
	display: none;
	padding: 0.1rem 0;
}

.com-page .l-nav .item.tog .sub-nav .sub {
	display: block;
	padding: 0 .2rem 0 .4rem;
	line-height: .4rem;
	font-size: .14rem;
	color: #666666;
	position: relative;
}

.com-page .l-nav .item.tog .sub-nav .sub::before {
	display: none;
}

.com-page .l-nav .item.tog .sub-nav .sub:hover,
.com-page .l-nav .item.tog .sub-nav .sub.s-on {
	color: #183883;
	background-color: #FFFFFF;
}

.com-page .l-nav .item.tog .sub-nav .sub:hover::before,
.com-page .l-nav .item.tog .sub-nav .sub.s-on::before {
	font-size: 0.16rem;
	color: #666666;
	display: inline-block;
	position: absolute;
	left: .2rem;
}

.com-page>.r-con {
	width: 80.36%;
	min-height: 7rem;
	padding-left: .4rem;
}

.com-page .m-con {
	margin-bottom: 1rem;
}

.com-page.library {
	background-color: #f1f1f1;
}

.com-page.net {
	background-color: #f1f1f1;
}

/* t-crumbs */
.t-crumbs {
	width: 100%;
	padding: 0.2rem 0;
	position: relative;
}

.t-crumbs a {
	color: #737373;
	font-size: 0.14rem;
}

.t-crumbs a:hover {
	color: #183883;
}

.t-crumbs a:last-child::after {
	display: none;
}

.t-crumbs a::after {
	content: "/";
	color: #e2e2e2;
	font-size: 0.14rem;
	padding: 0 0.05rem 0 0.1rem;
}

/* .m-title */
.m-title {
	width: 100%;
	line-height: .64rem;
	font-weight: bold;
	font-size: .24rem;
	border-bottom: 1px solid #E5E5E5;
}

/* m-tips */
.m-tips {
	font-size: 0.14rem;
	border: 1px solid #FEF4AC;
	background-color: #FEFCE7;
	border-radius: 0.05rem;
	padding: 0.2rem;
	line-height: 0.28rem;
}

/* img-box */
.img-box {
	overflow: hidden;
	position: relative;
}

.img-box .jqthumb,
.img-box img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.img-box:hover .jqthumb {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.img-box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.2);
}

/* com-change */
.com-change {
	margin-top: 0.6rem;
}

.com-change a {
	width: 50%;
	line-height: .64rem;
	color: #333;
	display: block;
	float: left;
	padding: 0 .3rem;
	background-color: #f7f7f7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.com-change a:hover {
	color: #183883;
}

.com-change a.next {
	text-align: right;
}

/* m-list */
.m-list {
	margin-bottom: 1rem;
	width: 100%;
}

.m-list .list-box {
	min-height: 6rem;
	padding: 0.2rem 0 0.5rem 0;
}

.m-list .list-box .item {
	display: block;
	position: relative;
	margin-left: 0.24rem;
	border-bottom: 1px dashed #E0E0E0;
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.18rem;
}

.m-list .list-box .item::before {
	position: absolute;
	top: 42%;
	left: -0.24rem;
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 0.04rem solid transparent;
	border-bottom: 0.04rem solid transparent;
	border-left: 0.06rem solid #CCCCCC;
}

.m-list .list-box .item.on .txt,
.m-list .list-box .item:hover .txt {
	color: #183883;
}

.m-list .list-box .item.on .time,
.m-list .list-box .item:hover .time {
	color: #183883;
}

.m-list .list-box .item .txt {
	display: inline-block;
	width: 90%;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m-list .list-box .item .time {
	color: #999999;
}

/* m-work-d */
.m-work-d {
	margin: .6rem 0 1rem;
}

.m-work-d .tit {
	font-size: .3rem;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
	text-align: center;
	margin-bottom: .4rem;
}

.m-work-d .time {
	text-align: center;
	background-color: #FFFFFF;
	line-height: .6rem;
	font-size: .14rem;
	color: #999;
	margin-bottom: .38rem;
	border-bottom: 1px solid #E5E5E5;
}

.m-work-d .des {
	font-size: .16rem;
	line-height: .36rem;
	color: #333;
	padding-bottom: .4rem;
}

.m-work-d .des .tit {
	font-size: .16rem;
	text-align: left;
	font-weight: bold;
	color: #000;
	line-height: .36rem;
	margin-top: 0.2rem;
	margin-bottom: 0rem;
}

.m-work-d .des .ind {
	text-indent: 2em;
}

.m-work-d .des .p-bot {
	padding-bottom: 0.2rem;
}

.m-work-d .info {
	line-height: 0.24rem;
	font-size: 0.14rem;
	color: #999999;
	padding: 0.2rem 0 0.4rem;
	border-bottom: 1px solid #F1F1F1;
}

.m-work-d .info .item {
	padding-left: 0.1rem;
}

.m-work-d .img-c {
	text-align: center;
}

.m-work-d img {
	max-width: 100%;
}

/* m-down */
.m-down .download {
	margin: 0.4rem 0 0.6rem;
    border-top: 1px solid #f5f5f5;
    padding: 0.5rem 0 0 0;
}

.m-down .download .tit {
	font-size: 0.20rem;
	color: #000;
	font-weight: bold;
	text-align: left;
}

.m-down .download .item {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.16rem;
	color: #333333;
	position: relative;
	padding-left: 0.3rem;
}

.m-down .download .item::before {
	content: '';
	width: 0.17rem;
	height: 0.23rem;
	position: absolute;
	top: 50%;
	margin-top: -0.08rem;
	left: 0;
	background: url(../images/icon/down.png) no-repeat;
	background-size: 100%;
}

.m-down .download .item span {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 90%;
}

.m-down .download .item .link {
	display: inline-block;
	vertical-align: middle;
	color: #4A7DD9;
	margin-left: 0.1rem;
}

.m-down .download .item .link:hover {
	color: #183883;
	text-decoration: underline;
}

/* m-search */
.m-search {
	margin: 0.2rem 0 0.2rem;
	padding: 0.1rem 0.3rem;
	background-color: #F8F8F8;
	border: 1px solid #EEEEEE;
}

.m-search .row-item {
	width: 100%;
}

.m-search .row-item:last-child .r-box {
	border: 0;
}

.m-search .row-item .l-tit {
	width: 8%;
	font-weight: bold;
	padding: 0.2rem 0;
}

.m-search .row-item .r-box {
	float: left;
	width: 92%;
	height: 100%;
	padding: 0.1rem 0;
	border-bottom: 1px solid #EEEEEE;
}

.m-search .row-item .r-box .inp-box {
	background-color: #FFFFFF;
	width: 4rem;
	border-radius: 0.02rem;
	border: 1px solid #E0E0E0;
}

.m-search .row-item .r-box .inp-box .inp {
	background-color: #FFFFFF;
	line-height: 0.36rem;
	height: 0.36rem;
	border: 0;
	font-size: 0.16rem;
	width: 100%;
	color: #666;
	padding: 0 0.55rem 0 0.2rem;
}

.m-search .row-item .r-box .btn {
	height: 0.36rem;
	line-height: 0.36rem;
	margin-left: 0.1rem;
	background-color: #183883;
	padding: 0 0.3rem;
	border: none;
	color: #FFFFFF;
	font-size: 0.18rem;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.m-search .row-item .r-box .btn:hover {
	background-color: #3B7EC1;
}

.m-search .row-item .r-box .val-btn {
	cursor: pointer;
	display: inline-block;
	padding: 0.05rem 0.06rem;
	border-radius: 0.02rem;
	border: 1px solid #E0E0E0;
	margin: 0.04rem 0.05rem 0.04rem 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #FFFFFF;
	font-size: 0.14rem;
}

.m-search .row-item .r-box .val-btn.on,
.m-search .row-item .r-box .val-btn:hover {
	background-color: #183883;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

/* m-search-book */
.m-search-book {
	padding-bottom: 0.6rem;
	min-height: 5rem;
}

.m-search-book .item {
	padding: 0.2rem 0;
	border-bottom: 1px solid #E5E5E5;
}

.m-search-book .item .cover {
	width: 1.42rem;
	height: 2.08rem;
	border-bottom: 0.02rem solid #6799CC;
}

.m-search-book .item .info {
	width: calc(100% - 1.42rem);
	min-height: 2.08rem;
	position: relative;
	padding: 0 0.4rem;
}

.m-search-book .item .info .tit {
	font-size: 0.18rem;
	font-weight: bold;
}

.m-search-book .item .info .txt {
	font-size: 0.14rem;
	color: #999999;
	line-height: 0.28rem;
	padding: 0.1rem 0;
}

.m-search-book .item .info .val {
	color: #666666;
}

.m-search-book .item .info .address {
	font-size: 0.14rem;
	color: #999999;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.m-search-book .item .info .link {
	color: #0B69C2;
	font-size: 0.14rem;
	position: absolute;
	bottom: 0.1rem;
}

.m-search-book .item .info .link:hover {
	color: #183883;
	text-decoration: underline;
}

/* m-book */
.m-book {
	width: 100%;
	margin-bottom: 0.4rem;
}

.m-book .book-img {
	width: 25%;
}
.m-book .book-img img{
	width: 100%;
}

.m-book .book-info {
	width: 75%;
	padding-left: 0.5rem;
}

.m-book .book-tit {
	font-size: 0.26rem;
	margin-bottom: 0.15rem;
	font-weight: bold;
}

.m-book .book-txt {
	color: #999999;
	font-size: 0.14rem;
	line-height: 0.28rem;
	margin-bottom: 0.2rem;
}

/* m-result-box */
.m-result-box {
	border: 1px solid #E5E5E5;
	border-radius: 0.02rem;
	padding: 0.1rem 0.2rem 0.6rem 0.2rem;
	margin-bottom: 1rem;
}

.m-result-box .result-tit {
	color: #333333;
	background-color: #E9E7E8;
	padding: 0.2rem;
	font-size: 0.15rem;
}

.m-result-box .result-list {
	margin-bottom: 0.4rem;
}

.m-result-box .result-list .item {
	position: relative;
	padding: 0.2rem 0;
	border-bottom: 1px solid #E5E5E5;
}

.m-result-box .result-list .item:hover {
	cursor: pointer;
}

.m-result-box .result-list .item:hover .tit {
	color: #183883;
}

.m-result-box .result-list .item:hover .sub-tit {
	color: #183883;
}

.m-result-box .result-list .item .cont {
	padding-left: 0.4rem;
	padding-right: 0.6rem;
}

.m-result-box .result-list .item .num {
	position: absolute;
	left: 0.1rem;
	font-size: 0.14rem;
}

.m-result-box .result-list .item .tit {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.m-result-box .result-list .item .sub-tit {
	color: #999999;
	line-height: 0.28rem;
	font-size: 0.14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.m-result-box .result-list .item .btn {
	text-align: center;
	font-size: 0.14rem;
	line-height: 0.24rem;
	height: 0.24rem;
	width: 0.6rem;
	position: absolute;
	bottom: 0.2rem;
	right: 0;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 0.02rem;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.m-result-box .result-list .item .btn:hover {
	background-color: #183883;
	color: #FFFFFF;
}

/* m-online */
.m-online {
	width: 100%;
	margin-top: 0.4rem;
}

.m-online .online-form {
	width: 100%;
	position: relative;
}

.m-online .inp {
	margin: 0.1rem 0;
	position: relative;
	padding-left: 0.1rem;
	width: 46%;
	float: left;
	margin-right: 8%;
}

.m-online .inp:last-child,
.m-online .inp:nth-child(2n) {
	margin-right: 0;
}

.m-online .required::before {
	content: '*';
	display: inline;
	font-size: 0.16rem;
	color: #FF0000;
	line-height: 0.36rem;
	position: absolute;
	left: 0;
}

.m-online .label {
	float: left;
	display: block;
	line-height: 0.36rem;
	width: 0.9rem;
	color: #333333;
	font-size: 0.14rem;
}

.m-online .input {
	display: block;
	float: left;
	width: calc(100% - 0.9rem);
	margin: 0;
	line-height: 0.36rem;
	border: 1px solid #DEDEDE;
	padding-left: 0.2rem;
}

.m-online .inp-select {
	height: 0.36rem;
	display: inline-block;
	line-height: 0.36rem;
	border: 1px solid #DEDEDE;
	width: calc(100% - 0.9rem);
	outline: none;
}

.m-online .inp-option {
	height: 0.36rem;
	display: inline-block;
	line-height: 0.36rem;
}

.m-online .apply {
	padding-left: 0.1rem;
	width: 100%;
	margin-right: 0;
}

.m-online .apply input[disabled] {
	background-color: #FFFFFF;
	border-width: 0 1px 0 0;
}

.m-online .inp-file {
	float: left;
	height: 0;
	width: 0;
	opacity: 0;
}

.m-online .file-btn {
	line-height: 0.36rem;
	font-size: 0.14rem;
	float: left;
	display: block;
	width: 0.9rem;
	text-align: center;
}

.m-online .file-btn:hover {
	background-color: #183883;
	color: #FFFFFF;
}

.m-online .submit {
	width: 100%;
	text-align: center;
	height: 1rem;
	margin-top: 0.4rem;
}

.m-online .inp-submit {
	border: 0;
	display: inline-block;
	height: 0.36rem;
	line-height: 0.36rem;
	padding: 0 0.28rem;
	color: #FFFFFF;
	background-color: #183883;
	top: 0;
	cursor: pointer;
}

.m-online .inp-submit:hover {
	background-color: #183883;
}

/* m-book-list-box */
.m-book-list-box {
	width: 100%;
	margin: 0.3rem 0 1rem 0;
}

.m-book-list-box .m-book-list .item {
	width: 22%;
	margin-right: 4%;
	padding-bottom: 0.4rem;
}

.m-book-list-box .m-book-list .item .cover {
	margin: 0 auto;
	width: 1.9rem;
	height: 2.80rem;
	border-bottom: 0.02rem solid #6799CC;
}

.m-book-list-box .m-book-list .item .info .title {
	word-break: break-all;
	font-size: 0.18rem;
	margin: 0.1rem 0;
	min-height: 0.5rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-book-list-box .m-book-list .item .info .title:hover {
	color: #183883;
}

.m-book-list-box .m-book-list .item .info .author {
	font-size: 0.14rem;
	min-height: 0.4rem;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-book-list-box .m-book-list .item:nth-child(4n) {
	margin-right: 0;
}

/* m-borrow */
.m-borrow {
	padding: 0.4rem 0 1rem;
	position: relative;
	background: url(../picture/tsg_tj_bg.jpg) #f6f6f6 bottom no-repeat;

}

.m-borrow .borrow-l {
	width: 8rem;
	height: 6.4rem;
}

.m-borrow .borrow-l .swiper-slide {
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-l .borrow-l-img {
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-l .tit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 0 0.5rem;
	width: 100%;
	line-height: 1.5rem;
	font-size: 0.34rem;
	color: #FFFFFF;
	font-weight: bold;
}

.m-borrow .borrow-r {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 2;
	right: 0;
	top: 1.4rem;
	width: 6.4rem;
	height: 5.6rem;
}

.m-borrow .borrow-r .tit {
	padding: 0 0.4rem;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.34rem;
	font-weight: bold;
}

.m-borrow .borrow-r .borrow-r-t {
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-r .borrow-r-c {
	padding: 0 0.4rem;
	width: 100%;
	height: 1.8rem;
}

.m-borrow .borrow-r .borrow-r-b {
	width: 100%;
	height: 2.8rem;
}

.m-borrow .borrow-r-t .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.m-borrow .borrow-r-t .item-l {
	position: relative;
	width: 100%;
	height: 50%;
}

.m-borrow .borrow-r-t .item-r {
	position: relative;
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-r-t .item-r .link {
	position: absolute;
	top: 25%;
	left: 0;
	display: block;
	width: 100%;
	height: 50%;
	text-align: center;
	padding-top: 0.6rem;
}

.m-borrow .borrow-r-t .link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 0.6rem;
}

.m-borrow .borrow-r-t .bg {
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-r-t .icon {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
}

.m-borrow .borrow-r-t .des {
	font-size: 0.18rem;
	color: #FFFFFF;
}

.m-borrow .borrow-r-c .swiper-slide {
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 0.3rem;
}

.m-borrow .borrow-r-c .swiper-slide:hover .des {
	color: #183883;
}

.m-borrow .borrow-r-c .icon {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 auto;
}

.m-borrow .borrow-r-c .icon.ico1 {
	background: url(../images/icon/jyfw_icon1.png) no-repeat;
	background-size: 100% 100%;
}

.m-borrow .borrow-r-c .icon.ico2 {
	background: url(../images/icon/jyfw_icon2.png) no-repeat;
	background-size: 100% 100%;
}

.m-borrow .borrow-r-c .icon.ico3 {
	background: url(../images/icon/jyfw_icon3.png) no-repeat;
	background-size: 100% 100%;
}

.m-borrow .borrow-r-c .des {
	color: #333333;
	font-size: 0.18rem;
	line-height: 0.5rem;
}

.m-borrow .borrow-r-b .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.m-borrow .borrow-r-b .link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 0.6rem;
}

.m-borrow .borrow-r-b .bg {
	width: 100%;
	height: 100%;
}

.m-borrow .borrow-r-b .icon {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
}

.m-borrow .borrow-r-b .des {
	font-size: 0.18rem;
	color: #FFFFFF;
}

/* m-library */
.h-read.m-library {
	background: url(../picture/tjyd_bg.jpg) no-repeat top;
	background-size: 100% 100%;
}

.h-read.m-library .com-tit {
	padding: 0.8rem 0 0.4rem;
}

.h-read.m-library .com-tit .en {
	font-size: 0.34rem;
}

/* m-culture */
.m-culture .culture {
	width: 100%;
	height: 3.81rem;
}

.m-culture .culture .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.m-culture .culture .swiper-slide:hover .info {
	opacity: 1;
	height: 0.8rem;
}

.m-culture .culture .cover {
	width: 100%;
	height: 100%;
}

.m-culture .culture .info {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFFFFF;
	padding-left: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 2;
	width: 100%;
	height: 0rem;
	opacity: 0;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
}

.m-culture .culture .tit {
	line-height: 0.4rem;
	font-size: 0.20rem;
}

.m-culture .culture .author {
	line-height: 0.3rem;
	font-size: 0.16rem;
}

/* h-dbase */
.h-dbase.wxqb {
	background: url(../picture/dbase_wxqb_bg.jpg) no-repeat top;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.h-dbase.wxqb .tit .en {
	font-size: .34rem;
}

.h-dbase.wxqb .dbase-list {
	margin: 0.3rem 0 0.8rem;
}

.h-dbase.wxqb .dbase-list .dbase-link {
	line-height: 0.4rem;
}
.m-borrow.wxqb {
	background: url(../picture/wxqb_tj_bg.jpg) #f6f6f6 bottom no-repeat;
}
.m-borrow.wxqb .borrow-r {
	bottom: 0;
	top: auto;
	width: 6.4rem;
	height: 5rem;
}

/* m-use */
.m-use {
	background-color: #F8F8F8;
}

.m-use .use {
	padding: 1rem 0;
	width: 100%;
	height: 4.5rem;
}

.m-use .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.m-use .swiper-slide img {
	width: 100%;
}

.m-use .use-con {
	margin: 0 auto;
	position: absolute;
	width: 50%;
	height: 1.5rem;
	top: calc(50% - 0.75rem);
	left: 25%;
}

.m-use .use-con .tit {
	text-align: center;
	line-height: 0.34rem;
	font-size: 0.34rem;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.2rem auto 0;
}

.m-use .use-con .btn {
	line-height: 0.6rem;
	height: 0.6rem;
	width: 1.8rem;
	margin: 0.3rem auto 0;
	display: block;
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #F1F1F1;
	border-radius: 0.3rem;
	text-align: center;
}

.m-use .use-con .btn:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

/* m-network */
.m-network {
	padding: 0.5rem 0 2rem;
	background: url(../picture/wlaq_tj_bg.jpg) top no-repeat;
	background-size: cover;
	background-color: #f8f8f8;
	position: relative;
}

.m-network .network-r {
	width: 8.1rem;
	height: 5.4rem;
}

.m-network .network-r .swiper-slide {
	width: 100%;
	height: 100%;
}

.m-network .network-r .slide-img {
	width: 100%;
	height: 100%;
}

.m-network .network-r .tit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 0 0.5rem;
	text-align: right;
	width: 100%;
	line-height: 1.5rem;
	font-size: 0.34rem;
	color: #FFFFFF;
	font-weight: bold;
}

.m-network .network-l {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 1rem;
	width: 8.1rem;
	height: 5.45rem;
}

.m-network .network-l .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 0.1rem;
}

.m-network .network-l .item {
	float: left;
	background-color: #FFFFFF;
	width: 32%;
	height: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.m-network .network-l .item:hover {
	-webkit-transform: translateY(-0.05rem);
	transform: translateY(-0.05rem);
	box-shadow: 0.05rem 0 0.1rem 0 rgba(0, 0, 0, 0.2);
}

.m-network .network-l .item:nth-child(2n) .des {
	color: #333333;
}

.m-network .network-l .bg {
	width: 100%;
	height: 100%;
}

.m-network .network-l .link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 0.8rem;
}

.m-network .network-l .icon {
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
}

.m-network .network-l .des {
	font-size: 0.18rem;
	color: #FFFFFF;
}

/* m-network-con */
.m-network-con {
	padding: 0.5rem 0 1rem;
	background: url(../picture/wlaq_tab_bg.jpg) top no-repeat;
	background-size: 100% auto;
	background-color: #f8f8f8;
	position: relative;
}

.m-network-con .tab-nav {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0.15rem 0;
	border-bottom: 1px solid rgba(224, 224, 224, 0.5);
	margin-bottom: 0.4rem;
}

.m-network-con .tab-nav .item {
	cursor: pointer;
	display: inline-block;
	line-height: 0.5rem;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.24rem;
	padding: 0 0.3rem;
	margin-right: 0.2rem;
	border-radius: 0.05rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.m-network-con .tab-nav .item.on,
.m-network-con .tab-nav .item:hover {
	background-color: #1641C1;
}

.m-network-con .network-con {
	width: 100%;
	height: 8.0rem;
}

.m-network-con .network-con .swiper-slide {
	width: 100%;
	height: 100%;
	padding-top: 0.2rem;
}

.m-network-con .network-con .link {
	width: 2.77rem;
	height: 2.28rem;
	margin-right: 0.3rem;
	margin-bottom: 0.2rem;
	display: block;
	border-radius: 0.03rem;
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	text-align: center;
	padding: 0.4rem 0.3rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.m-network-con .network-con .link:nth-child(4n) {
	margin-right: 0;
}

.m-network-con .network-con .link::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 95%;
	left: 2.5%;
	height: 3px;
	background-color: #183883;
}

.m-network-con .network-con .link:hover {
	-webkit-transform: translateY(-0.1rem);
	transform: translateY(-0.1rem);
	border: 1px solid transparent;
	box-shadow: 0.05rem 0 0.1rem 0 rgba(0, 0, 0, 0.2);
}

.m-network-con .network-con .link:hover .tit {
	color: #183883;
}

.m-network-con .network-con .icon {
	display: inline-block;
	width: 0.7rem;
	height: 0.7rem;
}

.m-network-con .network-con .icon img {
	width: 100%;
}

.m-network-con .network-con .tit {
	line-height: 0.5rem;
	font-size: 0.24rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.m-network-con .network-con .sub-tit {
	font-size: 0.14rem;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* m-dbase */
.m-dbase {
	width: 100%;
}

.m-dbase .dbase-img {
	border: 1px solid #F1F1F1;
	width: 2.70rem;
	height: 1.35rem;
	border-bottom: 3px solid #183883;
}

.m-dbase .dbase-info {
	width: calc(100% - 2.70rem);
	padding-left: 0.3rem;
}

.m-dbase .dbase-tit {
	font-size: 0.26rem;
	margin-bottom: 0.15rem;
	font-weight: bold;
}

.m-dbase .dbase-txt {
	color: #999999;
	font-size: 0.14rem;
	line-height: 0.28rem;
	margin-bottom: 0.3rem;
}

.m-dbase .dbase-link {
	margin-top: 0.1rem;
	color: #183883;
	font-size: 0.14rem;
	line-height: 0.4rem;
	display: inline-block;
	padding: 0 0.3rem;
	border: 1px solid #183883;
	border-radius: 0.02rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.m-dbase .dbase-link:hover {
	color: #FFFFFF;
	background-color: #183883;
}

/* m-search-result */
.m-search-result .info .tip {
	line-height: .6rem;
}

.m-search-result .info .key-word {
	line-height: .4rem;
	background-color: #F1F1F1;
	font-size: 0.16rem;
	padding-left: 0.2rem;
}

.m-search-result .list {
	margin-bottom: 0.6rem;
	overflow: auto;
}

.m-search-result .list .item {
	display: block;
	padding: 0.1rem 0;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 0.2rem;
}

.m-search-result .list .tit {
	font-size: 0.18rem;
	font-weight: bold;
	color: #333;
}

.m-search-result .list .abstract {
	line-height: 0.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-search-result .list .sub {
	margin-top: 0.1rem;
	font-size: 0.14rem;
	color: #999;
}

.m-search-result .list .link {
	padding-right: 0.2rem;
}

.m-search-result .red {
	color: #ff0000;
}
/* site-map */
.site-map{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0.5rem 0.6rem;
}
.site-map .map-item{
	width: 100%;
	height: auto;
}
.site-map .map-tit{
	height: 0.3rem;
	line-height: 0.3rem;
	font-weight: bold;
	font-size: 0.2rem;
	position: relative;
	display: inline-block;
	padding-left: 0.25rem;
}
.site-map .map-tit::before{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0rem;
	width: 0.1rem;
	height: 0.3rem;
	background-color: #0755A2;
}
.site-map .map-tit .link:hover{
	color: #183883;
}
.site-map .map-con{
	position: relative;
	padding-left: 0.3rem;
	padding-top: 0.1rem;
}
.site-map .map-sub{
	position: relative;
	padding-left: 0.15rem;
	width: 33%;
	height: 0.4rem;
	margin-bottom: 0.3rem;
}
.site-map .map-sub::before{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0.02rem);
	left: 0rem;
	width: 0.04rem;
	height: 0.04rem;
	background-color: #0755A2;
}
.site-map .map-sub .link{
	color: #333333;
	font-size: 0.16rem;
	line-height: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.site-map .map-sub:hover::before{
	background-color: #183883;
	border-radius: 50%;
}
.site-map .map-sub:hover .link{
	color: #183883;
}
/* footer */
.footer {
	background-color: #333333;
}

.footer .f-info {
	padding: 0.6rem 0 0.4rem;
}

.footer .f-info .l-con {
	max-width: 33%;
}

.footer .f-info .l-con .f-logo {
	height: 0.8rem;
}

.footer .f-info .l-con .f-logo img {
	height: 100%;
}

.footer .f-info .l-con .f-link {
	margin-top: 0.2rem;
	padding-left: 0.9rem;
	color: #999999;
	font-size: 0.14rem;
	line-height: 0.28rem;
}

.footer .f-info .l-con .f-link a {
	color: #999999;
}

.footer .f-info .l-con .f-link a:hover {
	color: #FFFFFF;
}

.footer .f-info .linkmap {
	width: 63%;
	float: right;
	padding: 0 0 0 0.3rem;
}

.footer .f-info .linkmap .linkmap-li {
	width: 27%;
	float: left;
	padding: 0 0.15rem 0.3rem;
}

.footer .f-info .linkmap .linkmap-li:nth-child(2n) {
	width: 23%;
}
.footer .f-info .linkmap .linkmap-li:nth-child(3n) {
	width: 31%;
}
.footer .f-info .linkmap .linkmap-li:nth-child(4n) {
	width: 19%;
}

.footer .f-info .linkmap .linkmap-li a {
	display: block;
	color: #999999;
	padding: 0.05rem 0;
	font-size: 0.14rem;
}

.footer .f-info .linkmap .linkmap-li a.tit {
	color: #cccccc;
	padding: 0 0 0.2rem 0;
	font-weight: bold;
	font-size: 0.16rem;
}

.footer .f-info .linkmap .linkmap-li a:hover {
	color: #fff;
}

.footer .f-info .r-con {
	display: none;
}

.footer .f-info .r-con .f-search {
	width: 3.6rem;
	line-height: 0.36rem;
	background-color: #dddddd;
	position: relative;
	margin-bottom: 0.2rem;
}

.footer .f-info .r-con .f-search .inp {
	background-color: #ddd;
	line-height: 0.36rem;
	height: 0.36rem;
	border: 0;
	font-size: 0.16rem;
	width: 100%;
	color: #666;
	padding: 0 0.55rem 0 0.2rem;
}

.footer .f-info .r-con .f-service {
	color: #E5E5E5;
	font-size: 0.14rem;
}

.footer .f-info .r-con .f-service a {
	color: #CCCCCC;
}

.footer .f-info .r-con .f-service a:hover {
	color: #FFFFFF;
}

.footer .f-info .r-con .f-service a.off {
	color: #666666;
}

.footer .copyright-box {
	border-top: 1px solid #444444;
	color: #9296A2;
	padding: 0.3rem 0 0.4rem 0;
}

.footer .copyright-box a {
	color: #9296A2;
}

.footer .copyright-box .copy-right {
	font-size: 0.14rem;
	width: 60%;
}

.footer .copyright-box .copy-right .link {
	position: relative;
	padding-left: 0.2rem;
	margin-left: 0.2rem;
}

.footer .copyright-box .copy-right .link::before {
	content: '';
	position: absolute;
	width: 0.18rem;
	height: 0.2rem;
	background: url(../images/icon/beian.png) no-repeat;
	background-size: 100%;
	left: 0;
	top: 50%;
	margin-top: -0.1rem;
}

.footer .copyright-box .help {
	width: 40%;
	text-align: right;
	font-size: 0.14rem;
}

.footer .copyright-box .help a {
	margin-left: 0.3rem;
}

.footer .copyright-box .help a:hover {
	color: #FFFFFF;
}

/* m-client */
.m-client {
	position: fixed;
	top: 50%;
	right: 0.4rem;
	z-index: 99;
	margin-top: -0.86rem;
	border: 0.01rem solid #dfdfdf;
}

.m-client .child {
	position: relative;
	border-bottom: 0.01rem solid #dfdfdf;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.m-client .child:last-child {
	border: none;
}

.m-client .child .u-box {
	position: relative;
	display: block;
	background: #fff;
	color: #fff;
	text-align: center;
	zoom: 1;
	min-height: 60px;
	min-width: 60px;
	width: 0.68rem;
	height: 0.78rem;
	padding-top: 0.13rem;
}

.m-client .child .u-box .ico {
	display: block;
	overflow: hidden;
	min-height: 22px;
	min-width: 22px;
	width: 0.25rem;
	height: 0.25rem;
	margin: 0 auto;
	position: relative;
}

.m-client .child .u-box .ico img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.m-client .child .u-box .ico .img-a {
	opacity: 1;
}

.m-client .child .u-box .ico .img-b {
	opacity: 0;
}

.m-client .child .u-box .txt {
	display: block;
	font-size: 0.12rem;
	color: #545559;
	line-height: 1.2;
	margin-top: 0.1rem;
}

.m-client .child:hover .u-box {
	background-color: #183883;
}

.m-client .child:hover .u-box .ico .img-a {
	opacity: 0;
}

.m-client .child:hover .u-box .ico .img-b {
	opacity: 1;
}

.m-client .child:hover .txt {
	color: #FFFFFF;
}

.m-client .child:hover .sub-box {
	opacity: 1;
	transform: rotateY(0deg);
}

.m-client .child .sub-box {
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: rotateY(-90deg);
	transform-origin: right;
	width: 1.5rem;
	border: 1px solid #E0E0E0;
	padding: 0.1rem;
	position: absolute;
	top: 0;
	left: -1.6rem;
	background-color: #FFFFFF;
	border-radius: 0.02rem;
}

.m-client .child .sub-box .item {
	width: 100%;
	padding: 0.1rem 0 0.3rem 0;
	display: block;
}
.m-client .child .sub-box .item:hover {
	color: #183883;}


.m-client .child .sub-box .item:last-child {
	margin-bottom: 0;
}

.m-client .child .sub-box .head {
	float: left;
	width: 0.25rem;
	height: 0.25rem;
	overflow: hidden;
	border-radius: 50%;
}

.m-client .child .sub-box .head img {
	width: 100%;
	height: 100%;
}

.m-client .child .sub-box .name {
	width: calc(100% - 0.25rem);
	line-height: 0.25rem;
	font-size: 0.12rem;
	padding-left: 0.1rem;
	float: left;
}
@media screen and (min-width: 1750px) {
    /* h-banner */
    .h-banner .area {
    	padding-top: 1.8rem;
    	padding-bottom: 1.2rem;
    }
    
    .h-banner::before {
    	height: 1.6rem;
    }
    
    .h-banner .search {
    	padding: 0.6rem 0.6rem 0.2rem 0.6rem;
    	min-height: 3.92rem;
    }
    
   
    .h-banner .search .selet-con {
    	width: 90%;
        height: 1rem;
        overflow: hidden;
    }
    
    .h-banner .navbar-box {
    	z-index: 2;
    	padding-bottom: 0.2rem;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	width: 100%;
    }
    
    .h-banner .navbar-box .navbar {
    	width: 100%;
    	height: 1rem;
    }
}
@media screen and (max-width: 1750px) {
	.header .logo img {
		height: 0.5rem;
	}

	.header.pd {
		padding: 0 0.2rem;
	}

	.header .nav {
		margin-right: 0;
	}
	.in-banner-c {	height: 4.6rem;}
	.m-borrow .borrow-l{height: 5.4rem;}	
	.m-borrow .borrow-r{height: 4.8rem;top: 1.2rem;}
	.m-borrow .borrow-r .borrow-r-b{height: 2.4rem;}
	.m-borrow .borrow-r .tit {height: 0.8rem;line-height: 0.8rem;}
	.m-borrow .borrow-r .borrow-r-c{height: 1.6rem;}
	.m-borrow .borrow-r-c .swiper-slide{padding-top: 0.1rem;}
	.h-banner .area{min-height: calc(100vh - 0.4rem);padding-top: 1.6rem;}
	.h-banner.whb .area{padding-top: 1.1rem;}
	.h-banner.whb .search{padding: 0.3rem 0.5rem 0.2rem 0.3rem;}
	.h-banner .search{min-height: 3.1rem;}
	
	
}

@media screen and (max-width: 1400px) {
	.area {
		padding: 0 .4rem;
		width: 100%;
	}

	.t-crumbs,
	.com-page .l-menu,
	.l-con {
		left: .2rem;
	}
	
}

@media screen and (max-width: 1200px) {
	.header {
		top: 0.4rem;
	}

	.header .logo img {
		height: 0.46rem;
	}

	.header .nav {
		margin-right: 0;
	}

	.header .nav .item .link {
		padding: 0 0.15rem;
	}

	.header .m-r-con .search-box {
		padding-left: 0.15rem;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 0.34rem;
		padding-top: 1.5rem;
	}
	
	.m-dbase .dbase-img {
		border: 1px solid #F1F1F1;
		width: 100%;
		height: 4.35rem;
		border-bottom: 3px solid #183883;
	}
	
	.m-dbase .dbase-info {
		width: 100%;
		padding-left: 0.3rem;
	}
	
	.m-dbase .dbase-tit {
		font-size: 0.5rem;
		margin-bottom: 0.3rem;
		font-weight: bold;
	}
	
	.m-dbase .dbase-txt {
		color: #999999;
		font-size: 0.4rem;
		line-height: 0.5rem;
		margin-bottom: 0.3rem;
	}
	
	.m-dbase .dbase-link {
		margin-top: 0.1rem;
		color: #183883;
		font-size: 0.4rem;
		line-height: 0.8rem;
		display: inline-block;
		padding: 0 0.3rem;
		border: 1px solid #183883;
		border-radius: 0.02rem;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.m-dbase .dbase-link:hover {
		color: #FFFFFF;
		background-color: #183883;
	}
	.h-style .profile .swiper-slide {
		margin-bottom: .8rem;
	}

	.t-crumbs a {
		font-size: 0.36rem;
	}

	.t-crumbs a::after {
		font-size: 0.36rem;
		padding: 0 0.05rem 0 0.1rem;
	}
	/* m-view */
	.m-view .list {
		margin-left: -3%;
	}
	
	.m-view .hover-item {
		width: 47%;
		margin-left: 3%;
		margin-top: 0.4rem;
	}
	
	.m-view .hover-item .img {
		height: 3.3rem;
	}
	
	.m-view .hover-item .text {
		line-height: 0.8rem;
	}

	/* top-info */
	.top-info {
		display: none;
	}

	/* header */
	.header {
		top: 0;
		height: 1.5rem;
		line-height: 1.5rem;
		position: fixed;
		background-color: #fff;
		z-index: 100;
	}

	.header .area {
		padding: 0;
		height: 1.5rem;
	}

	.header:hover .logo {
		background: none;
	}

	.header:hover .m-r-con .btn {
		background: url(../images/icon/search.png) no-repeat;
		background-size: 100%;
	}

	.header:hover .search-box {
		border: none;
	}

	.header.enter::before {
		opacity: 0;
	}

	.header.fix-c {
		height: 1.5rem;
		line-height: 1.5rem;
	}

	.header.fix-c .logo {
		background: none;
	}

	.header.fix-c .m-r-con .btn {
		margin-top: 0;
		width: 0.57rem;
		height: 0.57rem;
		background: url(../images/icon/search.png) no-repeat;
		background-size: 100%;
	}

	.header .logo {
		margin-left: 0.3rem;
		background: none;
	}

	.header .logo img {
		opacity: 1;
		height: 1rem;
	}

	.header .nav {
		display: none;
		float: none;
		position: absolute;
		top: 1.5rem;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		overflow-y: auto;
	}

	.header .nav .item {
		border-bottom: 1px solid #eee;
		width: 100%;
		float: none;
		margin-left: 0;
		line-height: 3rem;
		height: auto;
		position: relative;
	}

	.header .nav .item .link {
		margin-top: 0;
		line-height: 2rem;
		padding: 0 0.3rem;
	}

	.header .nav .item .link .txt {
		font-size: 0.46rem;
	}

	.header .nav .item .link .txt::before {
		content: '';
		bottom: 0;
	}

	.header .nav .item .link-btn {
		display: block;
		position: absolute;
		top: 0.2rem;
		right: 0px;
		width: 1.4rem;
		height: 1.2rem;
	}
	
	.header .nav .item .link-btn::before,
	.header .nav .item .link-btn:after {
		content: '';
		position: absolute;
		background-color: #C6C6C6;
		opacity: .6;
		z-index: 5;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	.header .nav .item .link-btn::before {
		top: .6rem;
		width: .5rem;
		height: 2px;
		margin-top: -1px;
		right: .47rem;
	}
	
	.header .nav .item .link-btn::after {
		width: 2px;
		height: .5rem;
		top: 0.35rem;
		right: .7rem;
	}
	
	.header .nav .item.on .link-btn::before,
	.header .nav .item.on .link-btn::after,
	.header .nav .item:hover .link-btn::before,
	.header .nav .item:hover .link-btn::after {
		transform: rotate(180deg);
	}
	
	.header .nav .item.on .link-btn::after,
	.header .nav .item:hover .link-btn::after {
		opacity: 0;
	}

	.header .nav .item.on .link::after,
	.header .nav .item:hover .link::after {
		width: 100%;
		left: 0;
		height: 0.04rem;
		background-color: #183883;
		border-radius: 0.02rem;
		bottom: 0rem;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: absolute;
	}

	.header .nav .item:hover .txt {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.header .nav .item .sub-nav {
		position: relative;
		top: 0;
		text-align: left;
		padding: 0.3rem;
		border: 0;
	}

	.header .nav .item .sub-item {
		line-height: 1.2rem;
		font-size: 0.4rem;
	}

	.header .nav a {
		font-size: 0.4rem;
		line-height: 1.2rem;
		color: #333333;
	}

	.header .r-con {
		float: none;
	}

	.header .m-r-con {
		display: block;
		position: absolute;
		top: 0.5rem;
		right: 0.3rem;
		float: none;
	}

	.header .m-r-con .search {
		float: left;
		margin-right: 0.5rem;
	}

	.header .m-r-con .menu {
		width: 0.6rem;
		height: 0.45rem;
		cursor: pointer;
		float: left;
		display: block;
		background: url(../images/icon/menu-icon.png) no-repeat center center/0.6rem 0.45rem;
	}

	.header .m-r-con .search-box {
		border-left: none;
	}

	.header .m-r-con .search-box .text {
		display: none;
	}

	.header .m-r-con .btn {
		margin-top: 0;
		width: 0.57rem;
		height: 0.57rem;
		background: url(../images/icon/search.png) no-repeat;
		background-size: 100%;
	}

	.header .m-r-con .search-pup {
		padding: 0 0.3rem;
		height: 1.5rem;
		line-height: 1.5rem;
		margin-top: 0;
		top: 0;
	}

	.header .m-r-con .search-pup .inp {
		line-height: 0.8rem;
		height: 1rem;
		font-size: 0.5rem;
		padding-right: 1.3rem;
	}

	.header .m-r-con .search-pup .r-icon {
		height: 0.57rem;
		margin-top: -0.29rem;
		right: 0.3rem;
	}

	.header .m-r-con .search-pup .s-btn,
	.header .m-r-con .search-pup .close {
		width: 0.57rem;
		height: 0.57rem;
	}

	/* h-banner */
	.h-banner {
		background: url(../images/h_banner.jpg) no-repeat bottom;
		background-size: auto 100%;
	}

	.h-banner .area {
		padding-top: 1.6rem;
		padding-bottom: 5.6rem;
		min-height: calc(100vh - 1.5rem);
	}

	.h-banner .search {
		width: 100%;
		padding: 1rem 0.5rem 0;
	}

	.h-banner .search .type {
		height: 1rem;
	}

	.h-banner .search .type-item {
		padding: 0.2rem 0.24rem;
		margin-right: 0.01rem;
	}

	.h-banner .search .inp-box {
		padding: 0.2rem;
		height: 1rem;
	}

	.h-banner .search .inp {
		width: 80%;
	}

	.h-banner .search .inp::before {
		width: 0.5rem;
		height: 0.5rem;
		top: calc(50% - 0.25rem);
	}

	.h-banner .search .inp input {
		line-height: 0.3rem;
		border: 0;
		font-size: 0.4rem;
		width: calc(100% - 0.6rem);
		color: #666;
		padding-left: 0.6rem;
	}
	.h-banner .search .inp input::-webkit-input-placeholder {
		font-size: .4rem;
	}
	.h-banner .search .btn {
		height: 0.6rem;
		line-height: 0.6rem;
		padding: 0 0.4rem;
	}

	.h-banner .search .selet {
		padding: 0.5rem 0;
		
	}

	.h-banner .search .selet-tit {
		line-height: 0.8rem;
	}

	.h-banner .search .selet-con {
		width: 100%;
	}

	.h-banner .search .selet-item {
		font-size: 0.4rem;
		margin: 0.2rem 0.2rem 0 0;
		padding: 0.1rem 0.2rem;
	}

	.h-banner .search .selet-add {
		width: 100%;
		font-size: 0.4rem;
		margin: 0.2rem 0 0;
		padding: 0.1rem 0;
	}

	.h-banner .search .tips {
		height: 2rem;
		line-height: 1rem;
		padding: 0.5rem 0;
	}

	.h-banner .search .tips-con {
		padding-left: 1.5rem;
		position: relative;
		width: 90%;
	}

	.h-banner .search .tips-tit {
		position: absolute;
		left: 0;
		width: 1.5rem;
	}

	.h-banner .search .tipscon {
		width: 100%;
		height: 2rem;
	}

	.h-banner .search .link {
		font-size: 0.4rem;
	}

	.h-banner .search .tips-btn {
		width: 10%;
	}

	.h-banner .search .l-btn,
	.h-banner .search .r-btn {
		width: 45%;
		height: 100%;
	}

	.h-banner .search .l-btn::before,
	.h-banner .search .r-btn::before {
		width: 0.24rem;
		height: 0.3rem;
	}
	
	.h-banner .search .search-form #hotList{display: none;}

	.h-banner .brand-box {
		padding: 1rem 0 0 0;
	}

	.h-banner .brand-box .brand-l {
		width: 100%;
		height: 1.2rem;
	}

	.h-banner .brand-box .brand {
		height: 1.8rem;
	}

	.h-banner .brand-box .link {
		width: 80%;
		height: 100%;
	}

	.h-banner .brand-box .tit {
		line-height: 0.8rem;
		font-size: 0.6rem;
		margin-bottom: 0.2rem;
		color: #fff;
	}

	.h-banner .brand-box .brand-r {
		margin-top: 0.5rem;
		width: 100%;
		height: 1.5rem;
		padding-right: 0.5rem;
	}

	.h-banner .brand-box .brand-r::after {
		width: .6rem;
		height: 1.2rem;
		margin-top: -1.8rem;
	}

	.h-banner .brand-box .nex {
		line-height: 0.8rem;
		display: none;
	}
	.h-banner .brand-box .nex-con{display: none;}
	.h-banner .brand-box .ani-slide .sub{color: #fff;}

	.h-banner .navbar-box {
		padding-bottom: 0.2rem;
	}

	.h-banner .navbar-box .navbar {
		width: 100%;
		height: 5rem;
	}

	.h-banner .navbar-box .swiper-slide {
		height: auto;
	}

	.h-banner .navbar-box .icon {
		width: 0.8rem;
		height: 0.9rem;
	}

	.h-banner .navbar-box .icon img {
		width: 100%;
		height: 100%;
	}

	.h-banner .navbar-box .des {
		margin-top: 0.1rem;
		font-size: 0.3rem;
	}

	/* h-union */
	.h-union {
		padding: 1rem 0;
	}

	.h-union .tit-box {
		margin-bottom: 0.5rem;
	}

	.h-union .tit-box .tit {
		font-size: 0.5rem;
	}

	.h-union .tit-box .more {
		font-size: 0.3rem;
	}

	.h-union .service-box {
		width: 100%;
	}

	.h-union .service-box .service {
		width: 100%;
		height: 8rem;
	}

	.h-union .service-box .swiper-pagination {
		bottom: 0;
		text-align: center;
	}

	.h-union .service-box .swiper-slide {
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding-bottom: 1rem;
	}

	.h-union .service-box .service-img {
		width: 48%;
		height: 50%;
		margin-right: 2%;
		margin-bottom: 0.2rem;
	}

	.h-union .service-box .service-img .link {
		padding: 0 0.4rem 0.18rem;
		position: absolute;
		width: 100%;
		bottom: 0;
		color: #FFFFFF;
	}

	.h-union .service-box .service-img .tit {
		font-size: 0.5rem;
		line-height: 1rem;
		display: inline-block;
		color: #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
	}

	.h-union .service-box .service-img .tit.line {
		border-bottom: none;
		margin-bottom: 0rem;
	}

	.h-union .service-box .service-img .sub {

		line-height: 0.5rem;
		font-size: 0.3rem;
		opacity: 1;
		height: 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: none;
	}

	.h-union .notice {
		width: 100%;
		padding: 0.8rem 0 0 0;
	}

	.h-union .notice .item {
		padding-bottom: 0.5rem;
	}

	.h-union .notice .item .cover {
		width: 100%;
		height: 6rem;
	}

	.h-union .notice .item .tit {
		padding-top: 0.5rem;
		font-size: 0.5rem;
		line-height: 0.8rem;
height: auto;
	}

	.h-union .notice .item .new,
	.h-union .notice .item .tag {
		color: #FFFFFF;
		background-color: #ff0000;
		font-size: 0.4rem;
		padding: 0.05rem 0.1rem;
		border-radius: 0.05rem;
		line-height: 0.5rem;
	}

	.h-union .notice .item .new {
		position: absolute;
		top: 0.3rem;
		left: 0.3rem;
	}

	.h-union .notice .item .time {
		color: #999999;
		font-size: 0.4rem;
		line-height: 0.5rem;
	}

	/* com-tit */
	.com-tit {
		padding: .8rem 0 .6rem;
		line-height: 1rem;
		text-align: center;
	}

	.com-tit .tit .en {
		font-size: .8rem;
	}

	.com-tit .tit .cn {
		font-size: .6rem;
	}

	.com-tit.white .tit {
		color: #fff;
	}

	/* h-dbase */
	.h-dbase {
		background-size: auto 30%;
	}

	.h-dbase .com-tit .tit .en {
		font-size: 0.6rem;
	}

	.h-dbase .dbase-box {
		background-color: #FFFFFF;
		padding: 0.36rem;
	}

	.h-dbase .dbase .dbase-img {
		margin-top: 0.2rem;
		width: 4.4rem;
		height: 1.8rem;
		border: 1px solid #E5E5E5;
	}

	.h-dbase .dbase-list {
		margin: 0.6rem 0 0.8rem;
	}

	.h-dbase .dbase-list .dbase-link {
		margin: 0;
		line-height: 1.2rem;
		font-size: 0.5rem;
		width: 100%;
		padding-left: 0.2rem;
	}

	.h-dbase .dbase-list .dbase-link::before {
		width: 0.2rem;
		height: 0.2rem;
		left: -0.2rem;
	}

	.h-dbase .dbase-list .dbase-link:nth-child(5)~a {
		display: none;
	}

	/* h-dbase */
	.h-dbase.wxqb .tit .en {
		font-size: .8rem;
	}

	.h-dbase.wxqb .dbase-list {
		margin: 0.6rem 0 0.8rem;
	}

	.h-dbase.wxqb .dbase-list .dbase-link {
		line-height: 1.2rem;
	}

	/* h-more */
	.h-more {
		height: 3rem;
	}

	.h-more .link {
		line-height: 1rem;
		font-size: 0.3rem;
		padding: 0 1rem;
		background-color: #FFFFFF;
	}

	/* h-read */
	.h-read {
		width: 100%;
		background-color: #F1F1F1;
	}

	.h-read .com-tit {
		padding: 0.8rem 0 0.4rem;
	}

	.h-read .com-tit .tit .en {
		font-size: 0.6rem;
	}

	.h-read .books {
		padding-bottom: 1rem;
		margin-bottom: 0.6rem;
	}

	.h-read .books .cover {
		margin: 0 auto;
		width: 2.5rem;
		height: 3.4rem;
	}

	.h-read .books .info {
		margin: 0 auto;
		width: 2.5rem;
	}

	.h-read .books .tit {
		font-size: 0.5rem;
	}

	.h-read .books .author {
		font-size: 0.32rem;
	}

	.h-read .books .books-prev,
	.h-read .books .books-next {
		top: 1rem;
		width: 0.8rem;
		height: 1.5rem;
	}

	.h-read .books .books-prev::before {
		background-position: -0.4rem;
	}

	.h-read .books .books-next::before {
		background-position: -1.6rem;
	}

	/* h-style */
	.h-style {
		padding-bottom: 1rem;
	}

	.h-style .com-tit {
		width: 100%;
	}

	.h-style .com-tit .en {
		position: relative;
		font-size: 0.6rem;
		margin-bottom: 0.4rem;
	}

	.h-style .com-tit .en::after {
		width: 1rem;
	}

	.h-style .com-tit .cn {
		font-size: 0.36rem;
		line-height: 0.6rem;
	}

	.h-style .profile {
		flex-wrap: wrap;
	}

	.h-style .profile .item {
		margin-right: 0rem;
	}

	.h-style .profile .icon {
		width: 1.5rem;
		height: 1.5rem;
		margin-bottom: .4rem;
	}

	.h-style .profile .num {
		font-size: .8rem;
		margin-bottom: .2rem;
	}

	.h-style .profile .des {
		font-size: .4rem;
	}

	/* h-friend */
	.h-friend .com-tit .en {
		font-size: 0.6rem;
	}

	.h-friend .friend {
		margin-bottom: 1rem;
	}

	.h-friend .friend .swiper-slide {
		text-align: center;
	}

	.h-friend .friend .friend-img {
		margin: 0 auto;
		width: 4.6rem;
		height: 2.1rem;
	}

	/* in-banner1.8 */
	.in-banner-d {
		height: 1.8rem;
	}

	/* m-network */
	.m-network {
		padding: 1rem 0 2rem;
		background: url(../picture/wlaq_tj_bg.jpg) bottom no-repeat;
		background-size:cover;
		background-color: #f8f8f8;
		position: relative;
	}

	.m-network .network-r {
		width: 100%;
		height: 7.4rem;
		float: none;
	}

	.m-network .network-r .swiper-slide {
		width: 100%;
		height: 100%;
	}

	.m-network .network-r .slide-img {
		width: 100%;
		height: 100%;
	}

	.m-network .network-r .tit {
		display:flex;
		height:3rem;
		align-items: center;
		justify-content: center;
		font-size: 0.8rem;
	}

	.m-network .network-l {
		position: absolute;
		z-index: 2;
		left: calc(50% - 4.0rem);
		top: 3rem;
	}

	.m-network .network-l .link {
		padding-top: 0.5rem;
	}

	.m-network .network-l .icon {
		width: 1rem;
		height: 1rem;
	}
	.m-network .network-l .des {
	    font-size: 0.4rem;
	    color: #FFFFFF;
	}

	/* m-network-con */
	.m-network-con {
		padding: 0.5rem 0;
		background: url(../picture/wlaq_tab_bg.jpg) top no-repeat;
		background-size: auto 100%;
		background-color: #f8f8f8;
		position: relative;
	}

	.m-network-con .tab-nav {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0.5rem 0;
	}

	.m-network-con .tab-nav .item {
		cursor: pointer;
		display: inline-block;
		line-height: 1rem;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 0.3rem;
		padding: 0 0.25rem;
		border-radius: 0.1rem;
		margin-right: 0rem;

	}

	.m-network-con .network-con {
		width: 100%;
		height: 16.0rem;
	}

	.m-network-con .network-con .swiper-slide {
		width: 100%;
		height: 100%;
	}

	.m-network-con .network-con .link {
		width: 32%;
		height: 3.28rem;
		margin-right: 2%;
		margin-bottom: 0.3rem;
		display: block;
		border-radius: 0.03rem;
		border: 1px solid #E0E0E0;
		background-color: #FFFFFF;
		float: left;
		position: relative;
		text-align: center;
		padding: 0.4rem 0.3rem;
	}

	.m-network-con .network-con .link:nth-child(4n) {
		margin-right: 2%;
	}

	.m-network-con .network-con .link:nth-child(3n) {
		margin-right: 0;
	}

	.m-network-con .network-con .icon {
		width: 1.4rem;
		height: 1.4rem;
	}

	.m-network-con .network-con .icon img {
		width: 100%;
		height: 100%;
	}

	.m-network-con .network-con .tit {
		font-size: 0.4rem;
	}

	/* m-search-result */
	.m-search-result .info .tip {
		line-height: 1rem;
	}

	.m-search-result .info .key-word {
		line-height: 1rem;
		font-size: 0.4rem;
	}

	.m-search-result .list {
		margin-bottom: 0.6rem;
	}

	.m-search-result .list .item {
		padding: 0.3rem 0;
		margin-bottom: 0.4rem;
	}

	.m-search-result .list .tit {
		font-size: 0.5rem;
	}

	.m-search-result .list .abstract {
		line-height: 0.5rem;
	}

	.m-search-result .list .sub {
		margin-top: 0.2rem;
		font-size: 0.4rem;
	}

	.m-search-result .list .link {
		padding-right: 0.4rem;
	}

	.m-search-result .red {
		color: #ff0000;
	}

	/* m-page */
	.m-page {
		text-align: center;
	}


	/* m-work-d */
	.m-work-d .tit {
		font-size: .6rem;
	}

	.m-work-d .time {
		font-size: .32rem;
		line-height: 1rem;
	}

	.m-work-d .des {
		line-height: .7rem;
	}

	.m-work-d .info {
		line-height: 0.6rem;
		font-size: 0.4rem;
		padding: 0.4rem 0 0.8rem;
	}

	.m-work-d .info .item {
		padding-left: 0.3rem;
	}
	.m-work-d .des .tit {
		font-size: .5rem;
	}
	.m-work-d .des p {
		font-size: .4rem;
	}
	/* m-down */
	.m-down .download .tit {
		font-size: 0.36rem;
	}

	.m-down .download .item {
		font-size: 0.32rem;
		padding-left: 0.5rem;
		margin-top: 0.4rem;
	}

	.m-down .download .item::before {
		width: 0.3rem;
		height: 0.34rem;
	}

	/* m-list */
	.m-list .list-box .item {
		height: 1.4rem;
		line-height: 1.2rem;
	}

	.m-list .list-box .item::before {
		display: none;
	}

	.m-list .list-box .item .txt {
		display: inline-block;
		width: 80%;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.36rem;
	}

	.m-list .list-box .item .time {
		display: inline-block;
		width: 20%;
		text-align: center;
		color: #999999;
		font-size: 0.36rem;
	}

	/* com-page */
	.com-page {
		margin-top: 0;
		padding: 0.4rem .3rem;
	}

	.com-page .l-menu {
		width: 100%;
		position: relative;
		margin-bottom: .4rem;
		left: 0;
	}

	.com-page .l-menu .b-tit {
		margin-top: 0;
		height: 1.8rem;
		line-height: 1.8rem;
		font-size: .46rem;
	}

	.com-page .l-menu .b-tit .en {
		font-size: .28rem;
		margin-top: .2rem;
	}

	.com-page .l-menu .b-tit.switch::after {
		content: '';
		width: .35rem;
		height: .2rem;
		background: url(../images/icon/d-arrow.png) no-repeat;
		background-size: 100%;
		position: absolute;
		top: 50%;
		margin-top: -.1rem;
		right: .3rem;
		transform: rotate(-90deg);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.com-page .l-menu .b-tit.switch.t-open:after {
		transform: rotate(0deg);
	}

	.com-page .l-nav {
		display: none;
		padding: 0.1rem 0 0.4rem 0.1rem;
	}

	.com-page .l-nav .link {
		line-height: 1.2rem;
		font-size: .5rem;
		padding: 0 0.5rem 0 0.6rem;
	}

	.com-page .l-nav .item::before {
		height: 0rem;
	}

	.com-page .l-nav .item.on::before,
	.com-page .l-nav .item:hover::before {
		height: 0.6rem;
		transform: scaleY(1);
		transform: rotate(0deg);
	}

	.com-page .l-nav .item.on .link,
	.com-page .l-nav .item:hover .link {
		color: #183883;
	}

	.com-page .l-nav .item.tog .link::before {
		width: .4rem;
		right: .3rem;
	}

	.com-page .l-nav .item.tog .link::after {
		height: .4rem;
		right: .45rem;
		margin-top: -.2rem;
	}

	.com-page .l-nav .sub-nav .sub {
		line-height: 1.1rem;
		font-size: 0.32rem;
	}
	.com-page .l-nav .item.tog .sub-nav .sub {
		line-height: 1.1rem;
		font-size: 0.32rem;
	}
	.com-page .r-con {
		width: 100%;
		float: none;
		padding-left: 0;
		min-height: 12rem;
	}

	/* m-title */
	.m-title {
		font-size: .4rem;
		line-height: 1.3rem;
	}

	/* m-tips */
	.m-tips {
		line-height: 0.8rem;
		font-size: 0.5rem;
	}

	/* m-book */
	.m-book .book-img {
		width: 100%;
		text-align: center;
	}

	.m-book .book-img img {
		width: 50%;
	}

	.m-book .book-info {
		width: 100%;
		padding-left: 0;
	}

	.m-book .book-tit {
		font-size: 0.5rem;
		margin-bottom: 0.3rem;
	}

	.m-book .book-txt {
		font-size: 0.4rem;
		line-height: 0.6rem;
		margin-bottom: 0.4rem;
	}

	/* m-search */
	.m-search {
		margin: 0.2rem 0;
		padding: 0.3rem 0.3rem;
	}

	.m-search .row-item {
		padding: 0.01rem 0;
	}

	.m-search .row-item .l-tit {
		width: 100%;
		height: 0.8rem;
	}

	.m-search .row-item .r-box {
		width: 100%;
	}

	.m-search .row-item .r-box .inp-box {
		width: 75%;
		height: 1rem;
	}

	.m-search .row-item .r-box .inp-box .inp {
		line-height: 1rem;
		height: 1rem;
		font-size: 0.4rem;
	}

	.m-search .row-item .r-box .btn {
		width: calc(25% - 0.3rem);
		height: 1rem;
		margin-left: 0.3rem;
		line-height: 1rem;
		font-size: 0.6rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.m-search .row-item .r-box .val-btn {
		padding: 0.2rem 0.4rem;
		border-radius: 0.1rem;
		border: 1px solid #E0E0E0;
		margin: 0 0.1rem 0.1rem 0;
		font-size: 0.34rem;
	}

	/* m-search-book */
	.m-search-book {
		padding-bottom: 1rem;
	}

	.m-search-book .item {
		padding: 0.4rem 0;
	}

	.m-search-book .item .cover {
		width: 2.84rem;
		height: 4.16rem;
		border-bottom: 0.02rem solid #6799CC;
	}

	.m-search-book .item .info {
		width: calc(100% - 2.84rem);
		min-height: 4.16rem;
		padding-bottom: 0.5rem;
	}

	.m-search-book .item .info .tit {
		font-size: 0.5rem;
	}

	.m-search-book .item .info .txt {
		font-size: 0.4rem;
		color: #999999;
		line-height: 0.6rem;
		padding: 0.2rem 0;
	}

	.m-search-book .item .info .address {
		font-size: 0.3rem;
		position: relative;
	}

	.m-search-book .item .info .link {
		font-size: 0.4rem;
	}

	/* m-result-box */
	.m-result-box {
		padding: 0.5rem 0.3rem;
		margin-bottom: 2rem;
	}

	.m-result-box .result-tit {
		padding: 0.4rem;
		font-size: 0.4rem;
	}

	.m-result-box .result-list {
		margin-bottom: 0.8rem;
	}

	.m-result-box .result-list .item {
		padding: 0.5rem 0;
	}

	.m-result-box .result-list .item .item_a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.m-result-box .result-list .item .cont {
		position: relative;
		padding-left: 0.8rem;
		padding-right: 0.6rem;
	}

	.m-result-box .result-list .item .num {
		padding: 0.02rem 0 0 0;
		position: absolute;
		left: 0.1rem;
		font-size: 0.5rem;
	}

	.m-result-box .result-list .item .tit {
		font-size: 0.5rem;
	}

	.m-result-box .result-list .item .sub-tit {
		line-height: 0.6rem;
		font-size: 0.4rem;
	}

	.m-result-box .result-list .item .btn {
		display: none;
		font-size: 0.4rem;
		line-height: 0.8rem;
		height: 0.8rem;
		width: 1.6rem;
		position: relative;
		margin-top: 0.3rem;
	}

	/* m-online */
	.m-online {
		margin-top: 0.4rem;
	}

	.m-online .inp {
		margin: 0.3rem 0;
		position: relative;
		padding-left: 0.3rem;
		width: 100%;
	}

	.m-online .required::before {
		content: '*';
		display: inline;
		font-size: 0.16rem;
		color: #FF0000;
		line-height: 0.8rem;
		position: absolute;
		left: 0;
	}

	.m-online .label {
		float: left;
		display: block;
		line-height: 0.8rem;
		width: 100%;
		font-size: 0.4rem;
	}

	.m-online .input {
		display: block;
		float: left;
		width: 100%;
		margin: 0;
		line-height: 1rem;
		border: 1px solid #DEDEDE;
		padding-left: 0.2rem;
	}

	.m-online .inp-select {
		height: 1.2rem;
		display: inline-block;
		line-height: 1rem;
		border: 1px solid #DEDEDE;
		width: 100%;
	}

	.m-online .inp-option {
		height: 0.5rem;
		display: inline-block;
		line-height: 0.5rem;
	}

	.m-online .apply {
		padding-left: 0.3rem;
		width: 100%;
	}

	.m-online .apply #apply {
		width: calc(100% - 2rem);
	}

	.m-online .file-btn {
		line-height: 1rem;
		width: 2rem;
		font-size: 0.4rem;
	}

	.m-online .submit {
		height: 1.3rem;
		margin-top: 1.4rem;
	}

	.m-online .inp-submit {
		height: 1rem;
		line-height: 1rem;
		padding: 0 0.8rem;
	}

	/* m-book-list-box */
	.m-book-list-box {
		margin: 0.5rem 0 1rem 0;
	}

	.m-book-list-box .m-book-list .item {
		width: 32%;
		margin-right: 2%;
		padding-bottom: 0.5rem;
	}

	.m-book-list-box .m-book-list .item .cover {
		width: 2.8rem;
		height: 4rem;
		border-bottom: 0.1rem solid #6799CC;
	}

	.m-book-list-box .m-book-list .item .info .title {
		font-size: 0.4rem;
		margin: 0.2rem 0;
		min-height: 0.5rem;
	}

	.m-book-list-box .m-book-list .item .info .author {
		font-size: 0.3rem;
		min-height: 1.2rem;
	}

	.m-book-list-box .m-book-list .item:nth-child(3n) {
		margin-right: 0;
	}

	/* m-use */
	.m-use .use {
		padding: 1rem 0;
		height: 6rem;
	}

	.m-use .use-con {
		height: 3rem;
		top: calc(50% - 1rem);
	}

	.m-use .use-con .tit {
		line-height: 0.8rem;
		font-size: 0.5rem;
		margin: 0.1rem auto 0;
	}

	.m-use .use-con .btn {
		font-size: 0.5rem;
		line-height: 1rem;
		height: 1rem;
		width: 3rem;
		padding: 0 0.4rem;
		margin: 0.1rem auto 0;
		border-radius: 0.5rem;
	}

	/* m-culture */
	.m-culture .culture {
		height: 15rem;
	}

	.m-culture .culture .swiper-slide {
		width: 100%;
		height: 33%;
		position: relative;
	}

	.m-culture .culture .swiper-slide:hover .info {
		opacity: 1;
		height: 2rem;
	}

	.m-culture .culture .info {
		position: absolute;
		left: 0;
		bottom: 0;
		color: #FFFFFF;
		padding-left: 0.2rem;
		opacity: 1;
		height: 2rem;
	}

	.m-culture .culture .tit {
		line-height: 1rem;
		font-size: 0.60rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.m-culture .culture .author {
		line-height: 0.8rem;
		font-size: 0.40rem;
	}

	/* m-library */
	.h-read.m-library {
		background-size: auto 100%;
	}

	/* m-borrow */
	.m-borrow {
		padding: 0.2rem 0 1rem;
	}

	.m-borrow .borrow-l {
		width: 100%;
		height: 5rem;
		float: none;
	}

	.m-borrow .borrow-l .tit {
		line-height: 2rem;
		font-size: 0.8rem;
	}

	.m-borrow .borrow-r {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: auto;
	}

	.m-borrow .borrow-r .tit {
		padding: 0 0.4rem;
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		font-size: 0.5rem;
		font-weight: bold;
	}

	.m-borrow .borrow-r .borrow-r-c {
		padding: 0 0.4rem;
		width: 100%;
		height: 2.2rem;
	}

	.m-borrow .borrow-r .borrow-r-b {
		width: 100%;
		height: 4.2rem;
	}

	.m-borrow .borrow-r-c .swiper-slide {
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 0;
	}

	.m-borrow .borrow-r-c .swiper-slide:hover .des {
		color: #183883;
	}

	.m-borrow .borrow-r-c .icon {
		width: 1rem;
		height: 1rem;
		margin: 0 auto;
	}

	.m-borrow .borrow-r-c .des {
		color: #333333;
		line-height: 0.8rem;
		font-size: 0.48rem;
	}

	.m-borrow .borrow-r-b .swiper-slide {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.m-borrow .borrow-r-b .link {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 1.5rem;
	}

	.m-borrow .borrow-r-b .bg {
		width: 100%;
		height: 100%;
	}

	.m-borrow .borrow-r-b .icon {
		width: 1.2rem;
		height: 1.2rem;
		margin: 0 auto;
	}

	.m-borrow .borrow-r-b .des {
		color: #FFFFFF;
		font-size: 0.48rem;
	}
	.m-borrow .borrow-r-t .link{padding-top: 0.8rem;}
	.m-borrow .borrow-r-t .des{font-size: 0.42rem;}

	.m-borrow.wxqb .borrow-r {
		position: relative;
		right: 0;
		top: 0rem;
		width: 100%;
		height: 7rem;
	}

	/* com-change */
	.com-change {
		padding-top: .4rem;
	}

	.com-change a {
		width: 100%;
		float: none;
		line-height: 1rem;
		margin-bottom: .3rem;
	}

	.com-change a.next {
		text-align: left;
	}

	/* footer */
	.footer .f-info .l-con {
		max-width: 100%;
		width: 100%;
		float: none;
	}

	.footer .f-info .l-con .f-logo {
		height: 1.4rem;
		text-align: center;
	}

	.footer .f-info .l-con .f-logo img {
		height: 100%;
	}

	.footer .f-info .l-con .f-link {
		width: 100%;
		padding-left: 0;
		text-align: center;
		line-height: 1.6;
		font-size: 0.36rem;
	}

	.footer .f-info .linkmap {
		display: none;
	}

	.footer .f-info .r-con {
		max-width: 100%;
		width: 100%;
		float: none;
	}

	.footer .f-info .r-con .f-search {
		display: none;
		width: 80%;
		line-height: 0.8rem;
		height: 0.8rem;
		margin: .7rem auto;
	}

	.footer .f-info .r-con .f-search .inp {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		font-size: .45rem;
		padding: 0 1.3rem 0 .5rem;
	}

	.footer .f-info .r-con .f-search .inp::-webkit-input-placeholder {
		font-size: .40rem;
	}

	.footer .f-info .r-con .f-service {
		text-align: center;
	}

	.footer .copyright-box .copy-right {
		text-align: center;
		width: 100%;
		float: none;
		font-size: 0.36rem;
	}

	.footer .copyright-box .copy-right .link {
		display: inline-block;
		margin-left: 0;
		padding-left: .5rem;
		font-size: 0.36rem;
		line-height: 1rem;
	}

	.footer .copyright-box .copy-right .link::before {
		width: .3rem;
		height: .3rem;
		margin-top: -.15rem;
	}

	.footer .copyright-box .help {
		font-size: 0.36rem;
		height: .5rem;
		float: none;
		text-align: center;
		width: 100%;
		display: none;
	}

	.footer .copyright-box .help a {
		float: none;
	}

	/* footer */
	.m-client {
		display: none;
	}

	.hbanner {
		display: none;
	}
	/* five-nav */
	.five-nav {
	    line-height: 1.4rem;
	}
	.five-nav .swiper-slide {
	    font-size: 0.36rem;
	    margin-right: 1rem;
	}
	/* site-map */
	.site-map .map-tit{
		line-height: 1.2rem;
		height: 1.2rem;
		font-size: 0.5rem;
		padding-left: 0.4rem;
	}
	.site-map .map-tit::before{
		top: 0.3rem;
		height: 0.6rem;
	}
	.site-map .map-con{
		padding-left: 0.5rem;
		padding-top: 0.2rem;
	}
	.site-map .map-sub{
		float: none;
		width: 100%;
		padding-left: 0.2rem;
		height: 0.5rem;
		margin-bottom: 0.3rem;
	}
	.site-map .map-sub::before{
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 0.15rem);
		left: 0rem;
		width: 0.1rem;
		height: 0.3rem;
		background-color: #0755A2;
	}
	.site-map .map-sub .link{
		color: #333333;
		font-size: 0.4rem;
		line-height: 0.5rem;
	}
	.site-map .map-sub:hover::before{
		background-color: #183883;
		border-radius: 50%;
	}
	.site-map .map-sub:hover .link{
		color: #183883;
	}
}

@media screen and (max-height:768px) {
	.h-banner.whb .brand-box {
		display: none;
	}
}