/*Index style*/
/*<------index totle style------>*/
/*index title*/
.totle-title{
	width: 100%;
	height: 66px;
	border-bottom: 4px solid #f2f2f2;
	position: relative;
}
.totle-title .title-text{
	width: 140px;
}
.totle-title .title-text img{
	float: left;
	height: 26px;
	padding: 20px 7px;
}
.totle-title .title-text h2{
	width: 100px;
	float: left;
	font-size: 24px;
	color: #D10101;
	line-height: 66px;
	font-weight: bold;
	text-align: center;
}
.totle-title .totle-title-more{
	font-size: 16px;
	color: #D10101;
	line-height: 56px;
	position: absolute;
	right: 0;
	top: 10px;
}
/*zbgg middle-banner*/
/*.middle_gg{
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
}
.middle_gg a img,
.middle_gg a{
	display: block;
	width: 100%;
}*/


/*news*/
.news{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.news .news-box{
	width: 820px;
	height: 410px;
	float: left;
	overflow: hidden;
	position: relative;
}
.news-box .news-hd{
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
}
.news-hd .news-circle{
	width: 12px;
	height: 12px;
	background-image: url(/statics/images/xysfxy/news-circle-b.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.news-hd .news-circle.on{
	background-image: url(/statics/images/xysfxy/news-circle-h.png);
}
.news-box .news-bd{
	width: 820px;
	height: 330px;
	overflow: hidden;
}
.news-bd .news-slide{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.news-slide img{
	display: block;
	width: 820px;
	height: 410px;
}
.news-slide .news-h6-bg{
	width: 820px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000000;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
	z-index: 10;
}
.news-slide h6{
	width: 760px;
	height: 30px;
	padding: 5px 15px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11;
}
.news-box .news-more{
	display: block;
	position: absolute;
	width: 92px;
	height: 30px;
	left: 0;
	top: 0;
	z-index: 11;
}
.news-box .news-more img{
	display: block;
	width: 92px;
	height: 30px;
}

.news .news-r{
	width: 360px;
	height: 330px;
	float: right;
}
.banner-login-box{
	width: 360px;
    height: 330px;
}
.news-r a img,
.news-r a{
	display: block;
	width: 390px;
	height: 150px;
}
.news-r a.jtbm{
	margin-bottom: 20px;
}

/*plan*/
.plan{
	width: 1200px;
	margin: 0 auto;
}
.plan .plan-box{
	width: 100%;
	margin-top: 20px;
}
.plan-box .plan-slide{
	display: block;
	float: left;
	width: 380px;
	height: 200px;
	margin: 0 30px 20px 0;
	position: relative;
}
.plan-slide .r-t-img{
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	display: none;
}
.plan-slide .r-t-img.on{
	display: block;
}
.plan-slide .plan-slide-img{
	display: block;
	width: 100%;
	height: 140px;
}
.plan-slide .plan-text{
	width: 380px;
	height: 50px;
	padding: 5px 0;
}
.plan-text h4{
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.plan-text .plan-text-two{
	width: 100%;
	height: 25px;
	overflow: hidden;
}
.plan-text-two h5{
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	margin-right: 15px;
}
.plan-text-two h6{
	float: right;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
}

/*class + class list*/
.class{
	width: 1200px;
	margin: 0 auto;
}
.class-classify{
	width: 100%;
	padding: 10px 0 0 0;
}
.class-classify .classify-row{
	widows: 100%;
	height: 34px;
	overflow: hidden;
	margin-bottom: 10px;
}
.class-classify .classify-row.hidden{
	display: none;
}
.class-classify .classify-row.show{
	display: block;
}
.classify-row h6{
	width: 90px;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	background-color: #dd686f;
	float: left;
	margin-right: 10px;
}
.classify-row .classify-box{
	width: 1100px;
	float: left;
	height: 34px;
	overflow: hidden;
}
.classify-box .classify-slide{
	display: inline-block;
	font-size: 14px;
	line-height: 34px;
	color: #333333;
	margin: 0 6px;
}
.class-classify .classify-slide:hover,
.class-classify .classify-slide.selected{
	color: #D10101;
}
.class .class-box{
	width: 100%;
}
.class-box .no-data-ts{
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin: 20px 0;
}
.class-box .class-slide{
	width: 291px;
	height: 240px;
	float: left;
	margin: 0 12px 20px 0;
}
.class-slide img{
	display: block;
	width: 100%;
	height: 170px;
}
.class-slide .class-text{
	width: 285px;
	height: 70px;
	padding: 0 3px;
}
.class-text h4{
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	height: 40px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 5px 0;
}
.class-text .class-text-two{
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.class-text-two h5{
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}
.class-text-two h6{
	float: right;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}
/* class page */
.class .page-box{
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
.class .page-box .laypage_main a, 
.class .page-box .laypage_main span{
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 0;
	margin: 0 5px;
	font-size: 18px;
	border: 1px solid #ccc;
}
.class .page-box .laypage_main a.laypage_first,
.class .page-box .laypage_main a.laypage_last,
.class .page-box .laypage_main a.laypage_next,
.class .page-box .laypage_main a.laypage_prev{
	width: auto;
	padding: 0 13px;
}
.class .page-box .laypageskin_default .laypage_curr {
    font-weight: 500;
	color: #FFFFFF;
    background-color: #c6363f;
	border: 1px solid #c6363f;
}

/*policy*/
.policy{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.policy .policy-box{
	width: 100%;
}
.policy-box .policy-slide{
	display: block;
	width: 585px;
	margin-right: 30px;
	float: left;
}
.policy-slide h5{
	font-size: 16px;
	line-height: 50px;
	color: #333333;
	float: left;
	width: 450px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.policy-slide h6{
	font-size: 16px;
	line-height: 50px;
	color: #333333;
	float: right;
}
.policy-slide:hover h5{
	color: #D10101;
}

/* link */
.link{
	width: 1200px;
	margin: 0 auto;
}
.link .link-box{
	width: 100%;
	padding: 20px 0;
}
.link-box .link-slide{
	display: block;
	width: 288px;
	height: 44px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #333333;
	line-height: 42px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	float: left;
	margin-bottom: 16px;
	margin-right: 16px;
}
.link-box .link-slide:hover{
	border-color: #D10101;
	color: #D10101;
}