@charset "utf-8";
/**
 * @description: putonghuakj.com core css
 * @update: 2015-10-28
 */

/* @mod: reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img {
	border: 0
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #e71f38
}

body {
	font: 12px "Microsoft YaHei", "\5B8B\4F53", tahoma, arial;
	color: #000;
	background: #fff url(../images/bg_20210621.jpg) no-repeat top center;
	background-size: 100% auto;
}

th {
	font-style: normal;
	font-weight: normal;
	text-align: left
}

ol,
ul {
	list-style: none
}

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

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,
textarea,
select {
	*font-size: 100%
}

select {
	padding: 1px;
}

button,
button img {
	vertical-align: middle
}

label {
	cursor: pointer
}

/* @mod: common */
.fl {
	display: inline;
	float: left
}

.fr {
	display: inline;
	float: right
}

.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.vh {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	clip: rect(0 0 0 0);
	overflow: hidden
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	display: block;
	width: 0;
	height: 150%;
	content: "";
}

.hide {
	display: none
}

.area {
	width: 960px;
	margin: 0 auto
}

/* @spirit */
.spirit {
	background: url(../images/common.png) no-repeat
}

/* @头部 */
.topbar {
	height: 20px;
	padding: 10px 0;
	background: url(../images/topbg.png) repeat-x
}

.topbar a {
	display: block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	float: right;
	color: #000
}

.topbar .wechat {
	position: relative;
	border-left: 1px solid #b1b1b1;
	background: url(../images/wechat.png) no-repeat 15px 0;
}

.topbar .weibo {
	border-left: 1px solid #b1b1b1;
	background: url(../images/weibo.png) no-repeat 15px 0;
}

.topbar .wechat .qr {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	width: 179px;
	height: 235px;
	background: url(../images/qr.png) no-repeat;
}

.topbar .wechat:hover .qr {
	display: block
}

.header {
	padding-top: 100px
}

.logo a {
	display: block;
	width: 485px;
	height: 100px;
	background: url(../images/logo.png) no-repeat;
	background-size: cover;
}

.nav {
	margin: 50px 0 10px;
	/* border-bottom: 5px solid #0a80d2; */
	background: #0a80d2;
	opacity: 0.8
}

.nav li {
	float: left;
	width: 120px
}

.nav a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
}

.nav li.current a,
.nav li a:hover {
	background: #fff;
	color: #0a80d2;
}

/* @底部 */
.footer {
	padding: 25px 0;
	line-height: 24px;
	text-align: center;
	background-color: #f0f1f3
}

/* @首页 */
.panel {
	float: left;
	width: 694px
}

.sidebar {
	float: right;
	width: 258px;
	margin-bottom: 20px
}

.panel_topleft {
	float: left;
	width: 301px;
	margin-bottom: 5px
}

.tit_block {
	height: 31px;
	padding: 0 10px;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	line-height: 31px;
	font-weight: bold;
	background: #0a80d2;
	color: #fff
}

.tit_block a {
	float: right;
	color: #fff
}

.txt_block {
	padding: 10px;
	border: 1px solid #d3d3d3;
}

.org_block p {
	line-height: 24px
}

.org_block p strong {
	color: #221815
}

.org_block p a {
	display: block;
	font-weight: bold;
}

.org_block p span {
	float: right
}

.news_block {
	float: left;
	width: 361px;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden
}

.news_block h4 a {
	display: block;
	width: 361px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #000;
	white-space: nowrap
}

.news_block h4 a:hover {
	color: #e71f38
}

.news_block p {
	padding: 0 10px;
	height: 66px;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	text-indent: 28px
}

.news_block p a {
	color: #e4000d
}

