﻿body {
	background: #F8F8F8;
}

.banner {
	background: url(../images/jc/jcBanner.png) no-repeat left center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 6.52rem;
	padding: 1.2rem .6rem;
	text-align: center;
}

.banner span {
	width: 3.07rem;
	height: .55rem;
	line-height: .55rem;
	background: #7598F8;
	border-radius: .28rem;
	text-align: center;
	color: #fff;
	font-size: .28rem;
	display: block;
	margin: 0 auto;
}

.banner h1 {
	margin: .2rem 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: .51rem;
}

.banner p {
	font-size: .26rem;
	color: #fff;
	text-align: center;
	margin-top: .1rem;
}

.banner img {
	width: .83rem;
	height: .83rem;
	margin-top: 1rem;
}

.partA {
	background: #fff;
}

.partAwarp {
	margin-bottom: .2rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 .01rem .02rem 0 rgba(0, 0, 0, 0.10);
}

.partAwarp ul {
	overflow: hidden;
	margin-top: .12rem;
}

.partAwarp ul li {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: .3rem;
}

.partAwarp ul li a {
	display: inline-block;
	font-size: .3rem;
	color: #666;
}

.partAwarp ul li a.hover {
	color: #1ABD8F;
	border-bottom: solid 3px #1ABD8F;
	padding-bottom: .08rem;
}

.partB {
	background: #fff;
}

.partBwarp {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 .01rem .02rem 0 rgba(0, 0, 0, 0.10);
	padding: .2rem 0;
}

.partBwarp ul {
	overflow: hidden;
}


.partBwarp ul li {
	width: 33.333%;
	float: left;
	text-align: center;
}

.partBjcHelp ul li {
	width: 100%;
	text-align: center;
}

.partBwarp ul li a {
	display: inline-block;
	font-size: .28rem;
	color: #666;
	position: relative;
}

.partBwarp ul li a::after {
	content: "";
	position: absolute;
	background: url(../images/jc/jcBicon.png) no-repeat left center;
	-o-background-size: auto .1rem;
	-ms-background-size: auto .1rem;
	-moz-background-size: auto .1rem;
	-webkit-background-size: auto .1rem;
	background-size: auto .1rem;
	height: .1rem;
	width: .15rem;
	top: .2rem;
	right: -.3rem;
}

.partBwarp ul li a.hover {
	display: inline-block;
	font-size: .28rem;
	color: #1ABD8F;
	position: relative;
}

.partBwarp ul li a.hover:after {
	content: "";
	position: absolute;
	background: url(../images/jc/jcGicon.png) no-repeat left center;
	-o-background-size: auto .1rem;
	-ms-background-size: auto .1rem;
	-moz-background-size: auto .1rem;
	-webkit-background-size: auto .1rem;
	background-size: auto .1rem;
	height: .1rem;
	width: .15rem;
	top: .2rem;
	right: -.3rem;
}

.partC {
	background: #fff;
	margin-top: .01rem;
	padding: .3rem .2rem;
}

.partC ul {
	overflow: hidden;
}

.partC ul li {
	width: 20%;
	float: left;
	text-align: center;
	margin-bottom: .2rem;
}

.partC ul li a {
	font-size: .25rem;
	color: #666;
}

.partC ul li.hover a {
	color: #1ABD8F;
}

.partD {
	margin-top: 1rem;
}

.partDwarp {
	overflow: hidden;
	padding: .4rem .3rem;
	padding-top: 0;
}

.partDwarp ul li {
	width: 48%;
	float: left;
	background: #fff;
	border-radius: .05rem;
	box-shadow: 0 .03rem .1rem 0 rgba(213, 214, 214, 0.66);
	margin-bottom: .3rem;
	padding-bottom: .2rem;
}

.partDwarp ul li:nth-child(even) {
	float: right;
}

.partDwarp ul li img {
	height: 1.75rem;
}

.partDwarp ul li h1 {
	font-size: .22rem;
	color: #333;
	text-align: left;
	padding: .1rem;
}

.partDwarp ul li span {
	font-size: .18rem;
	color: #DEC694;
	text-align: left;
	padding: .1rem;
}

/*分页样式*/
#spjcm,#bzwdm{
	overflow: hidden;
}
.page_div {
	overflow: hidden;
	text-align: center;
	padding-bottom: .5rem;
	line-height: 2;
}
.page_div span {
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	background: #F8F8F8;
	border-radius: 50%;
	color: #333;
	margin: 0 .1rem;
}
.page_div a.thislink span{
	color: #FFFFFF;
	background: #00c08b;
	display: inline-block;
	width: .35rem;
	height: .35rem;
}
.page_div text{
	display: block;
}


