﻿/*通用类*/
* {
	margin: 0;
	padding: 0;
}

body {
	min-width: 1200px;
	margin: 0 auto;
	font-size: 12px;
	font-family: "Microsoft Yahei";
	background: #fff;
	text-align: justify;
	color: #231815;
}

h1, h2, h3 {
	font-weight: 500;
}

img {
	border: none;
}

a {
	cursor: pointer;
	color: #231815;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #231815;
}

ul {
	list-style-type: none;
}

em {
	font-style: normal;
}

.lt {
	float: left;
}

.rt {
	float: right;
}

input.sub, label {
	border: none;
	cursor: pointer;
}

input, textarea {
	font-family: "Microsoft Yahei";
	outline: none;
}

table {
	border-collapse: collapse;
}

table td, table th {
	padding: 0;
}

div.clear {
	font: 0px Arial;
	line-height: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.line5 {
	font-size: 1px;
	height: 5px;
	width: 100%;
	clear: both;
}

.line10 {
	font-size: 1px;
	height: 10px;
	width: 100%;
	clear: both;
}

.line20 {
	font-size: 1px;
	height: 20px;
	width: 100%;
	clear: both;
}
/*wrapin 主体容器宽度*/
.wrapin {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/*公用CSS 开始*/
.footer {
	height: 110px;
	background: #231815 url(../images/footer_bg.jpg) no-repeat top center;
	color: #fff;
}

.ft_wrap {
	width: 1100px;
	margin: 0 auto;
	padding-top: 25px;
	font-size: 13px;
}

.ft_tel {
	height: 20px;
	line-height: 20px;
	padding-left: 26px;
	background: url(../images/ft_tel.png) no-repeat left center;
}

.ft_wrap p {
	line-height: 48px;
}

/*公用CSS 结束*/

/*hm 首页*/
.blur5 {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.hm_banner {
	width: 100%;
	height: 368px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.play_banner {
	height: 270px;
}

.hm_banner .logo {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 38px;
	margin-left: -570px;
}

.hm_banner .txt {
	display: block;
	position: absolute;
	z-index: 10;
	top: 62px;
	left: 50%;
	margin-left: -218px;
}

.play_banner .txt {
	width: 300px;
	height: auto;
	top: 42px;
	margin-left: -150px;
}

.hm_banner .ctrl {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 20;
	width: 400px;
	margin-left: -200px;
	text-align: center;
}

.hm_banner .ctrl dt {
	height: 68px;
	line-height: 68px;
	font-size: 26px;
	color: #149daf;
}

.hm_banner .ctrl dd {
	height: 42px;
	line-height: 42px;
	position: relative;
}

.hm_banner .reg_btn {
	display: inline-block;
	width: 270px;
	height: 42px;
	background: url(../images/hmba_bg.png) no-repeat center center;
	border-radius: 21px;
	font-size: 20px;
	color: #fff;
	position: relative;
	z-index: 10;
}

.hm_banner .reg_btnbt {
	display: inline-block;
	width: 270px;
	height: 42px;
	background: url(../images/hmba_bg.png) no-repeat center center;
	border-radius: 21px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -135px;
}

.hmba_bt {
	display: block;
	width: 1920px;
	height: 368px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.play_banner .hmba_bt {
	width: 1920px;
	height: 270px;
}

.hm_rc {
	width: 1200px;
	margin: 0 auto;
}

.hm_title {
	height: 37px;
}

.hm_title .tit {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	border-bottom: 3px solid #5bacf9;
	font-size: 16px;
	margin-left: 28px;
}

.hmrc_tabs {
	height: 310px;
	color: #fff;
}

.hmrc_con {
	width: 1025px;
	height: 310px;
	float: left;
	display: none;
	position: relative;
}

.hmrc_con .bg {
	display: block;
	width: 1025px;
	height: 310px;
}

.hmrc_con .shadow1 {
	display: block;
	width: 1025px;
	height: 310px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: url(../images/shadow_bg1.png) no-repeat left top;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.hmrc_con .name {
	position: absolute;
	left: 80px;
	top: 50px;
	z-index: 10;
	font-size: 38px;
	line-height: 48px;
}

.hmrc_con .docs {
	position: absolute;
	left: 80px;
	bottom: 56px;
	z-index: 20;
	height: 62px;
	line-height: 62px;
}

.hmrc_con .item {
	width: 300px;
	height: 62px;
	float: left;
	font-size: 16px;
	display: block;
}

.hmrc_con .photo {
	float: left;
	display: block;
	width: 62px;
	height: 62px;
	border-radius: 100%;
	overflow: hidden;
	background: #fff;
	margin-right: 12px;
	border: 2px solid #fff;
}

.hmrc_con .photo img {
	display: block;
	width: 62px;
	height: 62px;
}

.hmrc_con .item span {
	display: inline-block;
	max-width: 210px;
	_width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hmrc_con .name2 {
	font-size: 38px;
	position: absolute;
	left: 77px;
	top: 25px;
	z-index: 10;
}

.hmrc_con .txt1 {
	position: absolute;
	left: 500px;
	top: 22px;
	z-index: 10;
}

.hmrc_con .t1 {
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	padding-left: 22px;
	background: url(../images/hmrc_t1.png) no-repeat left center;
}

.hmrc_con .txt1 p {
	padding-left: 22px;
	font-size: 16px;
	line-height: 27px;
}

.hmrc_con .doc_slide {
	width: 900px;
	height: 84px;
	position: absolute;
	left: 62px;
	bottom: 10px;
	z-index: 10;
}

.hmrc_con .doc_slide .s_wrap {
	width: 700px;
	height: 84px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.hmrc_con .doc_slide li {
	width: 350px;
	height: 84px;
	float: left;
}

.hmrc_con .doc_slide .face {
	display: block;
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	border: 2px solid #fff;
}

.hmrc_con .doc_slide img {
	display: block;
	width: 64px;
	height: 64px;
}

.hmrc_con .doc_slide dl {
	padding: 8px 0 0 12px;
	float: left;
	width: 260px;
}

.hmrc_con .doc_slide dt {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	width: 260px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.hmrc_con .doc_slide .sc {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
}

.hmrc_con .doc_slide dd {
	height: 54px;
	overflow: hidden;
	line-height: 18px;
}

.hmrc_con .doc_slide .c_btn {
	width: 40px;
	height: 64px;
	position: absolute;
	cursor: pointer;
	top: 0;
}

.hmrc_con .doc_slide .pre {
	left: 0;
	background: url(../images/doc_pre.png) no-repeat center center;
}

.hmrc_con .doc_slide .next {
	right: 0;
	background: url(../images/doc_next.png) no-repeat center center;
}

.show {
	display: block;
}

.hmrc_rt {
	float: right;
	width: 175px;
}

.hmrc_ctrl {
	width: 175px;
	background: #1a1a1a;
	height: 210px;
	position: relative;
	overflow: hidden;
}

.hmrc_ctrl .name {
	width: 26px;
	height: 150px;
	padding-top: 90px;
	float: left;
	border-right: 2px solid #111;
	text-align: center;
	color: #007bcd;
}

.hmrc_ctrl .yy {
	height: 30px;
	width: 150px;
	position: absolute;
	left: 25px;
	z-index: 10;
	display: none;
}

.hmrc_ctrl .yy1 {
	top: 0;
	background: url(../images/hmrc_yy1.png);
}

.hmrc_ctrl .yy2 {
	bottom: 0;
	background: url(../images/hmrc_yy2.png);
}

.hmrc_handle {
	width: 200px;
}

.hmrc_handle .zw {
	height: 20px;
}

.hmrc_handle span {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 145px;
	padding-left: 31px;
	cursor: pointer;
}

.hmrc_handle .hover {
	background: #007bcd;
}

.hmctrl_slide {
	width: 200px;
	height: 240px;
	position: absolute;
	left: 28px;
	top: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.hmrc_yt {
	height: 100px;
	background: red url(../images/hmrc_ytbg.png) repeat-x left top;
}

.hmrc_yt .name {
	float: left;
	display: block;
	width: 25px;
	height: 100px;
}

.hmrc_yt ul {
	float: left;
	padding: 5px 0 0 0;
	line-height: 30px;
	cursor: pointer;
	width: 150px;
}

.hmrc_yt li {
	height: 30px;
	vertical-align: left;
	padding-left: 35px;
}

.hmrc_yt .hover {
	background: #007bcd;
}

.hm_ld {
	width: 1200px;
	margin: 0 auto;
}

.hm_ld .big {
	float: left;
	width: 664px;
	height: 280px;
	position: relative;
	overflow: hidden;
	display: block;
}

.hm_ld .big .bg {
	width: 664px;
	height: 280px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-moz: all 0.4s;
}

.hm_ld .big:hover .bg {
	width: 704px;
	height: 300px;
	left: -20px;
	top: -10px;
}

.hm_ld .t1 {
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	left: 72px;
	top: 50px;
	z-index: 10;
	color: #fff;
}

.hm_ld .t1 span {
	color: #5bacf9;
}

.hm_ld .t2 {
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	left: 72px;
	bottom: 54px;
	z-index: 10;
	color: #fff;
}

.hm_ld .small {
	float: left;
	width: 268px;
	height: 140px;
	position: relative;
	overflow: hidden;
	display: block;
}

.hm_ld .small .bg {
	width: 268px;
	height: 140px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-moz: all 0.4s;
}

.hm_ld .small:hover .bg {
	width: 288px;
	height: 150px;
	left: -10px;
	top: -5px;
}

.hm_ld .ico {
	position: absolute;
	left: 38px;
	top: 0;
	z-index: 10;
	display: block;
	width: 66px;
	height: 140px;
}

.hm_ld .s2 {
	font-size: 16px;
	line-height: 18px;
	position: absolute;
	left: 130px;
	top: 50%;
	z-index: 20;
	margin-top: -18px;
	color: #fff;
}

.hm_ld .s1 {
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	left: 130px;
	top: 50%;
	z-index: 20;
	margin-top: -18px;
	color: #fff;
}

.hm_zs {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	z-index: 30;
}

.hm_zs .hm_title {
	border-bottom: 1px solid #8d8c8c;
	margin-bottom: 26px;
}

.hmzs_wrap {
	width: 990px;
	margin: 0 auto;
	height: 105px;
}

.hm_zs .item {
	width: 330px;
	height: 105px;
	float: left;
	text-align: center;
	position: relative;
}

.hm_zs .item img {
	display: block;
	height: 50px;
	margin: 0 auto 20px auto;
}

.hm_zs .btn {
	display: block;
	height: 34px;
	line-height: 34px;
	width: 156px;
	margin: 0 auto;
	background: #007bcd;
	border-radius: 17px;
	color: #fff;
}

.hm_zs .btn2 {
	width: 206px;
}

.hm_zs .cnt_sd {
	width: 84px;
	height: 84px;
	background: #000;
	border-radius: 10px;
	padding: 18px;
	position: absolute;
	left: 50%;
	top: -70px;
	margin-left: -60px;
	z-index: 30;
	display: none;
}

.hm_zs .cnt_sd img {
	display: block;
	width: 84px;
	height: 84px;
}

.hm_zs .cnt_sd .sj {
	display: block;
	width: 36px;
	height: 17px;
	background: url(../images/sj1.png) no-repeat top center;
	position: absolute;
	left: 50%;
	bottom: -17px;
	margin-left: -18px;
}

.hm_zs .care_sd {
	width: 280px;
	height: 115px;
	background: #000;
	border-radius: 10px;
	position: absolute;
	left: 25px;
	top: -65px;
	display: none;
	z-index: 30;
}

.hm_zs .item2:hover .cnt_sd {
	display: block;
}

.hm_zs .care_sd .face {
	float: left;
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 27px;
	margin: 15px 0 0 20px;
	overflow: hidden;
}

.hm_zs .care_sd .face img {
	display: block;
	width: 54px;
	height: 54px;
}

.hm_zs .care_sd .inf {
	float: left;
	color: #fff;
	padding: 20px 0 0 10px;
	text-align: left;
}

.hm_zs .care_sd p {
	line-height: 24px;
}

.hm_zs .care_sd .p2 {
	font-size: 14px;
	line-height: 30px;
}

.hm_zs .care_sd .sj {
	display: block;
	width: 36px;
	height: 17px;
	background: url(../images/sj1.png) no-repeat top center;
	position: absolute;
	left: 50%;
	bottom: -17px;
	margin-left: -18px;
}

.hm_zs .cnt_sd2 {
	width: 280px;
	height: 75px;
	padding-top: 10px;
	background: url(../images/jx_title.png) repeat-y top center;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -140px;
	display: none;
	z-index: 30;
	color: #fff;
}

.hm_zs .cnt_sd2 .sj {
	display: block;
	width: 36px;
	height: 17px;
	/*background:url(../images/cnt_sj.png) no-repeat top center;*/
	position: absolute;
	left: 50%;
	bottom: -17px;
	margin-left: -18px;
}

.hm_zs .cnt_sd2 p {
	line-height: 28px;
	text-align: left;
	padding-left: 20px;
}

.hm_zs .item1:hover .cnt_sd2 {
	display: block;
}

.hm_bt {
	height: 84px;
	width: 100%;
	color: #fff;
	width: 100%;
	background: url(../images/hmbt_bg.png) repeat-y top center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 50;
	text-align: center;
}

.hm_bt dt {
	height: 48px;
	line-height: 48px;
	font-size: 22px;
}

.hm_bt dt span {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding-left: 28px;
	cursor: pointer;
	position: relative;
}

.hm_bt dt span i {
	display: block;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	top: 12px;
	height: 28px;
	width: 28px;
	background: url(../images/reg_btn2.png) no-repeat left center;
}

.hm_bt dt em {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border-bottom: 2px solid #fff;
	float: left;
	margin-top: 9px;
}

.hm_bt dd {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.hmbt_gd {
	position: relative;
}

.hmbt_zw {
	height: 84px;
	width: 100%;
	clear: both;
}

/*hm 首页*/

/*弹窗组*/
.alert_flog {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	display: none;
}

.ok_win {
	width: 406px;
	height: 180px;
	background: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -90px 0 0 -203px;
	z-index: 220;
	box-shadow: 2px 2px 2px #000;
	color: #fff;
	display: none;
}

.ok_win .top_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/win_close.png) no-repeat center center;
	cursor: pointer;
}

.ok_win dl {
	text-align: center;
	padding-top: 37px;
}

.ok_win dt {
	height: 74px;
}

.ok_win img {
	display: block;
	width: 74px;
	height: 74px;
	margin: 0 auto;
}

.ok_win dd {
	height: 60px;
	line-height: 60px;
	font-size: 17px;
}

.login_win {
	width: 680px;
	height: 314px;
	background: #000 url(../images/lw_bg.jpg) no-repeat right bottom;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -157px 0 0 -340px;
	z-index: 230;
	box-shadow: 2px 2px 2px #000;
	color: #fff;
	display: none;
}

.login_win .top_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/win_close.png) no-repeat center center;
	cursor: pointer;
}

.lw_left {
	width: 162px;
	text-align: center;
	padding: 55px 0 0 68px;
}

.lw_left dt {
	width: 162px;
	height: 162px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.lw_left img {
	display: block;
	width: 162px;
	height: 162px;
}

.lw_left dd {
	height: 62px;
	line-height: 62px;
	font-size: 14px;
}

.lw_right {
	width: 300px;
	float: right;
	padding: 15px 40px 0 0;
	color: #fff;
}

.lw_right .title {
	height: 66px;
	line-height: 66px;
	text-align: center;
	font-size: 17px;
}

.lw_right .nm {
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}

.lw_right .text {
	height: 36px;
	line-height: 36px;
	background: #fff;
	width: 290px;
	padding-left: 10px;
	border-radius: 12px;
	border: 0;
	color: #717071;
}

.lw_right .text_hover {
	color: #281315;
}

.lw_right .btn {
	display: block;
	width: 146px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-top: 40px;
	font-size: 15px;
	color: #fff;
	border-radius: 17px;
}

.lw_right .btn1 {
	background: #f9353e;
}

.lw_right .btn2 {
	background: #007bcd;
}

.reg_win {
	width: 420px;
	/*background:#000 url(../images/reg_bg.jpg) no-repeat right bottom;*/
	position: absolute;
	left: 50%;
	top: 50px;
	margin: 0 0 0 -210px;
	z-index: 240;
	box-shadow: 2px 2px 2px #000;
	color: #fff;
	padding: 30px 0 60px 0;
	display: none;
}

.reg_win .top_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/win_close.png) no-repeat center center;
	cursor: pointer;
}

.reg_win .title {
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #131212;
	width: 360px;
	margin: 0 auto 22px auto;
	font-size: 18px;
	text-align: center;
}

.reg_win .in {
	width: 310px;
	height: 37px;
	margin: 0 auto 9px auto;
	position: relative;
}

.reg_win .text {
	height: 37px;
	line-height: 37px;
	width: 300px;
	padding-left: 10px;
	border: 0;
	border-radius: 10px;
	color: #707171;
}

.reg_win .text_hover {
	color: #281315;
}

.reg_win .select {
	position: relative;
	z-index: 90;
	cursor: pointer;
}

.reg_win .top {
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	width: 300px;
	background: #fff url(../images/slide_btn1.png) no-repeat 280px center;
	border-radius: 10px;
	color: #707171;
}

.reg_win .select_hover .top {
	border-radius: 10px 10px 0 0;
}

.reg_win .select ul {
	position: absolute;
	left: 0;
	top: 37px;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	width: 310px;
	background: #fff;
	max-height: 185px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 90;
	display: none;
}

.reg_win .select_hover ul {
	display: block;
}

.reg_win select {
	display: none;
}

.reg_win .select li {
	height: 37px;
	line-height: 37px;
	vertical-align: top;
	color: #707171;
	padding-left: 10px;
}

.reg_win .select .hover {
	background: #f3f3f3;
}

.reg_win .tip {
	width: 290px;
	margin: 0 auto;
	line-height: 16px;
}

.reg_win .chks {
	width: 290px;
	margin: 9px auto;
	cursor: pointer;
}

.reg_win .chks li {
	height: 32px;
	line-height: 32px;
	padding-left: 22px;
	background: url(../images/reg_chk.png) no-repeat left top;
}

.reg_win .chks .hover {
	background-position: left bottom;
}

.reg_win .next_step {
	display: block;
	width: 168px;
	height: 36px;
	line-height: 36px;
	background: url(../images/next_step.png) repeat-y top center;
	border-radius: 18px;
	color: #fff;
	text-align: center;
	margin: 17px auto 0 auto;
	font-size: 16px;
}

/*弹窗组*/

/*play 直播页*/
.play_tp {
	background: url(../images/play_b.jpg) center;
	height: 364px;
}

.play_tp .tp {
	width: 1120px;
	height: 362px;
	margin: 0 auto;
}

.ptp_video {
	width: 648px;
	height: 360px;
	float: left;
	position: relative;
	border: 1px solid #848484;
}

.ptp_ctrl {
	width: 54px;
	height: 22px;
	position: absolute;
	right: 30px;
	bottom: 40px;
	z-index: 10;
	/*background:url(../images/bbg50.png);	*/
	border-radius: 11px;
}

.ptp_ctrl a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

.ptp_ctrl em {
	display: inline-block;
	width: 10px;
	height: 22px;
	background: url(../images/pl_line.png) no-repeat center center;
	float: left;
}

.ptp_ctrl .btn1 {
	background-image: url(../images/pl_btn1.png);
}

.ptp_ctrl .btn2 {
	background-image: url(../images/pl_btn2.png);
}

.ptp_ctrl .hover {
	background-position: left top;
}

.ptp_zm {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 5;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.ptp_rt {
	width: 444px;
	height: 364px;
}

.ptp_ppt {
	width: 444px;
	height: 360px;
	border: 1px solid #CACACA;
}

.ptp_code {
	color: #fff;
	width: 202px;
	float: left;
	padding: 24px 0 0 20px;
}

.ptp_code .photo {
	float: left;
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 5px;
	overflow: hidden;
}

.ptp_code .photo img {
	display: block;
	width: 68px;
	height: 68px;
}

.ptp_code .inf {
	float: left;
	width: 120px;
	padding: 14px 0 0 8px;
	line-height: 16px;
}

.play_tp .handle {
	height: 50px;
	border-top: 1px solid #392f2c;
	background: #231815;
}

.play_tp .handle_wp {
	width: 1120px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}

.play_tp .handle li {
	width: 124px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	float: left;
}

.play_tp .handle a {
	display: block;
	width: 140px;
	height: 50px;
	line-height: 50px;
	color: #fff;
}

.play_tp .handle .hover {
	color: #fff;
	background: #007bcd url(../images/ptp_hover.png) no-repeat bottom center;
}

.play_slide {
	width: 1066px;
	height: 240px;
	margin: 0 auto;
	position: relative;
}

.play_slide .c_btn {
	height: 240px;
	width: 50px;
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 20;
}

.play_slide .pre {
	left: 0;
	background: url(../images/play_pre.png) no-repeat left center;
}

.play_slide .next {
	right: 0;
	background: url(../images/play_next.png) no-repeat left center;
}

.play_slide .s_wrap {
	width: 966px;
	height: 240px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.play_slide li {
	width: 966px;
	height: 240px;
	float: left;
}

.play_slide .t_left {
	width: 320px;
	float: left;
	padding: 36px 0 20px 0;
}

.play_slide .date {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	background: #007bcd;
	border-radius: 18px;
	font-size: 17px;
	color: #fff;
}

.play_slide .tip {
	padding-top: 20px;
	font-size: 26px;
	line-height: 28px;
	color: #3e3a39;
}

.play_slide .js_slide {
	float: right;
	width: 550px;
	height: 56px;
	margin: 92px 0 0 0;
	position: relative;
	overflow: hidden;
}

.play_slide .js_slide .s_wrap2 {
	width: 550px;
	height: 56px;
	position: relative;
	overflow: hidden;
}

.play_slide .js_slide li {
	width: 275px;
	height: 56px;
	float: left;
}

.play_slide .face {
	float: left;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	overflow: hidden;
	background: #727171;
}

.play_slide .face img {
	display: block;
	width: 56px;
	height: 56px;
}

.play_slide .nm {
	width: 200px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin: 13px 0 0 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.play_slide .sc {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
	color: #727171;
}

.play_360 {
	height: 176px;
	width: 100%;
	background: url(../images/play_360.jpg) no-repeat top center;
}

.play_360 .wrapin {
	height: 176px;
	position: relative;
}

.play_360 .go {
	display: inline-block;
	width: 306px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #007bcd;
	border-radius: 23px;
	font-size: 26px;
	color: #fff;
	position: absolute;
	right: 150px;
	top: 65px;
}

.play_art {
	height: 245px;
	width: 100%;
	background: url(../images/play_art.jpg) no-repeat top center;
}

.play_art .wrapin {
	height: 194px;
	position: relative;
}

.play_art .go {
	display: inline-block;
	width: 232px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: url(../images/playart_go.png) no-repeat center center;
	border-radius: 18px;
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 200px;
	top: 75px;
}

.play_ask {
	height: 256px;
	padding: 10px 0;
	background: url(../images/play_ask.jpg) no-repeat top center;
}

.pask_left {
	width: 610px;
	padding-left: 20px;
	height: 250px;
	float: left;
	color: #fff;
	border-right: 1px solid #fff;
}

.pask_left .title {
	padding-left: 38px;
	padding-bottom: 28px;
}

.pask_left .title dt {
	height: 56px;
	line-height: 56px;
	font-size: 26px;
}

.pask_left .title dd {
	height: 34px;
	line-height: 34px;
	font-size: 18px;
}

.pask_left .item {
	width: 150px;
	float: left;
	text-align: center;
	display: block;
}

.pask_left .face {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 8px auto;
	border-radius: 40px;
	overflow: hidden;
}

.pask_left .face img {
	display: block;
	width: 80px;
	height: 80px;
}

.pask_left .name {
	font-size: 14px;
	line-height: 22px;
}

.play_mes {
	width: 456px;
	float: right;
	padding-right: 62px;
}

.play_mes .title {
	height: 70px;
	line-height: 70px;
	font-size: 26px;
	color: #fff;
}

.mes_slide {
	height: 120px;
	background: #fff;
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.mes_inner {
	width: 440px;
}

.mes_slide .item {
	padding: 6px 9px 0 9px;
	line-height: 20px;
	color: #898989;
}

.mes_slide .tp {
	color: #5aa2f2;
}

.mes_ctrl {
	height: 32px;
}

.mes_ctrl .text {
	width: 372px;
	height: 30px;
	padding-left: 8px;
	border: 1px solid #bcbcbc;
	border-right: 0;
	background: #fff;
	float: left;
	font-size: 12px;
	color: #898989;
}

.mes_ctrl .mes_ok {
	float: left;
	display: block;
	width: 75px;
	height: 32px;
	background: #fe9606;
	color: #fff;
	text-align: center;
	line-height: 32px;
}

.play_footer {
	height: 332px;
	background: #000 url(../images/play_footer.jpg) no-repeat bottom center;
	position: relative;
}

.pft_wrap {
	width: 1098px;
	margin: 0 auto;
	color: #fff;
}

.pft_wrap .tp {
	height: 206px;
	padding-top: 44px;
}

.pft_wrap .item {
	width: 180px;
	float: left;
	margin: 0 93px;
	display: block;
	text-align: center;
}

.pft_wrap .btn {
	position: relative;
	z-index: 100;
	width: 120px;
	height: 80px;
	margin: 0 auto;
	cursor: pointer;
}

.pft_wrap .ico {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.pft_wrap .item span {
	display: block;
	height: 96px;
	line-height: 96px;
	font-size: 20px;
}

.pft_wrap .jx_nav {
	width: 116px;
	background: url(../images/jx_nav.png) repeat-y left top;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	left: 100px;
	top: -44px;
	display: none;
}

.pft_wrap .btn:hover .jx_nav {
	display: block;
}

.pft_wrap .jx_nav a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #cda9cd;
	margin-top: -1px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	width: 100px;
	padding-left: 16px;
}

.pft_wrap .jx_nav a:hover {
	background: url(../images/jx_navh.png) no-repeat 5px center;
}

.pft_wrap .pft_cnt {
	width: 332px;
	background: url(../images/jx_title.png) repeat-y top center;
	color: #fff;
	text-align: left;
	position: absolute;
	left: -126px;
	top: -54px;
	font-size: 14px;
	line-height: 24px;
	border-radius: 10px;
	padding: 10px 20px;
	display: none;
	z-index: 100;
}

.pft_wrap .btn:hover .pft_cnt {
	display: block;
}

.pft_wrap .pft_cnt .sj {
	display: block;
	width: 14px;
	height: 6px;
	font-size: 1px;
	/*background:url(../images/cnt_sj.png) no-repeat top center;	*/
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -7px;
}

.pft_tel {
	height: 20px;
	line-height: 20px;
	padding-left: 0px;
	font-size: 13px;
	/*background:url(../images/ft_tel.png) no-repeat left center;*/
}

.pft_inf {
	padding: 10px 0;
	line-height: 20px;
}

.pft_inf span a {
	color: #fff;
	margin-left: 10px;
}

.pft_inf span a:hover {
	color: #FF0;
	overflow: hidden
}

/*play 直播页*/
.ok_win2 {
	width: 360px;
	background: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -110px 0 0 -200px;
	color: #fff;
	z-index: 220;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 5px #333;
	display: none;
}

.ok_win2 .tip {
	font-size: 14px;
	line-height: 22px;
	padding: 8px 0 15px 0;
}

.ok_win2 .btn {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	background: #007bcd;
	border-radius: 16px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
}

.ok_win2 .top_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/win_close.png ) no-repeat center center;
	cursor: pointer;
}

/*3-21 改*/
.ptp360 {
	width: 444px;
	height: 114px;
	background: url(../images/ptp360_bg.jpg) no-repeat center;
	position: relative;
}

.ptp360 .go {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	width: 170px;
	background: url(../images/ptp360_go.png) repeat-y top center;
	border-radius: 13px;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -18px;
	text-align: center;
}

.play_tab {
	height: 150px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.pt_con {
	width: 100%;
	position: absolute;
	left: 0;
	top: 2000px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
}

.pt_con .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 150px;
	background: #006db0;
	opacity: 0.5;
	filter: alpha("opacity=50");
}

.play_tab .show {
	top: 0;
}

.pt_con .title {
	width: 1120px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	height: 54px;
	line-height: 54px;
	font-size: 26px;
	margin-bottom: 15px;
	position: relative;
	z-index: 10;
}

.pt_slide {
	height: 80px;
	width: 1120px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

.pt_slide li {
	width: 220px;
	height: 45px;
	float: left;
	padding: 10px 10px;
	margin: 0 10px;
	background-color: rgba(255, 255, 255, 0.25);
}

.pt_slide li a {
	font-size: 16px;
	color: #fff;
}

.pt_slide li a:hover {
	color: #FFD641;
}

.an {
	color: #FFD641 !important;
}

.pt_slide .face {
	float: left;
	background: #fff;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	overflow: hidden;
	border: 2px solid #fff;
}

.pt_slide .face img {
	display: block;
	width: 56px;
	height: 56px;
}

.pt_slide .inf {
	width: 204px;
	float: left;
	margin: 0 0 0 10px;
}

.pt_slide .nm {
	width: 204px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	margin-bottom: 3px;
}

.pt_slide .sc {
	display: inline-block;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.play_float {
	width: 100px;
	height: 265px;
	padding-top: 15px;
	/*background:url(../images/bbg50.png);*/
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -150px;
	z-index: 160;
	color: #444;
	text-align: center;
}

.play_float img {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 5px;
}

.play_float dd {
	padding: 5px 0;
}

/*3-21 改*/

/*3-22 改*/
.play_teachers {
	background: #231815;
	color: #fff;
	position: relative;
	z-index: 150;
}

.play_teachers .wrapin {
	width: 1120px;
}

.play_teachers .handle {
	height: 85px;
	line-height: 70px;
}

.play_teachers .handle .tit {
	float: left;
	font-size: 28px;
}

.play_teachers .btn {
	float: right;
	display: inline-block;
	padding-right: 26px;
	height: 60px;
	font-size: 16px;
	cursor: pointer;
	/*background:url(../images/teacher_btn.png) no-repeat right top;*/
}

.play_teachersshow .btn {
	background-position: right bottom;
}

.play_teachers .con {
	padding-bottom: 40px;
	display: block;
}

.play_teachersshow .con {
	display: none;
}

.play_teachers .item {
	display: block;
	width: 159px;
	height: 220px;
	float: left;
	position: relative;
	overflow: hidden;
}

.play_teachers .item .bg {
	display: block;
	width: 159px;
	height: 220px;
}

.play_teachers .item .sd {
	width: 159px;
	height: 220px;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0.5;
}

.play_teachers .inf {
	width: 143px;
	position: absolute;
	left: 7px;
	top: 140px;
	z-index: 20;
	color: #fff;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-moz: all 0.2s;
}

.play_teachers .item:hover .inf {
	top: 10px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-moz: all 0.2s;
}

.play_teachers .name {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 10px;
}

.play_teachers .zw {
	height: 46px;
	line-height: 19px;
	margin-bottom: 18px;
}

.play_teachers .jj {
	line-height: 19px;
}

/*3-22 改*/

/*3-29 改*/
.jx_win {
	width: 372px;
	height: 278px;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -139px 0 0 -186px;
	z-index: 220;
	display: none;
}

.jx_win .top_close {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	/*background:url(../images/jx_close.png) no-repeat center center;*/
	cursor: pointer;
}

.jx_win .title {
	height: 36px;
	line-height: 36px;
	background: url(../images/jx_title.png) no-repeat left center;
	font-size: 14px;
	color: #fff;
	padding-left: 12px;
}

.jx_win ul {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 220px;
}

.jx_win li {
	height: 54px;
	border-bottom: 1px solid #dededf;
	position: relative;
	width: 100%;
}

.jx_win .ico {
	float: left;
	display: block;
	width: 54px;
	height: 54px;
}

.jx_win .name {
	line-height: 22px;
	float: left;
	display: inline-block;
	margin-top: 16px;
	max-width: 250px;
	_width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jx_win .name:hover {
	color: #79bbfa;
}

.jx_win .btn {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/jx_btn.png) no-repeat left top;
}

.jx_win .btn_gray {
	background-position: left bottom;
}

.tech_win {
	width: 400px;
	height: 112px;
	/*background:url(../images/tech_bg.png) no-repeat center center;*/
	border-radius: 56px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -56px 0 0 -200px;
	z-index: 230;
	display: none;
	color: #fff;
}

.tech_win .ico {
	width: 112px;
	height: 112px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
}

.tech_win .ico img {
	display: block;
	width: 112px;
	height: 112px;
}

.tech_win .ico:hover .bf {
	display: none;
}

.tech_win .ico:hover .af {
	display: block;
}

.tech_win dl {
	padding: 30px 0 0 130px;
	width: 200px;
}

.tech_win dt {
	height: 30px;
	line-height: 30px;
	font-size: 24px;
}

.tech_win dd {
	line-height: 20px;
	font-size: 14px;
}

.tech_win .top_close {
	width: 34px;
	height: 34px;
	background: url(../images/tech_close.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.tech_win .bt_ico {
	position: absolute;
	right: -10px;
	bottom: -15px;
}

/*3-29 改*/

/*3-31 改*/
.zj_win {
	width: 372px;
	height: 280px;
	background: #fff;
	position: fixed;
	margin: -140px 0 0 -186px;
	z-index: 250;
	left: 50%;
	top: 50%;
	top: -20000px;
}

.zj_winshow {
	top: 50%;
}

.zj_win .title {
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	background: url(../images/jx_title.png) no-repeat left top;
}

.zj_win .top_close {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	/*background:url(../images/jx_close.png) no-repeat center center;*/
	cursor: pointer;
}

.zj_slide {
	height: 194px;
	width: 372px;
	position: relative;
	overflow: hidden;
}

.zj_wrap {
	width: 352px;
	padding-left: 12px;
}

.zj_wrap .item {
	margin-top: 4px;
}

.zj_wrap .tp {
	line-height: 18px;
	clear: both;
	padding-right: 50px;
	position: relative;
}

.zj_wrap .tp .date {
	color: #808080;
	position: absolute;
	right: 10px;
	top: 0;
	height: 18px;
	line-height: 18px;
}

.zj_wrap .name {
	color: #d650c1;
}

.zj_wrap .bt {
	line-height: 18px;
	clear: both;
	padding-right: 50px;
	position: relative;
}

.zj_wrap .bt .date {
	color: #808080;
	position: absolute;
	right: 10px;
	top: 0;
	height: 18px;
	line-height: 18px;
}

.zj_bt {
	height: 40px;
	background: #ebecec;
	padding-top: 8px;
}

.zj_search {
	width: 359px;
	height: 32px;
	margin: 0 auto;
	/*background:url(../images/zj_search.png) no-repeat top center;*/
}

.zj_search .text {
	width: 269px;
	height: 32px;
	float: left;
	line-height: 32px;
	border: 0;
	background: none;
	padding-left: 20px;
}

.zj_search .sub {
	width: 70px;
	height: 32px;
	float: left;
	background: none;
	color: #fff;
	text-align: center;
	background: none;
}

/*3-31 改*/

/*4-5 改*/
.jx_win2 {
	width: 500px;
	/*background:url(../images/bbg50.png);*/
	position: fixed;
	left: 50%;
	top: 120px;
	z-index: 240;
	margin-left: -250px;
	display: none;
}

.jx_win2 .title {
	height: 54px;
	line-height: 54px;
	padding-left: 10px;
	color: #fff;
	font-size: 18px;
	background: url(../images/jx_title2.png) no-repeat left center;
}

.jx_win2 .close {
	display: block;
	width: 54px;
	height: 54px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	/*background:url(../images/jx_close2.png) no-repeat center center;	*/
	cursor: pointer;
}

.jx_win2 ul {
	max-height: 500px;
	overflow: hidden;
}

.jx_win2 li {
	height: 80px;
	padding: 10px;
	color: #fff;
}

.jx_win2 .ico {
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
}

.jx_win2 .ico img {
	display: block;
	width: 80px;
	height: 80px;
}

.jx_win2 .inf {
	width: 280px;
	float: left;
	margin: 10px 0 0 10px;
	font-size: 14px;
	line-height: 20px;
}

.jx_win2 .down {
	display: block;
	width: 60px;
	height: 80px;
	float: right;
	background: url(../images/jx2_down.png) no-repeat center center;
}

/*4-5 改*/
.text_t {
	line-height: 30px;
	font-size: 14px;
	padding: 8px 15px 0 5px;
}

.error {
	color: red;
}

a {
	cursor: pointer;
}

.jx_nav1 {
	width: 116px;
	background: url(../images/jx_nav.png) repeat-y left top;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	left: 115px;
	top: -44px;
	display: none;
}

.item4:hover .jx_nav1 {
	display: block;
}

.jx_nav1 a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #cda9cd;
	margin-top: -1px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	width: 100px;
	padding-left: 16px;
}

.pft_wrap .jx_nav a:hover {
	background: url(../images/jx_navh.png) no-repeat 5px center;
}

.item4 {
	width: 150px;
	float: left;
	text-align: center;
	display: block;
}

.bgtab3 {
	background-image: url(../images/play_tab3.jpg);
}

.bgtab7 {
	background-image: url(../images/play_tab7.jpg);
}

.bgtab10 {
	background-image: url(../images/play_tab10.jpg);
}

.play-icon {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background: url(../images/playbtn.png);
}

.mes_inner ul li {
	line-height: 19px;
	width: 99%;
	color: #555;
	padding: 3px 10px;
	font-size: 14px;
	text-align: left;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #EFEAEA;
	display: inline-block;
}

.mes_inner ul li em {
	font-style: normal;
	color: #F37B00;
	padding-right: 5px;
}

.mes_inner ul li span {
	word-wrap: break-word;
}