.news_block h5 {
	width: 361px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_block h5 a {
	font-size: 14px;
	line-height: 28px;
	white-space: nowrap
}

.news_block .items {
	margin: 10px 0;
}

.intro_block h3 {
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #e71f38
}

.intro_block p {
	line-height: 24px
}

.intro_block p a {
	color: #e4000d
}

.notice_block .txt_block {
	height: 193px;
	padding: 0 10px;
}

.notice_block .dd {
	position: relative;
	float: left;
	width: 36px;
	height: 44px;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	color: #fff
}

.notice_block .dd span {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	float: left;
	width: 36px;
	height: 18px;
	line-height: 20px;
	font-size: 10px;
	background: #383637
}

.notice_block .hd {
	float: right;
	width: 188px;
	white-space: nowrap;
	overflow: hidden
}

.notice_block .hd a {
	font-weight: bold;
	color: #221815;
	white-space: nowrap
}

.notice_block .hd a:hover {
	color: #e71f38
}

.notice_block .hd h5 {
	width: 188px;
	overflow: hidden;
	margin-bottom: 5px;
	text-overflow: ellipsis
}

.notice_block .hd p {
	width: 188px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notice_block .notice_1,
.notice_block .notice_2,
.notice_block .notice_3 {
	margin: 15px 0
}

.notice_block .notice_1 .dd {
	background: #f36d74
}

.notice_block .notice_2 .dd {
	background: #bee100
}

.notice_block .notice_3 .dd {
	background: #3b91ca
}

.exp_block dl {
	padding: 20px 0 20px 43px
}

.exp_block .photo {
	float: left;
	width: 102px;
	height: 124px;
	padding: 0;
	border: 1px solid #e6e6e6
}

.exp_block .word {
	float: left;
	width: 470px;
	padding-top: 10px;
	margin-left: 15px;
	line-height: 24px
}

.exp_block .word p strong {
	font-size: 14px;
}

.exp_block .word .intro {
	width: 470px;
	height: 50px;
	overflow: hidden;
}

.exp_block .line {
	border-bottom: 1px solid #dcdddd;
	margin: 10px 0
}

/* @轮播图 */
.slideBox {
	width: 301px;
	height: 193px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}

.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin-right: 5px;
	border-radius: 10px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	text-indent: -9999px;
	background: #999;
	cursor: pointer;
}

.slideBox .hd ul li.on {
	background: #e71f38;
	color: #fff;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox .bd img {
	width: 301px;
	height: 193px;
	display: block;
}

/* @教材滚动 */
.picScroll {
	width: 680px;
	height: 171px;
	overflow: hidden;
	position: relative;
	padding-top: 2px
}

.picScroll .prev,
.picScroll .next {
	display: block;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 100;
	width: 32px;
	height: 70px;
	float: right;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/common.png") no-repeat;
}

.picScroll .next {
	background-position: -32px 0;
	left: 650px;
}

.picScroll .bd {
	padding: 10px 20px;
}

.picScroll .bd ul {
	overflow: hidden;
	zoom: 1;
}
#expert-list{
	width: 600px !important;
}
.picScroll .bd ul li {
	width: 300px;
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picScroll .bd ul li .pic {
	text-align: center;
}

.picScroll .bd ul li .pic img {
	width: 107px;
	height: 120px;
	display: block;
}

.picScroll .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll .bd ul li a {
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}

.picScroll .bd ul li .picLeft {
	float: left;
}

.picScroll .bd ul li .picRight {
	float: left;
	margin-left: 20px;
}

.picScroll .bd ul li .picRight p {
	line-height: 24px;
	text-align: left;
}

.picScroll .bd ul li .picRight p strong {
	font-weight: normal;
	color: #e71f38;
}

/* @砖家滚动 */
.picScroll-exp {
	height: auto;
	min-height: 188px;
	padding-bottom: 38px
}

.picScroll-exp .bd {
	padding: 10px 35px;
}

.picScroll-exp .bd ul li {
	width: 104px;
	margin: 0 8px;
}

.picScroll-exp .bd ul li .pic img {
	width: 100px;
	height: 124px;
	padding: 1px;
	display: block;
	border: 1px solid #dadbd6;
}

.izhuanjia {
	padding-bottom: 35px;
}

/* @通栏横幅 */
.ad_block {
	margin: 10px 0
}

/* @查询证书 */
.query_block h3 {
	height: 30px;
	margin-top: 13px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #e71f38
}

.query_block h3 span {
	display: block;
	float: left;
	width: 20px;
	height: 25px;
	margin-right: 8px;
	background: url("../images/common.png") no-repeat
}

.query_block h3 .stu {
	background-position: 0 -122px
}

.query_block h3 .tea {
	background-position: 0 -157px
}

.query_block h3 .org {
	background-position: 0 -190px
}

.query_block .input {
	width: 195px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	border: 1px solid #ae7b3d;
}

.query_block .search {
	width: 37px;
	height: 34px;
	border: none;
	text-indent: -9999px;
	background: url("../images/common.png") no-repeat 0 -80px;
	cursor: pointer
}

/* @面包屑导航 */
.pos {
	margin: 25px 0
}

.pos a,
.pos span {
	font-size: 14px;
	color: #383636
}

.pos a:hover {
	color: #e71f38
}


/* @列表页 */
.list_block .subnav {
	float: left;
	width: 183px;
	height: 484px;
	border-right: 1px solid #e8e7e8
}

.list_block .subnav li {
	height: 30px;
	padding: 10px 0
}

.list_block .subnav li a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-left: 2px solid #fff;
	font-size: 14px;
	padding-left: 50px;
	color: #383636
}