.page {
	overflow: hidden;
	padding: 0 .5rem;
	text-align: center;
	padding-bottom: .5rem;
}

.page ul {
	display: inline-block;
}

.page ul li {
	float: left;
}

.page ul li a {
	display: block;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	background: #fff;
	border-radius: 50%;
	color: #333;
	margin: 0 .1rem;
}

.page ul li.hover a {
	display: block;
	width: .35rem;
	height: .35rem;
	line-height: .35rem;
	background: #00c08b;
	border-radius: 50%;
	color: #fff;
	margin: 0 .1rem;
}

.page ul li.pre a {
	width: .93rem;
	height: .36rem;
	line-height: .36rem;
	border: .01rem solid #707070;
	background: #fff;
	border-radius: .19rem;
	font-size: .14rem;
	color: #434245;

}

.page ul li.next a {
	width: .93rem;
	height: .36rem;
	line-height: .36rem;
	border: .01rem solid #00c08b;
	background: #00c08b;
	border-radius: .19rem;
	font-size: .14rem;
	color: #fff;
}


.jsPlayer {
	width: 7.5rem;
	height: 4.22rem;
}

.jsPlayer video {
	width: 7.5rem;
	height: 4.22rem;
}

.jsWhere {
	font-size: .26rem;
	color: #333;
	padding: .3rem;
}

.jsWhere a.hover {
	color: #1abd8f;
}

.jsShowtj {
	font-size: .29rem;
	color: #333;
	border-bottom: solid .02rem #E3E3E3;
	margin-bottom: .3rem;
	padding-bottom: .1rem;
}

.partjsplay {
	margin-top: .5rem;
}

.jcHelpDl {
	overflow: hidden;
	padding: .4rem .3rem;
	padding-top: 0;
}

.jcHelpDl dl {
	padding: .2rem;
	background: #fff;
	border-radius: .05rem;
	box-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, 0.01);
	width: 48%;
	float: left;
	margin-top: 2%;
	height: 1.6rem;
}

.jcHelpDl dl:nth-child(even) {
	float: right;
}

.jcHelpDl dl dt {
	float: left;
	margin-right: .2rem;
}

.jcHelpDl dl dt img {
	width: 1.04rem;
	height: 1.04rem;
}

.jcHelpDl dl dd {}

.jcHelpDl dl dd h1 {
	font-size: .28rem;
	color: #434245;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.jcHelpDl dl dd p {
	font-size: .2rem;
	color: #999;
}

.helpShow {
	background: #fff;
	box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.04);
	margin: .3rem;
	padding: .3rem;
}

.helpWhere {
	font-size: .2rem;
	color: #555;
	position: relative;
	padding-left: .4rem;
	padding-bottom: .1rem;
	border-bottom: .015rem solid #e3e3e3;
}

.helpWhere:before {
	content: "";
	position: absolute;
	background: url(../images/jc/jcIcon021.png) no-repeat left center;
	-o-background-size: auto .27rem;
	-ms-background-size: auto .27rem;
	-moz-background-size: auto .27rem;
	-webkit-background-size: auto .27rem;
	background-size: auto .27rem;
	height: .27rem;
	width: .27rem;
	top: .02rem;
	left: 0;
}

.helpTitle {
	overflow: hidden;
	padding-top: .3rem;
}

.helpTitle h1 {
	font-size: .38rem;
	color: #434245;
	text-align: center;
}

.helpTitle span {
	font-size: .20rem;
	color: #777;
	text-align: center;
	display: block;
	margin-top: .2rem;
}

.helpCon {
	padding-top: .5rem;
	font-size: .28rem;
	color: #4B4B4B;
	line-height: .5rem;
}

.helpCon img {
    width: 6.3rem!important;
    height: auto!important;}
    
.helpCon h1,.helpCon h2,.helpCon h3,.helpCon strong {font-size: .28rem!important;}

.helpPN {
	padding: .5rem 0;
}

.helpPN p {
	font-size: .22rem;
	color: #555;
	margin-top: .1rem;
}

.helpPN p a {
	color: #999;
}
.recTxt {
	overflow: hidden;
	margin-top: .5rem;
}

.recTxt dt {
	font-size: .24rem;
	color: #555;
	position: relative;
	border-bottom: solid .01rem #E3E3E3;
	padding-left: .2rem;
	padding-bottom: .1rem;
}

.recTxt dt::before {
	content: "";
	position: absolute;
	width: .05rem;
	height: .25rem;
	background: #00c08b;
	left: 0;
	top: 0.08rem;
}

.recTxt dd {
	padding-top: .1rem;
}

.recTxt dd ul li {
	margin-top: .2rem;
}

.recTxt dd ul li a {
	font-size: .22rem;
	color: #555;
}