.list_block .subnav li a:hover {
	color: #e71f38
}

.list_block .subnav .current {
	background: #e8e7e8
}

.list_block .subnav .current a {
	border-left: 2px solid #e4000d;
	color: #e4000d
}

.list_block .subnav li a span {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url("../images/common.png") no-repeat
}

.list_block .subnav li a .sn1 {
	background-position: -31px -282px
}

.list_block .subnav li a .sn2 {
	background-position: -29px -313px
}

.list_block .subnav li a .sn3 {
	background-position: -29px -345px
}

.list_block .subnav li.current a .sn1 {
	background-position: 0 -282px
}

.list_block .subnav li.current a .sn2 {
	background-position: 0 -313px
}

.list_block .subnav li.current a .sn3 {
	background-position: 0 -345px
}

.list_block .content {
	float: right;
	width: 700px;
	padding: 0 35px;
	margin-bottom: 50px;
	overflow: hidden;
}

.list_block .content .lists li {
	height: 50px;
	line-height: 50px;
	padding-left: 18px;
	border-bottom: 1px solid #e8e7e8;
	background: url(../images/d.png) no-repeat 0 20px
}

.list_block .content li a {
	display: block;
	font-size: 14px;
	color: #444243
}

.list_block .content li span {
	float: right
}

.list_block .content li a:hover {
	color: #e71f38
}

/* @详情页 */
.list_block .content .article .date {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-align: right;
	color: #e4000d
}

.list_block .content .article .hd {
	width: 590px;
	margin: 10px auto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #383636;
	overflow: hidden;
	white-space: nowrap
}

.list_block .content .article .bd {
	width: 700px;
	line-height: 24px;
	font-size: 14px;
	color: #383636;
	overflow: hidden
}

.list_block .content .article .bd p {
	margin-bottom: 10px
}

.list_block .content .aside {
	margin: 20px 0 0
}

.list_block .content .aside a {
	line-height: 24px;
	font-size: 14px;
	color: #181818
}

.list_block .content .aside a:hover {
	color: #e71f38
}

/* @分页模块 */
.pages {
	padding: 3px;
	margin: 30px 0 0;
	text-align: right
}

.pages a {
	padding: 2px 5px;
	margin: 2px;
	border: 1px solid #c9cacc;
	color: #4c4c4c
}

.pages a:hover {
	border: 1px solid #e4000b
}

.pages a:active {
	border: 1px solid #c9cacc;
	color: #000
}

.pages span.current {
	border: 1px solid #e4000b;
	padding: 2px 5px;
	margin: 2px;
	font-weight: bold;
	color: #fff;
	background: #e4000b
}

.pages span.disabled {
	border: 1px solid #eee;
	padding: 2px 5px;
	margin: 2px
}

/* @专家委员会页 */
.explist_block {
	padding: 0 50px 50px
}

.explist_item {
	float: left;
	width: 150px;
	height: 220px;
	margin: 0 10px 20px
}

.explist_item dt {
	height: 182px
}

.explist_item dd a {
	display: block;
	height: 24px;
	margin: 10px 0;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #616161
}

.explist_item dd a:hover {
	color: #e71f38
}

.explist_item dd span {
	display: block;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal
}

.explist_block .pages {
	text-align: center
}

.expdetail_block {
	padding: 50px 100px;
	margin-bottom: 50px;
	background: #e9e7e8
}

.expdetail_block dt {
	float: left;
	width: 150px;
	height: 182px;
}

.expdetail_block dd {
	float: left;
	width: 512px;
	margin-left: 40px;
}

.expdetail_block dd h1 {
	font-size: 20px;
	font-weight: bold;
	color: #996a32
}

.expdetail_block dd h2 {
	font-size: 14px;
	margin: 10px 0;
	color: #6b696a
}

.expdetail_block dd p {
	width: 480px;
	padding: 15px;
	border-radius: 10px;
	font-size: 14px;
	color: #fff;
	background: #c5b49a;
	overflow: hidden
}

.expdetail_aside {
	margin-bottom: 50px
}

/* @课程介绍页 */
.course_block {
	margin-bottom: 50px
}

.course_block .item_nav {
	float: left;
	width: 310px;
	margin-right: 10px
}

.course_block .item_nav dt {
	position: relative
}

.course_block .item_nav span {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 12px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #8e8d8d
}

.course_block .item_nav a:hover span {
	background: #e4000d
}

.course_block .item_nav h2 {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #383636
}

.course_block .item_nav p {
	line-height: 20px;
	color: #8e8d8d
}

.course_block .course {
	padding: 50px 60px;
	margin-bottom: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #383636;
	background: #f0f1f3
}

.course_block .course2 {
	padding: 50px 0px;
}

.course_block .course h2 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	color: #e4000d
}

.course_block .course h2 span {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 328px;
	background: url(../images/common.png) no-repeat
}

.course_block .course2 h2 span {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 388px;
	background: url(../images/common.png) no-repeat
}

.course_block .course_content p {
	text-indent: 28px;
	line-height: 28px;
	margin-top: 15px;
}

.course_block .course .tit1 span {
	background-position: 0 -379px
}

.course_block .course .tit2 span {
	background-position: -29px -379px
}

.course_block .course .tit3 span {
	background-position: -59px -376px
}

.course_block .course dl {
	float: left;
	height: 145px;
	margin: 30px 22px 0
}

.course_block .course dt {
	float: left;
	width: 118px;
	height: 145px
}

.course_block .course dd {
	float: left;
	width: 156px;
	height: 130px;
	padding-top: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #7c7877
}

.course_block .course dd h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	text-align: center
}

.course_block .course dd .bdr {
	width: 158px;
	padding: 5px;
	border: 1px dashed #b4b4b4;
}

.course_block .course dd .bdr strong {
	font-weight: normal;
	color: #e4000d;
}

.course_block .course3 {
	padding: 50px;
	line-height: 28px;
	font-size: 15px;
	color: #383636;
}

/*@ 组织架构页 */
.org1 p {
	text-indent: 28px;
}

.course_block .org1 .tit1 span {
	background-position: 0 -405px;
	width: 18px;
}

.course_block .org2 .tit2 span {
	background-position: -22px -406px;
	width: 35px;
}

.course_block .org3 .tit3 span {
	width: 30px;
	margin-left: 335px;
	background-position: -59px -405px
}

.course_block .org2 img {
	margin-left: 107px
}

.course_block .org2 p {
	line-height: 30px;
	margin-left: 180px
}

.course_block .org3 dl {
	width: 260px;
	height: 200px;
	margin: 0 80px 30px;
	text-align: center
}

.course_block .org3 dt {
	width: 260px;
	height: 165px;
}

.course_block .org3 h3 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	color: #e4000d
}

.course_block .org3 dd {
	width: 260px;
	height: 25px;
	font-size: 14px;
	color: #383636
}

.course_block .org3 .org3bottom dl {
	width: 156px;
	margin: 30px 25px
}

.course_block .org3 .org3bottom dd {
	width: 156px
}

/*@ 中心简介页 */
.intropage_block {}

.intropage_block div {
	width: 832px;
	margin: 25px auto;
	font-size: 14px;
	line-height: 24px;
	color: #383636
}

.intropage_block div p {
	float: left;
	width: 530px;
	text-indent: 28px
}

.intropage_block div img {
	float: left;
	width: 270px;
	margin-left: 25px
}

.intropage_block .intropanel2 img,
.intropage_block .intropanel4 img {
	margin-left: 0;
	margin-right: 25px
}

/*@ 查询证书页 */
.cer_block .query_box {
	padding: 20px 170px;
	border: 1px solid #dcdcdc
}

.cer_block .query_box label {
	font-size: 14px;
	color: #383636
}

.cer_block .query_box #con {
	width: 290px;
	height: 30px;
	padding: 0 5px;
	margin-right: 20px;
	border: 1px solid #e4e2e2;
	border-radius: 5px;
	font-size: 14px
}

.cer_block .query_box .btn {
	width: 200px;
	height: 30px;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #e4000d;
	cursor: pointer
}

.cer_block .like_box {
	padding: 30px;
	border: 1px solid #dcdcdc;
	margin: 30px 0
}

.cer_block .like_box .cernav {
	width: 900px;
	height: 59px;
	line-height: 65px;
	border-bottom: 1px solid #dcdcdc
}

.cer_block .like_box .cernav a {
	display: block;
	float: left;
	width: 120px;
	height: 59px;
	padding-left: 5px;
	font-size: 14px;
	text-align: center
}

.cer_block .like_box .cernav a.current {
	color: #e4000d
}

.cer_block .like_box .cn1 {
	background: url(../images/cernav1.jpg) no-repeat
}

.cer_block .like_box .cn2 {
	background: url(../images/cernav2.jpg) no-repeat
}

.cer_block .like_box .cn3 {
	background: url(../images/cernav3.jpg) no-repeat
}

.cer_block .chkbox div {
	margin: 10px 0
}

.cer_block .chkbox label {
	line-height: 24px;
	margin: 0 15px 0 5px;
	font-size: 14px;
	color: #8e8d8d
}

.cer_block .chkbox span {
	line-height: 24px;
	font-size: 14px;
	color: #8e8d8d
}

.cer_block .opbox {
	padding: 10px 45px;
	border: 1px solid #dcdcdc
}

.cer_block .opbox .selbox {
	float: left;
	font-size: 14px
}

.cer_block .opbox .selbox select {
	height: 29px;
	border: 1px solid #c7c6c6;
	margin-left: 10px
}

.cer_block .opbox .selbox span {
	line-height: 30px;
	color: #383636
}

.cer_block .opbox .inpbox {
	float: left;
	margin-left: 100px;
	font-size: 14px;
	line-height: 30px
}

.cer_block .opbox .inpbox input {
	width: 50px;
	height: 28px;
	margin-left: 10px;
	border: 1px solid #c7c6c6;
	text-align: center
}

.cer_block .opbox .opbtn {
	float: right;
	width: 200px;
	height: 30px;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	color: #fff;
	background: #e4000d;
	cursor: pointer
}

.cer_block .retbox {
	margin: 20px 0;
}

.cer_block .retbox .ret th {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #8e8d8d
}

.cer_block .retbox .ret td {
	height: 100px;
	line-height: 100px;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	color: #383636
}

.cer_block .retbox .ret td img {
	vertical-align: middle
}

.cer_block .retbox .ret td a {
	color: #e4000b
}

.cer_block .ret_warnning {
	padding: 100px 0
}

.cer_block .ret_warnning span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/common.png) no-repeat 0 -439px
}

.cer_block .ret_warnning p {
	margin-top: 15px;
	text-align: center
}

.cer_block .ret_detail {
	width: 900px;
	margin: 20px auto;
	text-align: center
}

.cer_block .ret_detail dt {
	float: left;
	width: 262px;
	height: 383px;
	margin-right: 50px
}

.cer_block .ret_detail dd {
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin-top: 120px
}

.cer_block .ret_detail dd h1 {
	font-size: 20px
}

/* cer1 */
.cer_block .ret_detail .ret_sec {
	width: 865px;
	height: 567px;
	background: url(../images/img1.jpg) no-repeat;
	background-size: 865px 567px;
	margin: 30px auto;
	position: relative
}

.ret_sec .bianhao {
	width: 100px;
	height: 12px;
	position: absolute;
	top: 98px;
	left: 215px;
}

.ret_sec .zhaopian {
	width: 66px;
	height: 92px;
	position: absolute;
	top: 163px;
	left: 592px;
	background: #dfe9f7;
	border: 1px solid #c8d3ea
}

.ret_sec .xingming {
	width: 66px;
	height: 15px;
	position: absolute;
	top: 260px;
	left: 592px;
	font-size: 12px;
}

.ret_sec .riqi {
	width: 140px;
	height: 10px;
	position: absolute;
	bottom: 130px;
	right: 150px;
}

.ret_sec .riqi li {
	float: left;
	padding: 0 12px;
	font-size: 12px;
}

/*cer1.1 */
.cer_block .ret_detail .ret_sec1_1 {
	width: 865px;
	height: 567px;
	background: url(../images/img2.jpg) no-repeat;
	background-size: 865px 567px;
	margin: 30px auto;
	position: relative
}

.ret_sec1_1 .bianhao {
	width: 100px;
	height: 12px;
	position: absolute;
	top: 98px;
	left: 215px;
}

.ret_sec1_1 .zhaopian {
	width: 66px;
	height: 92px;
	position: absolute;
	top: 163px;
	left: 592px;
	background: #dfe9f7;
	border: 1px solid #c8d3ea
}

.ret_sec1_1 .xingming {
	width: 66px;
	height: 15px;
	position: absolute;
	top: 260px;
	left: 592px;
	font-size: 12px;
}

.ret_sec1_1 .riqi {
	width: 140px;
	height: 10px;
	position: absolute;
	bottom: 130px;
	right: 150px;
}

.ret_sec1_1 .riqi li {
	float: left;
	padding: 0 12px;
	font-size: 12px;
}

/* cer1.2 */
.cer_block .ret_detail .ret_sec1_2 {
	width: 865px;
	height: 599px;
	background: url(../images/zs/cps.png) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/cps.png', sizingMethod='scale');
}

.ret_sec1_2 .bianhao {
	position: absolute;
	top: 74px;
	left: 169px;
}

.ret_sec1_2 .zhaopian {
	width: 62px;
	height: 87px;
	position: absolute;
	top: 158px;
	left: 594px;
	background: #dfe9f7;
	border: 1px solid #c8d3ea
}

.ret_sec1_2 .zhaopian img {
	width: 100%;
	height: 100%
}

.ret_sec1_2 .xingming {
	width: 66px;
	height: 15px;
	position: absolute;
	top: 257px;
	left: 592px;
	font-size: 12px;
}

.ret_sec1_2 .riqi {
	width: 140px;
	height: 10px;
	position: absolute;
	bottom: 146px;
	right: 130px;
}

.ret_sec1_2 .riqi li {
	float: left;
	padding: 0 13px;
	font-size: 12px;
}

/* cer1.3 */
.cer_block .ret_detail .ret_sec1_3 {
	width: 900px;
	height: 636px;
	background: url(../images/zs/pth.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/pth.png', sizingMethod='scale');
}

.ret_sec1_3 .bianhao {
	position: absolute;
	top: 60px;
	left: 550px;
	transform: scale(0.6);
}

.ret_sec1_3 .zhaopian {
	width: 46px;
	height: 66px;
	position: absolute;
	top: 289px;
	left: 732px;
}

.ret_sec1_3 .zhaopian img {
	width: 100%;
	height: 100%
}

.ret_sec1_3 .xinxi1 {
	width: 160px;
	position: absolute;
	top: 276px;
	left: 588px;
	font-size: 12px
}

.ret_sec1_3 .xinxi1 li {
	width: 160px;
	text-align: center;
	line-height: 32px;
	transform: scale(0.8);
}

/* cer1.4 */
.cer_block .ret_detail .ret_sec1_4 {
	width: 865px;
	height: 611px;
	padding: 20px;
	background: url(../images/zs/kc.png) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/kc.png', sizingMethod='scale');
	left: -7px
}

.ret_sec1_4 .bianhao {
	width: 120px;
	height: 14px;
	position: relative;
	top: 43px;
	left: 550px;
	font-size: 12px;
	transform: scale(0.7);
}

.ret_sec1_4 .zhaopian {
	width: 47px;
	height: 66px;
	position: relative;
	top: 256px;
	left: 716px;
}

.ret_sec1_4 .zhaopian img {
	width: 100%;
	height: 100%
}

.ret_sec1_4 .xinxi1 {
	position: relative;
	top: 178px;
	left: 597px
}

.ret_sec1_4 .xinxi1 li {
	width: 120px;
	text-align: center;
	transform: scale(0.8);
	font-size: 11px;
	line-height: 32px
}

.address {
	width: 285px;
	height: 50px;
	position: absolute;
	top: 793px;
	left: 363px;
	font-size: 15px;
	text-align: left;
	float: left;
}

.address .sapn {
	height: 50px;
	display: table-cell;
	vertical-align: bottom;
	line-height: 25px;
}

/* cer1.5*/
.cer_block .ret_detail .ret_sec1_5 {
	width: 865px;
	height: 1153px;
	background: url(../images/zs/csz.png) no-repeat;
	background-size: 865px 1153px;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/csz.png', sizingMethod='scale');
}

.ret_sec1_5 .bianhao {
	width: 120px;
	height: 16px;
	position: absolute;
	top: 106px;
	left: 250px;
}

.ret_sec1_5 .xinxi1 .xx {
	width: 300px;
	position: absolute;
	top: 890px;
	left: 363px;
	font-size: 18px;
}

.ret_sec1_5 .riqi {
	width: 210px;
	height: 20px;
	position: absolute;
	bottom: 110px;
	right: 130px;
	font-size: 16px
}

.ret_sec1_5 .riqi span {
	padding: 0 20px;
}

.ret_sec1_5 .jigou {
	width: 330px;
	height: 50px;
	position: absolute;
	top: 600px;
	left: 240px;
	font-size: 18px;
	text-align: center;
	float: left;
	white-space: nowrap;
	display: block;
}

/* cer1.6*/
.cer_block .ret_detail .ret_sec1_6 {
	width: 865px;
	height: 1153px;
	background: url(../images/zs/pxx.png) no-repeat;
	background-size: 865px 1153px;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/pxx.png', sizingMethod='scale');
}

.ret_sec1_6 .bianhao {
	width: 120px;
	height: 16px;
	position: absolute;
	top: 106px;
	left: 250px;
}

.ret_sec1_6 .xinxi1 .xx {
	width: 300px;
	position: absolute;
	top: 890px;
	left: 363px;
	font-size: 18px;
}

.ret_sec1_6 .riqi {
	width: 210px;
	height: 20px;
	position: absolute;
	bottom: 110px;
	right: 130px;
	font-size: 16px
}

.ret_sec1_6 .riqi span {
	padding: 0 20px;
}

.ret_sec1_6 .jigou {
	width: 330px;
	height: 50px;
	position: absolute;
	top: 600px;
	left: 240px;
	font-size: 18px;
	text-align: center;
	float: left;
	white-space: nowrap;
	display: block;
}



/* cer.1.7 */
.cer_block .ret_detail .ret_sec1_7 {
	width: 865px;
	height: 599px;
	background: url(../images/zs/pxs.png) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/pxs.png', sizingMethod='scale');
}

.ret_sec1_7 .bianhao {
	position: absolute;
	top: 73px;
	left: 155px;
	transform: scale(0.8);
}

.ret_sec1_7 .zhaopian {
	width: 62px;
	height: 87px;
	position: absolute;
	top: 158px;
	left: 594px;
	background: #dfe9f7;
	border: 1px solid #c8d3ea
}

.ret_sec1_7 .zhaopian img {
	width: 100%;
	height: 100%
}

.ret_sec1_7 .xingming {
	width: 66px;
	height: 15px;
	position: absolute;
	top: 252px;
	left: 592px;
	font-size: 15px;
}

.ret_sec1_7 .riqi {
	width: 140px;
	height: 10px;
	position: absolute;
	bottom: 146px;
	right: 130px;
}

.ret_sec1_7 .riqi li {
	float: left;
	padding: 0 13px;
	font-size: 12px;
}

/* cer1.8*/
.cer_block .ret_detail .ret_sec1_8 {
	width: 865px;
	height: 1153px;
	background: url(../images/zs/sfx.png) no-repeat;
	background-size: 865px 1153px;
	margin: 0 auto;
	position: relative;
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zs/sfx.png', sizingMethod='scale');
}

.ret_sec1_8 .bianhao {
	width: 120px;
	height: 16px;
	position: absolute;
	top: 106px;
	left: 250px;
}

.ret_sec1_8 .xinxi1 .xx {
	width: 300px;
	position: absolute;
	top: 890px;
	left: 363px;
	font-size: 18px;
}

.ret_sec1_8 .riqi {
	width: 210px;
	height: 20px;
	position: absolute;
	bottom: 110px;
	right: 130px;
	font-size: 16px
}

.ret_sec1_8 .riqi span {
	padding: 0 20px;
}

.ret_sec1_8 .jigou {
	width: 330px;
	height: 50px;
	position: absolute;
	top: 600px;
	left: 240px;
	font-size: 18px;
	text-align: center;
	float: left;
	white-space: nowrap;
	display: block;
}
.certificate-view{
	width: 865px;
	height: 611px;
	overflow: hidden;
}
.certificate-view>.student-certificate,
.certificate-view>.assessor-certificate,
.certificate-view>.train-certificate{
	transform-origin: left top;
	transform: scale(0.71);
}
/* 学生证书 - start */

.student-certificate{
	width: 1208px;
	position: relative;
}
.student-certificate>div{
	position: absolute;
	z-index: 2;
}
.student-certificate>.text{
	font-size: 14px;
	color: #666666;
}
.student-certificate>.student-certificate-image{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.student-certificate>.head-portrait-view{
	top: 158px;
	left: 914px;
	width: 100px;
	height: 120px;
	box-sizing: border-box;
	overflow: hidden;
}
.student-certificate>.head-portrait-view>img{
	height: 100%;
	width: auto !important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.student-certificate>.certificate-number{
	top: 297px;
	left: 900px;
	font-weight: bold;
}
.student-certificate>.name{
	top: 245px;
	left: 740px;
}
.student-certificate>.gender{
	top: 302px;
	left: 740px;
}
.student-certificate>.id-card-number{
	top: 357px;
	left: 766px;
}
.student-certificate>.nationality{
	top: 412px;
	left: 740px;
}
.student-certificate>.nation{
	top: 412px;
	left: 941px;
}
.student-certificate>.birth-date{
	top: 468px;
	left: 766px;
}
.student-certificate>.grade{
	top: 468px;
	left: 966px;
}
.student-certificate>.certificate-year{
	top: 681px;
	right: 244px;
	text-align: right;
	font-weight: bold;
}
.student-certificate>.certificate-month{
	top: 681px;
	right: 192px;
	width: 36px;
	text-align: center;
	font-weight: bold;
}
.student-certificate>.certificate-date{
	top: 681px;
	right: 146px;
	width: 34px;
	text-align: center;
	font-weight: bold;
}

/* 学生证书 - end */
/* 培训师证书 - start */
	
.train-certificate{
	width: 1208px;
	position: relative;
}
.train-certificate>div{
	position: absolute;
	z-index: 2;
}
.train-certificate>.text{
	font-size: 18px;
	color: #333333;
}
.train-certificate>.train-certificate-image{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.train-certificate>.head-portrait-view{
	top: 158px;
	left: 788px;
	width: 138px;
	height: 210px;
	box-sizing: border-box;
	overflow: hidden;
}
.train-certificate>.head-portrait-view>img{
	height: 100%;
	width: auto !important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.train-certificate>.name{
	top: 384px;
	left: 740px;
	width: 235px;
	text-align: center;
	font-size: 22px;
}
.train-certificate>.certificate-number{
	top: 97px;
	left: 684px;
	font-weight: bold;
	color: #666666;
}
.train-certificate>.certificate-year{
	top: 694px;
	right: 234px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}
.train-certificate>.certificate-month{
	top: 694px;
	right: 193px;
	width: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.train-certificate>.certificate-date{
	top: 694px;
	right: 154px;
	width: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* 培训师证书 - end */

/* 测评师证书 - start */

.assessor-certificate{
	width: 1208px;
	position: relative;
}
.assessor-certificate>div{
	position: absolute;
	z-index: 2;
}
.assessor-certificate>.text{
	font-size: 18px;
	color: #333333;
}
.assessor-certificate>.assessor-certificate-image{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.assessor-certificate>.head-portrait-view{
	top: 156px;
	left: 788px;
	width: 138px;
	height: 210px;
	box-sizing: border-box;
}
.assessor-certificate>.head-portrait-view>img{
	height: 100%;
	width: auto !important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.assessor-certificate>.name{
	top: 384px;
	left: 740px;
	width: 235px;
	text-align: center;
	font-size: 22px;
}
.assessor-certificate>.certificate-number{
	top: 96px;
	left: 684px;
	font-weight: bold;
	color: #666666;
}
.assessor-certificate>.certificate-year{
	top: 694px;
	right: 222px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}
.assessor-certificate>.certificate-month{
	top: 694px;
	right: 186px;
	width: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.assessor-certificate>.certificate-date{
	top: 694px;
	right: 157px;
	width: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* 测评师证书 - end */