/* reset */  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing: border-box;}  /* ��ʼ����ǩ������������е�margin��paddingֵ */  
fieldset,img {border:0 none}  /* ����fieldset���?���飩��ͼƬ�ı߿�Ϊ0*/  
dl,ul,ol,menu,li {list-style:none}   /* �������ǰ�����Ϊonne,menu��HTML5����Ч */  
blockquote, q {quotes: none}   /* ����Ƕ�����õ�������� */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* ����Ƕ������*/  
input,select,textarea,button {vertical-align:middle}  /* ���ñ?�ؼ���ֱ����*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* ���ñ?button��ťЧ�� */  
body {background:#fcfcfc;}   /* ����body ҳ�汳��Ϊ��ɫ */  
body,th,td,input,select,textarea,button {line-height:1 ;font-family:"΢���ź�", "����","����";color:#666} /* ����ҳ���������� */  
a {color:#666;text-decoration:none}  /* ��������a��ǩ */  
a:active, a:hover {text-decoration:none}   /* ��������a��ǩ����껬��Ч�� */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* ������ʽ��ǩ����ʽ */  
caption {display:none;}    /* ���ñ�����Ϊ���� */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* ����table���� */  
img{vertical-align:top}  /* ͼƬ�ڵ�ǰ���ڵĴ�ֱλ�� */  
body{
	font-family: "΢���ź�";
}  
/* ҳ������ */  
   
  /* ȡ��a��ǩ���������߿� */  
a {outline: none;display: inline-block;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* ����ҳ�����ֵ����϶����ѡ������µı���ɫ��������ɫ */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
   
.fl{
	float: left;
}
.fr{
	float: right;
}
/*���--�Ƽ�ʹ��*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}  
/*****��ȫ���� start******/
.top_bar,nav,.ourproject_nav{
	width: 1200px;
	margin: 0 auto;
}
/*****��ȫ���� end******/
/*****index start****/
.top_nav{
	height: 40px;
	line-height: 40px;
	background: #f5f5f5;
}
.top_bar p.fl{
	height: 40px;
	width: 200px;
	position: relative;
}
.top_bar p.fl i{
	color: #5b5b5b;
	font-weight: 700;
	font-size: 24px;
	position: absolute;
	top: 50%;
	margin-top: -18px;
}
.top_bar p.fl span{
	margin-left: 5px;
	font-weight: 700;
	position: absolute;
	left: 18px;
	margin-top: -2px;
}
.top_bar p.fr span:nth-child(2){
	margin: 0px 5px;
}
.top_bar p.fr span:first-child,.top_bar p span:last-child,.top_bar p.fr span:nth-child(3){
	font-weight: 700;
}
.top_bar p.fr span:first-child a{
	color: #5dc0ff;
}
.top_bar p.fr span:nth-child(3) a {
   color: #c11823;
}
.top_bar p.fr span:last-child a{
	color: #f56e0d;
}
nav{
	height: 120px;
}
nav .logo_box{
	margin-top: 30px;
}
nav  ul{
	height: 40px;
	margin-top: 70px;
}
nav  ul li{
	
	margin: 0px 15px;
}
nav  ul li a{
	color: #c51824;
    font-weight: 700;
}
.swiper-pagination-bullet-active{
	background:#f56e0d!important;
}
.ourproject_nav ul{
	margin-top: 30px;
}
.ourproject_nav ul li{
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
	width: 20%;
	margin: 0 2.5%;
	height: 250px;
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	border: 1px solid rgba(245,110,14,.5);
	transition: all linear 500ms;  
}
.ourproject_nav ul li:hover{
	border: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	
}
.our_project{
	text-align: center;
	margin-top: 40px;
}
.ourproject_nav ul li .ty_img{
	text-align: center;
}

.ourproject_nav ul li .ty_img span{
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	background: #5DC0FF;
	border-radius: 25px;
	font-size: 20px;
	color: #fff;
	margin-top: -40px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	
}
.ourproject_nav ul li .ty_text{
	margin-top: -30px;
}
.ourproject_nav ul li .ty_text .ty_eng{
	font-size: 80px;
	color: #fff;
	text-shadow:0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
}
.ourproject_nav ul li .ty_text .ty_engz{
	margin-top: 40px;
	margin-left: 10px;
}
.ourproject_nav ul li .ty_text .ty_engz p{
	margin-top: 5px;
	font-size: 14px;
}
.ourproject_nav ul li .ty_more{
	font-size: 14px;
	font-weight: 700;
	color: #F56E0D;
}
.ty_morebtn{
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 160px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	font-size: 14px;
	font-weight: 700;
	margin: 40px 0px;
	background: #75e1fe;
	border-radius: 40px;
	color: #fff;
	margin-bottom: 150px;
}
.good_jz{
	height: 300px;
	background-image:url(../img/a2.png) ;
	background-size: 100% 100%;
	margin-top: 40px;
	text-align: center;
	padding-top:40px ;
}
.good_jz .title{
	font-size: 50px;
	color: #fff;
}
.good_jz .intro{
	font-size: 30px;
	color: #aaa;
	margin-top: 50px;
}
.good_jz button{
	height: 40px;
	line-height: 40px;
	background: #c41823;
	color: #fff;
	padding: 0px 16px;
	margin-top: 60px;
}
.our_teacher_div{
	margin-top: 100px;
	width: 900px;
	margin: 0 auto;
}
.our_teacher_img{
	text-align: center;
}
.our_teacher_ul{
	margin-top: 40px;
	margin-bottom: 100px;
}
.our_teacher_ul li{
	height: 300px;
	width: 300px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
}
.our_teacher_ul li{
	text-align: center;
	
}
.our_teacher_ul li p.title{
	color: #5DC0FF;
	font-size: 20px;
	margin-top: 80px;
	margin-bottom: 10px;
}
.our_teacher_ul li p.intro{
	padding: 0px 20px;
	line-height: 24px;
	font-size: 14px;
}
.tese_nav{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.tese_nav h1{
	color: #111;
	font-size: 40px;
	margin-top: 100px;
}
.tese_nav img.titleI{
	margin-top: 10px;
}
.tese_ul{
	margin-top: 60px;
}
.tese_ul li{
	width: 28%;
	margin: 0 2%;
	position: relative;
	height: 236px;
	transition: all linear 500ms; 
}
.tese_ul li:hover .bigbang{
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	
}
.tese_ul li .bigbang{
	height: 150px;
	width: 90%;
	position: absolute;
	top: 0px;
	right: 0;
	background: #faad81;
	border-radius: 50px;
}
.tese_ul li:nth-child(2) .bigbang{
	background: #c4df9c;
}
.tese_ul li:nth-child(2) .smallbang{
	background: #2cb62d;
}
.tese_ul li:nth-child(3) .bigbang{
	background: #7cdffe;
}
.tese_ul li:nth-child(3) .smallbang{
	background: #01a8ef;
}
.tese_ul li .smallbang{
	height: 80px;
	width: 80px;
	border-radius: 40px;
	background: #df5d4f;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 14px;
}
.tese_ul li .bigbang .title{
	text-align: left;
	padding-left: 60px;
	font-size: 24px;
	color: #222;
	margin-top: 20px;
}
.tese_ul li .bigbang .intro{
	margin-top: 10px;
	font-size: 18px;
	color: #444;
	padding-left: 40px;
	margin-top: 20px;
}
.tese_ul li .bigbang button{
	margin-right: 20px;
	font-size: 16px;
	color: #fff;
	margin-top: 30px;
	font-weight: 600;
}
.gs_dizhi{
	width: 1200px;
	margin: 0 auto;
	background-image: url(../img/dizhi.png);
	background-size: 100% 100%;
	height: 700px;
	padding-top: 220px;
}
.gs_dizhi .news_title{
	font-size: 40px;
	padding-left: 42px;
	color: #363d3c;
	font-family: "����","΢���ź�";
	font-weight: 700;
}
.gs_dizhi .swiper-container{
    width: 500px;
    height: 350px;
    margin-left: 42px;
    margin-top: 20px;
}
.gs_dizhi .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}
.gs_dizhi .swiper-container .swiper-slide  a{
	width: 100%;
	height: 100%;
}
.gs_dizhi .swiper-container .swiper-slide  a p{
	position: absolute;
	bottom: 0px;
	height: 40px;
	width: 100%;
	background: rgba(0,0,0,.5);
	text-align: left;
	padding-left: 20px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
}
.gs_dizhi .swiper-container .swiper-pagination{
	text-align: right;
}
footer{
	margin-top: 40px;
	background: #363a3b;
	height: 200px;
}
.zxma {
	position: fixed;
	top: 300px;
	right: 0px;
}

@-webkit-keyframes pulse {
	0% {
		/*-webkit-transform: scaleX(0.8);
		transform: scaleX(0.8);*/
		transform: translate(200px,200px);
	}
	50% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2)
	}
	to {
		/*-webkit-transform: scaleX(0.8);
		transform: scaleX(0.8);*/
		transform: translate(200px,200px);
	}
}

@keyframes pulse {
	0% {
		/*-webkit-transform: scaleX(0.8);
		transform: scaleX(0.8);*/
		transform: translate(200px,200px);
	}
	50% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2)
	}
	to {
		/*-webkit-transform: scaleX(0.8);
		transform: scaleX(0.8);*/
		transform: translate(200px,200px);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.footer_nav{
	width: 1200px;
	margin: 0 auto;
	background: #363a3b;
}
.footer_nav img{
	margin-top: 10px;
}
.footer_nav .title{
	font-size: 30px;
	margin-top: 30px;
	color: #ccc;
}
.footer_nav .p2{
	width: 900px;
	margin: 20px 0px;
	line-height: 26px;
	color: #bbb;
}
.footer_nav .p1{
	color: #bbb;
	font-size: 14px;
}
.login-bg{
	position: absolute;
	height: 260px;
	width: 250px;
	background: #0272bc;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	top: 70px;
	right: 19%;
	z-index: 1000;
}
.index_login .title{
	height:40px;
	line-height: 40px;
	border-bottom: 1px solid #3c8fc7;
	text-align: center;
	margin-top: 10px;
}
.index_login .title span,.index_login .title a{
	display: inline-block;
	border-bottom: 1px solid #06e6a0;
	height:38px;
	line-height: 38px;
	color: #fff;
	margin: 0px 40px;
}
.index_login_div input[type="text"],.index_login_div input[type="password"]{
	box-sizing: border-box;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	width: 210px;
	margin-left: 20px;
	margin-top: 10px;
	border: none;
	background: #2584c6;
	color: #fff;
	outline: none;
	
}
input::-webkit-input-placeholder {
    color:    #aaa;
}
input:-moz-placeholder {
    color:    #aaa;
}
.index_login_div input[type="submit"],.index_login_div button{
	height: 30px;
	width: 50px;
	text-align: center;
	line-height: 30px;
	background: #F56E0D;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin:20px 0px;
}
/*****index end****/
/*****index11 start****/
.index11_content{
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}
.index11_ul li{
	height: 200px;
	width: 200px;
	border-radius: 100px;
	margin: 20px 20px;
	background-image: url(../img/index11bg1.png);
	background-size: 100% 100%;
	text-align: center;
}
.index11_ul li a{
	width: 100%;
	height: 100%;
}
.index11_ul li:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
}
.index11_ul li p span:first-child{
	font-size: 26px;
	color: #007cb8;
	font-weight: 700;
}
.index11_ul li:nth-child(2n){
	background-image: url(../img/index11bg2.png);
	
}
.index11_ul li:nth-child(2n) p span:first-child{
	font-size: 26px;
	color: #e95376;
	font-weight: 700;
}
.index11_ul li:nth-child(3n){
	background-image: url(../img/index11bg3.png);
	
}
.index11_ul li:nth-child(3n) p span:first-child{
	font-size: 26px;
	color: #dae740;
	font-weight: 700;
}
.index11_ul li:nth-child(4n){
	background-image: url(../img/index11bg4.png);
	
}
.index11_ul li:nth-child(4n) p span:first-child{
	font-size: 26px;
	color: #2bb761;
	font-weight: 700;
}
.index11_ul li:nth-child(5n){
	background-image: url(../img/index11bg5.png);
	
}
.index11_ul li:nth-child(5n) p span:first-child{
	font-size: 26px;
	color: #cd0021;
	font-weight: 700;
}
.index11_ul li:nth-child(6n){
	background-image: url(../img/index11bg6.png);
	
}
.index11_ul li:nth-child(6n) p span:first-child{
	font-size: 26px;
	color: #343a90;
	font-weight: 700;
}
.index11_ul li:nth-child(7n){
	background-image: url(../img/index11bg7.png);
	
}
.index11_ul li:nth-child(7n) p span:first-child{
	font-size: 26px;
	color: #8dca2f;
	font-weight: 700;
}
.index11_ul li:nth-child(8n){
	background-image: url(../img/index11bg8.png);
	
}
.index11_ul li:nth-child(8n) p span:first-child{
	font-size: 26px;
	color: #dbe962;
	font-weight: 700;
}
.index11_ul li:nth-child(9n){
	background-image: url(../img/index11bg9.png);
	
}
.index11_ul li:nth-child(9n) p span:first-child{
	font-size: 26px;
	color: #5ac2e9;
	font-weight: 700;
}
.index11_ul li:nth-child(10n){
	background-image: url(../img/index11bg10.png);
	
}
.index11_ul li:nth-child(10n) p span:first-child{
	font-size: 26px;
	color: #e1005c;
	font-weight: 700;
}
.index11_ul li:nth-child(11n){
	background-image: url(../img/index11bg11.png);
	
}
.index11_ul li:nth-child(11n) p span:first-child{
	font-size: 26px;
	color: #15b26d;
	font-weight: 700;
}
.index11_ul li:nth-child(12n){
	background-image: url(../img/index11bg12.png);
	
}
.index11_ul li:nth-child(12n) p span:first-child{
	font-size: 26px;
	color: #ee9141;
	font-weight: 700;
}
.index11_ul li:nth-child(13n){
	background-image: url(../img/index11bg13.png);
	
}
.index11_ul li:nth-child(13n) p span:first-child{
	font-size: 26px;
	color: #dbe962;
	font-weight: 700;
}
.index11_ul li:nth-child(14n){
	background-image: url(../img/index11bg14.png);
	
}
.index11_ul li:nth-child(14n) p span:first-child{
	font-size: 26px;
	color: #cca6b5;
	font-weight: 700;
}
.index11_ul li:nth-child(15n){
	background-image: url(../img/index11bg15.png);
	
}
.index11_ul li:nth-child(15n) p span:first-child{
	font-size: 26px;
	color: #e1005c;
	font-weight: 700;
}
.index11_ul li:nth-child(16n){
	background-image: url(../img/index11bg16.png);
	
}
.index11_ul li:nth-child(16n) p span:first-child{
	font-size: 26px;
	color: #606a61;
	font-weight: 700;
}
.index11_ul li:nth-child(17n){
	background-image: url(../img/index11bg17.png);
	
}
.index11_ul li:nth-child(17n) p span:first-child{
	font-size: 26px;
	color: #ec706e;
	font-weight: 700;
}
.index11_ul li:nth-child(18n){
	background-image: url(../img/index11bg18.png);
	
}
.index11_ul li:nth-child(18n) p span:first-child{
	font-size: 26px;
	color: #f9d364;
	font-weight: 700;
}
.index11_ul li:nth-child(19n){
	background-image: url(../img/index11bg19.png);
}
.index11_ul li:nth-child(19n) p span:first-child{
	font-size: 26px;
	color: #ba64a1;
	font-weight: 700;
}
.index11_ul li p:first-child{
	margin-top: 60px;
}
.index11_ul li p span:nth-child(2){
	font-size: 26px;
	color: #fff;
	font-weight: 700;
}
.index11_ul li p:nth-child(2){
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 10px;
}
/*****index11 end****/
/*****art_list1 start****/
.artlist1_title{
	text-align: center;
	margin-top: 40px;
	color: #333;
}
.artlist1_title p.chinese{
	font-size: 36px;
	letter-spacing:10px;
}
.artlist1_title p.english{
	font-size: 26px;
	font-weight: 300;
	color: #555;
	margin-top: 20px;
}
.artlist1_ul{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.artlist1_ul li{
	width: 20%;
	margin: 30px 2.5%;
	height: 250px;
	background-size:100% 100%;
	border-bottom: 1px solid #cecece;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1), 0px 0px 30px rgba(0,0,0,.11);
	border-radius: 12px;
	transition: all linear 500ms; 
	padding: 0px 15px;
	text-align: center;
	line-height: 44px;
	
}
.artlist1_ul li:hover{
	transform: translateY(-10px);
}
.artlist1_ul li a{
	height: 100%;
	width: 100%;
	color: #333333;
}
.artlist1_ul li a p:first-child{
	margin-top: 76px;
	font-size: 30px;
}
.artlist1_ul li a p:nth-child(2){
	font-size: 16px;
	color: #888;
	margin-top: 20px;
}
/*****art_list1 end****/
/*****art_list start****/
.artlist_title{
	width: 1200px;
	margin: 0 auto;
	height: 76px;
	border-bottom: 1px solid #F56E0D;
	text-align: center;
	margin-top: 20px;
}
.artlist_title .title{
	display: inline-block;
	width: 400px;
	font-size: 20px;
	color: #F56E0D;
	height: 72px;
	line-height: 72px;
	border-bottom: 4px solid #F56E0D;
	font-size: 30px;
}
.artlist_ul{
	width: 1200px;
	margin: 0 auto;
}
.artlist_ul li{
	width: 45%;
	margin: 0 2.5%;
	background: #f3f3f3;
	height: 100px;
	margin-top: 40px;
	border-radius: 10px;
}
.artlist_ul li:hover{
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
}
.artlist_ul li a{
	width: 100%;
	height: 100%;
}
.artlist_ul li p{
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	color: #333;
}
.artlist_ul li span{
	height: 26px;
	padding: 0px 20px;
	line-height: 26px;
	border: 1px solid #F56E0D;
	margin-right: 20px;
	text-align: center;
	border-radius: 20px;
}
.artlist_ul li span:hover{
	background: #F56E0D;
	color: #fff;
}
/*****art_list end****/
/*****art_show start*****/
.artshow_bf{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	height: 740px;
	background: #222222;
	padding: 20px;
}
.artshow_bf div.fl{
	width: 960px;
	height: 640px;
}
.artshow_bf div.fl iframe{
	width: 100%!important;
	height: 100%!important;
}
.artshow_bf div.fl p{
	font-size: 24px;
	margin-top: 20px;
	color: #FFFFFF;
}
.artshow_bf div.fr{
	width: 180px;
}
.artshow_bf div.fr p{
	height: 32px;
	border-bottom: 2px solid #5DC0FF;
	position: relative;
	padding-left: 20px;
}
.artshow_bf div.fr p span.sanjiao1{
	width:0;height:0;  
    line-height:0;  
    border-width:10px;  
    border-style:solid;  
    border-color: transparent transparent #5DC0FF transparent;  
    margin-left: -26px;
    position: absolute;
    bottom: 0;
}
.artshow_bf div.fr p span.sanjiao2{
	width:0;height:0;  
    line-height:0;  
    border-width:10px;  
    border-style:solid;  
    border-color: transparent transparent #222 transparent;  
    position: absolute;
    bottom: -3px;
    margin-left: -26px;
    
}
.artshow_bf div.fr p span.text{
	margin-left: -5px;
	color: #FFFFFF;
}
.artshow_bf div.fr ul{
	margin-top: 20px;
	height: 588px;
	overflow-y: auto;
	overflow-x: hidden;
}
.artshow_bf div.fr ul li{
	height: 45px;
	width: 180px;
	background: #333;
	border: 1px solid #888;
	line-height: 45px;
	font-weight: 700;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0px 14px;
	font-size: 14px;
}
.artshow_bf div.fr ul li a{
	height: 100%;
	width: 100%;
	color: #fff;
}
/*****art_show end******/
/*****dh_show start*****/
.dhshow_bf{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	height: 740px;
	background: #222222;
	padding: 20px;
}
.dhshow_bf div.fl{
	width: 960px;
	height: 640px;
}
.dhshow_bf div.fl embed{
	width: 100%!important;
}
.dhshow_bf div.fl p{
	font-size: 24px;
	margin-top: 20px;
	color: #FFFFFF;
}
.dhshow_bf div.fr{
	width: 180px;
}
.dhshow_bf div.fr p{
	height: 32px;
	border-bottom: 2px solid #5DC0FF;
	position: relative;
	padding-left: 20px;
}
.dhshow_bf div.fr p span.sanjiao1{
	width:0;height:0;  
    line-height:0;  
    border-width:10px;  
    border-style:solid;  
    border-color: transparent transparent #5DC0FF transparent;  
    margin-left: -26px;
    position: absolute;
    bottom: 0;
}
.dhshow_bf div.fr p span.sanjiao2{
	width:0;height:0;  
    line-height:0;  
    border-width:10px;  
    border-style:solid;  
    border-color: transparent transparent #222 transparent;  
    position: absolute;
    bottom: -3px;
    margin-left: -26px;
    
}
.dhshow_bf div.fr p span.text{
	margin-left: -5px;
	color: #FFFFFF;
}
.dhshow_bf div.fr ul{
	margin-top: 20px;
	height: 588px;
	overflow-y: auto;
	overflow-x: hidden;
}
.dhshow_bf div.fr ul li{
	height: 45px;
	width: 180px;
	background: #333;
	border: 1px solid #888;
	line-height: 45px;
	font-weight: 700;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0px 14px;
	font-size: 14px;
}
.dhshow_bf div.fr ul li a{
	height: 100%;
	width: 100%;
	color: #fff;
}
/*****dh_show end******/
/*****art_listTk start ****/
.artlisttk_div{
	height: 720px;
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	margin-top: 20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	border: 1px solid #ddd;
	border-radius: 15px;
}
.artlisttk_div .title{
	height: 50px;
	line-height: 50px;
	padding: 0px 30px;
	background: #5DC0FF;
	color: #1981cf;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 22px;
}
.artlisttk_div ul{
	padding: 0px 30px;
}
.artlisttk_div ul li{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
}
.artlisttk_div ul li a{
	height: 100%;
	width: 100%;
	color: #333;
}
.artlisttk_div ul li a span.fl{
	font-weight: 700;
	font-size: 18px;
}
.artlisttk_div ul li a span.fr{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0px 10px;
	color: #333;
	font-size: 14px;
	margin-top: 15px;
	border: 1px dashed #5DC0FF;
}
.tk_page{
	text-align: center;
	margin-top: 20px;
}
/*.tk_page  a{
	height: 30px;
	line-height: 30px;
	background: #5DC0FF;
	width: 30px;
	border-radius: 50%;
	color: #FFFFFF;
	margin: 0 10px;
}*/
.tk_page  a{
	height: 30px;
	line-height: 30px;
	padding: 0px 15px;
	color: #333;
}
/*****art_listTk end ****/
/*****zw_list start******/
.zw_list_div{
	width: 1100px;
	margin: 0 auto;
	height: 720px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	border: 1px solid #ddd;
	border-radius: 15px;
}
.zw_list_div div.fl{
	width:250px;
	height: 100%;
	background: #1b1b1d;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	padding-top: 50px;
}
.zw_list_div div.fl p {
	text-align: center;
	margin-bottom: 50px;
}
.zw_list_div div.fl p i{
	font-size: 50px;
	color: #fbfbfc;
}
.zw_list_div div.fl p span{
	display: block;
	margin-top: 10px;
	color: #fbfbfc;
	font-size: 18px;
}
.zw_list_div div.fl a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	color: #909090;
	font-weight:600;
}
.zw_list_div div.fl a:last-child{
	background: #16151b;
	color: #fff;
}
.zw_list_div div.fr{
	width: 840px;
}
.zw_list_div div.fr p{
	height: 60px;
	line-height: 60px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
}
.zw_list_div div.fr p span:first-child{
	display: inline-block;
	height: 30px;
	width: 5px;
	background: #5DC0FF;
	margin-top: 15px;
	margin-right: 15px;
}
.zw_list_div div.fr p span:last-child{
	font-size: 20px;
	font-weight: 700;
	color: #333;
}
.zw_list_div div.fr ul{
	padding: 0px 30px;
	height: 536px;
}
.zw_list_div div.fr ul li{
	width: 50%;
	height: 50px;
	line-height: 50px;
	color: #333;
	padding-left: 20px;
	border-right: 1px solid #ccc;
}
.zw_list_div div.fr ul li a{
	width: 100%;
	height: 100%;
	color: #333333;
}
.zw_list_div div.fr ul li:nth-child(4n){
	background: #e7ebee;
}
.zw_list_div div.fr ul li:nth-child(4n-1){
	background: #e7ebee;
}
.zw_list_div div.fr ul li:nth-child(2n){
	border-right:none;
	
}
.zw_page{
	text-align: center;
	margin-top: 30px;
}
.zw_page1{
	display: inline-block;
	padding: 5px;
	background:#e7e8ea;
}
.zw_page1 a{
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	font-size: 14px;
	border: 1px solid #c2c3c5;
	background: #eeeff0;
	box-shadow: 0px 0px 2px rgba(0,0,0,.25) inset;
}
/*****zw_list end******/
/*****zw_show start****/
.zw_show_div{
	width: 1200px;
	height: 720px;
	margin: 0 auto;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	border: 1px solid #ddd;
	border-radius: 15px;
}
.zw_show_left{
	width: 948px;
	height: 100%;
	overflow: auto;
}
.zw_show_left .title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #f56e0d;
	color: #FFFFFF;
	border-top-left-radius: 15px;
}
.zw_show_left h5{
	text-align: center;
	margin-top: 10px;
}
.zw_show_right{
	height: 100%;
	width: 250px;
	background: #e9e9e9;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
.zw_show_body{
	padding: 30px 30px;
	line-height: 30px!important;
	color: #333!important;
}
.zw_show_right .title{
	height: 50px;
	line-height: 50px;
	background: #5dc0ff;
	text-align: center;
	color: #fff;
	border-top-right-radius: 15px;
}
.zw_show_right ul li{
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}
.zw_show_right ul li a{
	width: 100%;
	height: 100%;
}
.zw_show_right ul li:hover{
	background: #f56e0d;
	border: none;
}
.zw_show_right ul li:hover a{
	color: #fff;
}
.zw_show_right ul{
	height:650px;
	overflow: auto;
}

/*****zw_show end****/
/*****art_list_tuwen start****/
.tuwen_div{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
}
.tuwen_left{
	width: 860px;
	
}
.tuwen_left ul li{
	height: 180px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.tuwen_left ul li div.fl:first-child{
	width: 200px;
}

.tuwen_left ul li div.fl:last-child{
	width: 620px;
	margin-left: 20px;
}
.tuwen_left ul li div.fl:last-child p.title{
	font-size: 22px;
	margin-bottom: 20px;
	color: #333;
}
.tuwen_left ul li div.fl:last-child p.time{
	font-size: 14px;
	margin-bottom: 10px;
}
.tuwen_left ul li div.fl:last-child p.desc{
	font-size: 16px;
	margin-bottom: 20px;
	color: #444;
	height: 38px;
	line-height: 26px;
}
.tuwen_left ul li div.fl:last-child p.fr{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding: 0px 15px;
	background: #f56e0d;
	color: #fff;
	border-radius: 5px;
}
.tuwen_right{
	width: 300px;
	height: 1300px;
	background-size:100% 100%;
	margin-left: 40px;
	text-align: center;
}
.tuwen_right .chuanye{
	height: 0%;
	overflow: hidden;
}
/*****art_list_tuwen end****/
/*****zw_show1_div start****/
.zw_show1_div{
	width: 1200px;
	margin: 0 auto;
}
.zw_show1_div .zw_show1_left{
	width: 860px;
}
.zw_show1_div .zw_show1_left img{
	width: 100%!important;
	height: auto!important;
}
.zw_show1_div .zw_show1_right{
	width: 300px;
}
.zw_show1_left p.title{
	font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: -4px;
   text-align: center;
}
.zw_show1_left p.time{
	margin-bottom: 20px;
}
.zw_show1_left p.time span{
	margin-right: 50px;
	font-size: 14px;
}
.zw_show1_left .body{
	font-size: 16px;
	line-height: 38px;
	padding: 0px 40px;
}
.zw_show1_left .body p ,.zw_show1_left .body div,.zw_show1_left .body span{
	line-height: 30px!important;
}
.zw_show1_left p.fr{
	margin-right: 40px;
}
.zw_show1_left p.fr button{
	height: 32px;
	line-height: 32px;
	width: 50px;
	text-align: center;
	border: 1px solid #ddd;
	margin-top: -60px;
	border-radius: 3px;
	font-weight: 700;
	outline: none;
}
.zw_show1_left p.fr button:hover{
	border: 1px solid #f56e0d;
	color: #f56e0d;
}
.zw_show1_right{
	width: 300px;
	height: 1300px;
	background-size:100% 100%;
	margin-left: 40px;
	text-align: center;
}
.zw_show1_right .chuanye1{
	height: 0%;
	overflow: hidden;
}
/*****zw_show1_div end****/
/*****art_listm start****/
.art_listm_title{
	width: 500px;
	margin: 0 auto;
	text-align: center;
	font-size: 32px;
	color: #fff;
	margin-top: 50px;
	text-shadow: 0px 5px 10px rgba(0,0,0,.25);	
	background-image:url(../img/mbg.png) ;
	background-size:100% 100% ;
	height: 60px;
	line-height: 56px;
	
}
/*****art_listm end****/
/*****news start******/
.news_title{
	height: 60px;
	line-height: 60px;
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #222;
	
	font-size: 20px;
}
.news_title a{
	color: #222222;
}
.news_div{
	width: 1200px;
	margin: 0 auto;
}
.news_left{
	width: 860px;
	min-height: 1500px;
}
.news_left ul li{
	height: 200px;
	padding-top: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.news_left ul li a{
	width: 100%;
	height: 100%;
}
.news_left ul li a .img{
	margin-right: 20px;
}
.news_left ul li a img{
	border-radius: 20px;
	
}
.news_left ul li a .text{
	width: 540px;
}
.news_left ul li a .text p.title{
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px;
}
.news_left ul li a .text p.desc{
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	line-height: 24px;
	height: 80px;
}
.news_left ul li a .text p.fr{
	font-size: 14px;
	color: #999;
	margin-top: -30px;
}
.news_left ul li a .view{
	height: 70px;
	width: 70px;
	border: 1px solid #333;
	margin-top: 40px;
	text-align: center;
	line-height: 26px;
	
	padding: 5px;
	padding-top: 10px;
}
.news_left ul li a .view i{
	font-size: 20px;
}
.news_left ul li a .view span{
	color: #333333;
}
.news_left ul li:hover  .text p.title{
	color: #5DC0FF;
}
.news_right{
	width: 300px;
	height: 1300px;
	margin-left: 40px;
	text-align: center;
}
.news_right .chuanye2{
	height: 0%;
	overflow: hidden;
}
/*****news end******/
/*****newshow start***/
.newshow_title{
	font-size: 24px;
	color: #5DC0FF;
	margin: 20px 0px;
}
.newshow_time{
	margin-right: 20px;
	width: 80px;
}
.newshow_time .zstime{
	display: none;
}
.newshow_time .ri{
	display: inline-block;
	font-size: 28px;
	color: #5DC0FF;
	margin-bottom: 5px;
}
.newshow_time .yue{
	display: inline-block;
	font-size: 14px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.newshow_time .nian{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.newshow_zws{
	width: 746px;
}
.newshow_zws div,.newshow_zws p,.newshow_zws span{
	line-height: 28px!important;
}
.newshow_zws img{
	width: 100%!important;
}
/*****newshow end***/
/*****mp3_show start***/
.mp3_showaudio{
	margin-top: -20px;
	margin-right: 40px;
	cursor: pointer;
}
/*****mp3_show end***/
/****hb_list start***/
.hb_list_div{
	width: 1200px;
	margin: 0 auto;
	background: #fcf0da;
	padding-top: 40px;
	padding-bottom:100px;
}
.hb_list_div p.title{
	text-align: center;
	font-size: 40px;
	color: #5DC0FF;
	text-shadow: 0px 0px 10px rgba(255,255,255,.6);
	margin-bottom: 20px;
}
.hb_list_div p.xiangguan{
	font-size: 20px;
	color: #111;
	text-shadow: 0px 0px 10px rgba(255,255,255,.6);
	margin-bottom: 50px;
	margin-top: 20px;
	margin-left: 20px;
	height: 50px;
	line-height: 50px;
	width: 1160px;
	border-bottom: 1px solid #333;
}
.hb_list_big{
	width: 900px;
	height: 551px;
	margin: 0 auto;
	position: relative;
}
.hb_list_big a{
	width: 100%;
	height: 100%;
}
.hb_list_big img{
	border: 10px solid #fff ;
}
.hb_list_big i{
	font-size: 100px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -50px;
	cursor: pointer;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}
.hb_list_ul li{
	width: 300px;
	text-align: center;
	margin-bottom: 40px;
}
/****hb_list end***/
/******huiben start****/
.huiben_title{
	text-align: center;
	font-size: 40px;
	color: #5DC0FF;
	text-shadow: 0px 0px 10px rgba(255,255,255,.6);
	margin-top: 20px;
}
.huiben_div{
	margin: 0 auto;
	height: 710px;
	width: 1200px;
	background-image:url(../img/huibenbg.png) ;
	background-size: 100% 100%;
	margin-top: -50px;
	position: relative;
}
.huiben_div img.huibenimg{
	width: 867.1px;
	position: absolute;
	left: 196px;
	top: 125px;
	height: 487.5px;
	border-radius:2px;
	z-index: -100000;
}
.huiben_small_k{
	position: absolute;
}
.huiben_small_k p {
	display: none;
	font-size: 12px;
    position: absolute;
 	font-weight: 700;
    color: #fff;
    height: 120%;
    line-height: 16px;
    left: 110%;
    overflow: auto;
    width: 100%;
    -webkit-text-stroke:0.5px #000;
}
.huiben_div img.hupre,.huiben_div img.hunext{
	width: 100px;
	position: absolute;
	top: 50%;
	margin-top:-22px;
}
.huiben_div img.hupre{
	left: 140px;
}
.huiben_div img.hunext{
	right: 80px;
}
.huiben_div img.hbofang{
	width: 100px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
}
/******huiben end****/
/******tingli_list start****/
.tinglilist_title{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.tinglilist_title p{
	margin-bottom: -30px;
}
.tinglilist_title p span:first-child{
	font-size: 30px;
	color: #333;
	font-weight: 700;
}
.tinglilist_title p span:nth-child(2){
	font-size: 36px;
	color: #333;
	margin: 0px 20px;
}
.tinglilist_title p span:last-child{
	font-size: 30px;
	color: #333;
	color: #504c23;
}
.tinglilist_ul{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 60px;
}
.tinglilist_ul li{
	height: 80px;
	width: 40%;
	margin: 0 5%;
	background: #e7e6eb;
}
.tinglilist_ul li a{
	width: 100%;
	height: 100%;
	
}
.tinglilist_ul li:hover{
	background: #504c23;
}
.tinglilist_ul li:hover a .title{
	color: #fff;
}
.tinglilist_ul li:hover span.fr i{
	color: #fff;
}
.tinglilist_ul li a .xuhao{
	display: inline-block;
	height: 80px;
	width: 80px;
	font-size: 30px;
	color: #fff;
	background: #504c23;
	text-align: center;
	line-height: 80px;
}
.tinglilist_ul li a p.fl{
	padding-left: 20px;
}
.tinglilist_ul li a .title{
	display: inline-block;
	height: 50px;
	width: 300px;
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	color: #222;
}
.tinglilist_ul li a .time{
	display: inline-block;
	height: 30px;
	width: 300px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	color: #999;
}
.tinglilist_ul li a span.fr{
	display: inline-block;
	height: 80px;
	width: 80px;
	color: #fff;
	line-height: 30px;
	color: #999;
	text-align: center;
	line-height: 80px;
}
.tinglilist_ul li a span.fr i{
	font-size: 60px;
	color: #504c23;
}
/******tingli_list end****/
/******tingli start*****/
.tingli_div{
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	height: 800px;
}
.tingli_div .tingli_left{
	padding-top: 80px;
	width: 450px;
	position: absolute;
	height: 600px;
	left: 0;
	height: 550px;
	margin-top: 156px;
}
.tingli_div .tingli_left img{
	position: absolute;
	top: 0;
	left: 25px;
	z-index: 1;
}
.tingli_div .tingli_left canvas{
	position: absolute;
	top: 0;
	left: 24px;
	z-index: 2;
}
.tingli_btn{
	position: absolute;
	top: 450px;
	text-align: center;
	width: 100%;
	padding: 0px 60px;
	height: 100px;
	background: rgba(0,0,0,.2);
	line-height: 100px;
}
.tingli_btn i.icon-bofang,.tingli_btn i.icon-zanting{
	font-size: 80px;
	color: #504c23;
	cursor: pointer;
}
.tingli_btn i.icon-zanting{
	font-size: 70px;
}
.tingli_btn i.icon-shangyishou,.tingli_btn i.icon-xiayishou{
	font-size: 50px;
	margin-top: 12px;
	color: #504c23;
	cursor: pointer;
}
.tingli_btn i.icon-bofang:hover ,.tingli_btn i.icon-zanting:hover{
	color: #F56E0D;
}
.tingli_btn i.icon-shangyishou:hover ,.tingli_btn i.icon-xiayishou:hover{
	color: #F56E0D;
}
.tingli_right{
	width: 750px;
	padding-left: 100px;
	position: absolute;
	left: 500px;
	
	height: 800px;
	overflow-x:hidden ;
	overflow-y:auto ;
}
/******tingli end*****/
/*****tlz start******/
.red{
	opacity: 1;
	color: #f56e0d!important;
	font-weight: 700;
}
.du{
	opacity: .5;
}
.tlz_content{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 100px;
}
#lyricContainer1{
	width:700px;
	height: 600px;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	overflow: hidden;
	margin-top: 50px;
}
#lyricContainer p{
	line-height: 36px;
	color: #222;
}
.tlz_pan{
	width: 400px;
}
.tlz_pan img.pan{
	border: 5px solid #fff;
	border-radius: 50%;
	margin-top: 30px;
}
.tlzpan_box{
	margin-top: 150px;
	height: 400px;
	width: 400px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	background: #111;
	border-radius: 5px;
	text-align: center;
}
.tlzpan_box:hover{
	border: 2px solid #F56E0D;
}
.tlzpan_box .btn_box{
	padding: 0px 100px;
	margin-top: 20px;
}
.tlzpan_box .btn_box i{
	font-size: 30px;
	color: #FFFFFF;
}
.tlzpan_box .btn_box i.icon-bofang{
	font-size: 42px;
}
/*****tlz end******/
/*****shengzi_list start****/
.tingli_list_title{
	text-align: center;
	font-size: 28px;
	color: #5DC0FF;
	text-shadow: 0px 10px 10px rgba(0,0,0,.25);
	margin-top: 20px;
}
.tingli_list_ul{
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}
.tingli_list_ul li{
	width: 40%;
	margin: 0 5%;
	height: 70px;
	text-align: center;
	line-height: 70px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	font-size: 24px;
	border-left: 5px solid #5DC0FF;
	margin-bottom: 40px;
}
.tingli_list_ul li:hover{
	border-radius: 10px;
	border: 3px solid #E9E9E9;
}
.tingli_list_ul li a{
	color: #222;
}
/*****shengzi_list end****/
/*****shengzi start******/
.shengzi_ul{
	padding: 0px 300px;
	margin-top: 50px;
}
.shengzi_ul li{
	margin-right: 200px;
	display: block;
	position: relative;
	z-index: 1;
	width: 200px;
	text-align: center;
}
.shengzi_ul li:last-child{
	margin-right: 0px;
}
.shengzi_content{
	width: 1200px;
	margin: 0 auto;
	
}
.shengzi_ul li:first-child:after{
	content: "";
    width: 100%;
    border: 1px solid #ccc6c6;
    position: absolute;
    top: 50%;
    right: -100%;
    z-index: -1;
}
.shengzi_ul li a{
	display: block;
    padding: 15px 20px;
    background: #fff;
    font-size: 15px;
    font-weight: 600;
    color: #5DC0FF;
    text-transform: uppercase;
    border-radius: 0;
    margin-right: 0;
    border: 2px solid #5DC0FF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.shengzi_ul li.active a,.shengzi_ul li a:hover{
	color: #fff;
    border: 2px solid #5DC0FF;
     /*background:#956cae ;
	height: 100%;*/
     
}
.shengzi_ul li.active a{
	height: 100%;
    background:#5DC0FF ;
}
.shengzi_ul li a:hover:after{
	height: 100%;
    background:#5DC0FF ;
}
.shengzi_ul li a:after{
	content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.shengzi_box{
	display: none;
	margin-top: 50px;
	padding: 20px;
}
.shengzi_box.active{
	display: block;
}
.shengzi_lx{
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	border-radius: 4px;
}
.shengzi_lx .shengzilx_top{
}
.shengzi_lx .shengzilx_top span{
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	color: #222;
	border: 1px dashed #5DC0FF;
	margin: 10px 10px;
	cursor: pointer;
	font-weight: 700;
}
.shengzi_lx .shengzilx_top span.active{
	background: #5DC0FF;
	color: #fff;
}
.shengzilx_img{
	margin-top: 20px;
	padding-left: 20px;
}
.shengzilx_img p{
	height: 36px;
	line-height: 36px;
	color: #5DC0FF;
	
	font-weight: 700;
	font-size: 20px;
}
.shengzilx_zd p.title{
	height: 36px;
	line-height: 36px;
	color: #5DC0FF;
	
	font-weight: 700;
	font-size: 20px;
}
.shengzilx_zd{
	padding: 20px;
	display: none;
}
.shengzilx_zd.active{
	display: block;
}
.shengzilx_word .shengzilx_zd .xhzd dl dd{
	font-size: 14px;
	line-height: 36px;
	color: #222;
}
.shengzi_tx{
	min-height: 450px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1), 0px 0px 10px rgba(0,0,0,.11);
	border-radius: 4px;
}
.shengzitx_left{
	width: 748px;
}
.shengzitx_right{
	width: 360px;
	padding-top: 10px;
}
.shengzitx_left p.fl{
	width: 120px;
	position: relative;
	height: 120px;
	margin: 10px;
	cursor: pointer;
}
.shengzitx_left span.subject{
	display: none;
}
.shengzitx_left img{
	position: absolute;
	left: 0;
	top: 0;
}
.shengzitx_left span.text{
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	height: 120px;
	width: 120px;
	text-align: center;
	line-height: 30px;
	background: #5DC0FF;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	padding-top: 20px;
}
.shengzitx_left button.daan{
	height: 30px;
	line-height: 30px;
	width: 50px;
	text-align: center;
	background: rgba(0,0,0,.25);
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 14px;
}
.shengzitx_right #clearBtn{
	height: 32px;
	line-height: 32px;
	width: 70px;
	text-align: center;
	background: #5DC0FF;
	color: #FFFFFF;
	border: none;
	outline: none;
	float: right;
}
.shengzitx_right p{
	margin-bottom: 20px;
	color: #222;
	font-size: 14px;
}
/*****shengzi end******/
/*****danci start******/
#wrapper{
  width: 1200px;
  height: 900px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  overflow: hidden;
}

#left-side {
  height: 70%;
  width: 15%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#left-side ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 34px;
  color: rgba(51, 51, 51, 0.5);
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
}
#left-side ul li:hover {
  color: #333333;
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
}
#border {
  height: 288px;
  width: 1px;
  background-color: rgba(51, 51, 51, 0.2);
}
#border #line.one {
  width: 5px;
  height: 54px;
  background-color: #F56E0D;
  margin-left: -2px;
  margin-top: 88px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
#border #line.two {
  width: 5px;
  height: 54px;
  background-color: #F56E0D;
  margin-left: -2px;
  margin-top: 148px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
#right-side {
  height: 900px;
  width: 85%;
  overflow: hidden;
}
#right-side #first, #right-side #second{
	box-sizing: border-box;
  height: 900px;
  width: 100%;
  -webkit-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;
  margin-top: -900px;
  display: none;
 padding: 20px;
 overflow: auto;
}
#right-side #first.active, #right-side #second.active{
  margin-top: 0px;
  display: block;
  -webkit-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;
}
#right-side #first ul li{
	width: 140px;
	text-align: center;
	margin:10px;
}
#right-side #first ul li p.subject{
	margin-top: 10px;
	color: #222;
	height: 44px;
    font-size: 14px;
    line-height: 24px;
}
#right-side #first ul li p input{
	width: 70%;
	border: none;
	border-bottom: 1px solid #F56E0D;
	margin-top: 10px;
	outline: none;
	height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}
.select_word span{
	display: inline-block;
	height: 80px;
	padding:0px  20px;
	background-image: url(../img/star.png);
	background-size: 100% 100%;
	line-height: 80px;
	color: #FFFFFF;
	font-weight: 700;
	margin: 10px;
}
#right-side #first p.ruler{
	text-align: center;
	color: #333;
	margin: 20px 0px;
}
#right-side #first .jieshi p.title{
	font-size: 18px;
	color: #F56E0D;
	font-weight: 700;
}
#right-side #first .jieshi .jieshi_box{
	display: none;
}
#right-side #first .jieshi .jieshi_box.active{
	display: block;
}
#right-side #first .jieshi .jieshi_box p.top{
	margin-top: 20px;
}
#right-side #first .jieshi .jieshi_box p.top span{
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	width: 100px;
	text-align: center;
	margin-right: 20px;
	color: #222;
}
#right-side #first .jieshi .jieshi_box div{
	height: 36px;
	line-height: 36px;
}
#right-side #second ul li{
	width: 200px;
	height:220px;
	border: 1px solid #F56E0D;
	text-align: center;
	margin: 20px;
}
#right-side #second ul li span{
	display: inline-block;
	height: 30px;
	width: 80px;
	border-radius: 20px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.12), 0 1px 30px rgba(0, 0, 0, 0.24);
	margin-top: 20px;
	
}
#right-side #second ul li span img{
	margin-top: 5px;
}
#right-side #second ul li p{
	font-size: 24px;
	padding: 0px 20px;
	margin: 20px 0px;
	color: #222;
}
#right-side #second ul li p:nth-child(2){
	display: none;
}
#right-side #second ul li input{
	height: 36px;
	line-height: 36px;
	width: 160px;
	outline: none;
	border: none;
	border-bottom: 1px solid #F56E0D;
}
/*****danci end******/
/*****diandushow start*****/
.diandushow{
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	padding: 40px;
	background-image:url(../img/diandubg4.png) ;
	background-size:100% 100% ;
	height: 748px;
}
.diandushow_box{
	width: 500px;
	height: 668px;
	position: relative;
}
.diandushow_box img{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.24);
}
.diandushow_function,.diandushow_kuai{
	width: 310px;
	height: 668px;
	margin-top: -10px;
}
.diandushow_function img,.diandushow_kuai img{
	display: block;
	margin: 0 auto;
}
.diandushow_function ul,.diandushow_kuai ul{
	width: 300px;
	margin: 0 auto;
	border: 1px solid #c51824;
	padding: 20px;
	padding-top: 50px;
	margin-top: -60px;
}
.diandushow_function ul li,.diandushow_kuai ul li{
	height: 40px;
	line-height: 40px;
	width: 40%;
	margin: 20px 5%;
	text-align: center;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px rgb(161,8,18);
	border-radius: 5px;
	border: 1px solid rgb(161,8,18);
	cursor: pointer;
}
.diandushow_function ul li  p,.diandushow_kuai ul li  p{
	color:#c82933;
	font-weight: 700;
	font-size: 14px;
}
.diandushow_content{
	position: absolute;
	/*border: 1px solid #c51824;*/
	cursor: pointer;
}
.diandushow_content span{
	
	box-sizing: border-box;
	display: block;
	background: rgba(255,255,255,.5);
	width: 100%;
	line-height: 36px;
	padding: 0px 16px;
	color: #c51824;
	position: absolute;
	display: none;
}
#zsd_body,#tk_body,#kw_body,#kht_body{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
}
#zsd_body .title,#tk_body .title,#kw_body .title,#kht_body .title{
	line-height: 40px;
	font-weight: 700px;
	font-size: 14px;
	color: #fff;
	background: #c51824;
	border-radius: 5px;
	padding-left:20px ;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.12), 0 1px 30px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
}
#tk_body_body,#kw_body_body,#kht_body_body{
	margin-top: 20px;
}
/*****diandushow end*****/
/*****mp3_showny start****/
.mp3_showny_box{
	width: 1200px;
	margin: 20px auto;
	height: 700px;
	margin-bottom: 100px;
	
	position: relative;
	
}
.mp3_showny_bg{
	width: 1200px;
	height: 700px;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100% 100%;
	-webkit-filter: blur(4px);
       -moz-filter: blur(4px);
        -ms-filter: blur(4px);    
            filter: blur(4px); 
}
.rot_img{
	height: 300px;
	width: 300px;
	border-radius: 150px;
	border: 5px solid #fff;
	position: absolute;
	left: 100px;
	top: 50%;
	margin-top: -150px;
	box-shadow: 0px 0px 10px rgba(93,192,255,.5);
}
.mp3_showny_box i.icon-icon{
	color: #fff;
	font-size: 100px;
	position: absolute;
	left: 205px;
	top: 50%;
	margin-top: -40px;
	text-shadow: 0px 0px 10px rgba(0,0,0,.25);
}
.mp3_showny_box i.icon-zanting{
	color: #fff;
	font-size: 100px;
	position: absolute;
	left: 205px;
	top: 50%;
	margin-top: -50px;
	text-shadow: 0px 0px 10px rgba(0,0,0,.25);
}
.mp3_showny_box i:hover{
	color: #5DC0FF;
	cursor: pointer;
}
.rot_img:hover{
	border: 5px solid #5DC0FF;
}
.mp3_showny_div{
	height: 400px;
	width: 600px;
	position: absolute;
	right: 50px;
	top: 40px;
}
.mp3_showny_div img{
	display: none;
}
.mp3_showny_div span,.mp3_showny_div p,.mp3_showny_div div{
	font-size: 18px!important;
	line-height: 30px;
	color: #fff;
	font-weight: 600;
}
.mp3_showny_div span:hover{
	color: #5DC0FF;
	cursor: pointer;
}
.mp3_showny_box p.subject{
	text-align: center;
	font-size: 28px;
	color: #5DC0FF;
	position: absolute;
	left: 110px;
	top: 40px;
	width: 300px;
	line-height: 40px;
}
/*****mp3_showny end******/
/*****children_index start****/
.children_index_box{
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
}
.children_index_box ul li{
	width:360px;
	margin: 0 20px;
	height:320px ;
	background: #efefef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 40px;
}
.children_index_box ul li a{
	height: 100%;
	width: 100%;
}
.children_index_box ul li p.top{
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #222;
	padding: 0px 16px;
	border-bottom: 1px solid #ddd;
}
.children_index_box ul li img{
	margin: 20px 30px;
	border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.children_index_box ul li img:hover{
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.12), 0 1px 20px rgba(0, 0, 0, 0.24);
}
.children_index_title{
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #67b0d1;
	width: 1200px;
	margin: 20px auto;
	font-size: 32px;
	color: #fff;
}
.children_index_title span{
	font-size: 28px;
	font-weight: 200;
}
/*****children_index end****/
/*****qn_media_index start****/
.qn_index_top{
	height: 420px;
	margin: 0 auto;
	position: relative;
	margin-top: 40px;
	width: 1200px;
}
.qn_index_top img.channelimg{
	position: absolute;
	left: 0;
	top: 0;
}
.qn_index_top p{
	box-sizing: border-box;
	height: 60px;
	width: 100%;
	padding: 0px 20px;
	font-size: 24px;
	color: #fff;
	background: rgba(0,0,0,.25);
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 60px;
}
.qn_index_top img.channelplay{
	height: 120px;
	width: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
}
.qn_index_list{
	height: 40px;
	line-height: 40px;
	width: 1200px;
	margin: 0 auto;
	font-size: 24px;
	color: #333;
	margin-top: 30px;
	border-bottom: 2px solid #c41923;
}
.qn_index_list span{
	font-size: 16px;
	margin: 0 15px;
}
.qn_index_table{
	width: 1200px;
	margin: 0 auto;
	height: 40px;
	background: #f3f3f3;
	box-shadow: 0px 0px 10px rgba(0,0,0,.05) inset;
}
.qn_index_table span{
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.qn_index_table span:first-child{
	width: 200px;
}
.qn_index_table span:nth-child(2){
	width: 400px;
}
.qn_index_table span:nth-child(3){
	width: 600px;
}
.qn_index_ul{
	width: 1200px;
	margin: 0 auto;
}
.qn_index_ul li{
	height: 50px;
	line-height: 50px;
	background: #f7f7f7;
}
.qn_index_ul li span.num{
	display: inline-block;
	width: 100px;
	text-align: center;
	font-size: 20px;
	color: #222;
}
.qn_index_ul li img.bofang{
	width: 25px;
	margin-top: 12.5px;
	margin-right: 70px;
}
.qn_index_ul li span.subject{
	display: inline-block;
	width: 400px;
	font-size: 18px;
	color: #222;
}
.qn_index_ul li span.channelname{
	width: 600px;
	font-size: 18px;
	color: #444;
}
.qn_index_ul li:nth-child(2n){
	background: #FFFFFF;
}
.qn_index_ul li:hover{
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.12), 0 1px 20px rgba(0, 0, 0, 0.24);
}
/*****qn_media_index end****/
/*****children_media_index start****/
.children_madia_ul{
	width: 1200px;
	margin: 0 auto;
}
.children_madia_ul li{
	width: 220px;
	margin: 20px 10px;
	height: 120px;
	margin-bottom: 40px;
}
.children_madia_ul li .img_box{
	height: 200px;
	height: 140px;
	background: url(../img/qnbg.png);
	background-size: 100% 100%;
}
.children_madia_ul li .img_box img{
	height: 85%;
	width: 89%;
	margin-left: 9px;
	margin-top: 6px;
}
.children_madia_ul li p{
	text-align: center;
	font-size: 14px;
	color: #333;
}
.children_madia_ul li:hover .img_box{
	background: url(../img/qnbg1.png);
	background-size: 100% 100%;
}
/*****children_media_index end****/
/*****qn_song start****/
.qn_song_top{
	height: 540px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	
}
.qn_song_top .qn_song_bg{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
}
.qn_song_div{
	height: 120px;
	width: 1200px;
	background:rgba(0,0,0,.24);
	position:absolute;
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.qn_song_div .qn_song_play{
	width: 80px;
	height: 80px;
	margin: 20px;
	margin-left: 60px;
	margin-right: 40px;
}
.qn_song_center{
	margin-left: 30px;
	width: 700px;
	height: 120px;
}
.qn_song_center p{
	height: 60px;
	line-height: 80px;
	font-size: 22px;
	color: #fff;
}
.qn_song_center p span.fr{
	font-size: 16px;
}
.qn_song_center .process{
	margin-top: 10px;
	position: relative;
}
.process_total{
	width: 100%;
	height: 4px;
	border-radius: 10px;
	background: #504d23;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.process_now{
	width: 0%;
	height: 4px;
	border-radius: 10px;
	background: #cfcf5a;
	position: absolute;
	top: 0;
	left: 0;
}
.qn_song_center .dot{
	display: inline-block;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: #cfcf5a;
	position: absolute;
	top: -6px;
	left: 0%;
}
.qn_title{
	width: 1200px;
	margin: 0px auto;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	border-bottom: 2px solid #504d23;
	font-weight: 700;
}
.qn_song_ul{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
}
.qn_song_ul li{
	width: 300px;
	height: 80px;
	border: 1px solid #ddd;
	line-height: 80px;
	text-align: center;
	margin-left: -1px;
	margin-top: -1px;
}
.qn_song_ul li a{
	color: #333;
	font-size: 20px;
	width: 100%;
	height: 100%;
}
.qn_song_ul li:hover{
	background: #504d23;
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.12), 0 1px 20px rgba(0, 0, 0, 0.24);
}
.qn_song_ul li:hover a{
	color: #fff;
}
/*****qn_song start****/
/*****children_song start****/
.children_song_wenxue{
	width: 1100px;
	margin: 0 auto;
	padding: 20px ;
}
/*****children_song end****/
/*****children_video start****/
.children_video_div{
	width: 1200px;
	margin: 30px auto;
}
.children_video_left{
	width: 800px;
	background: #222;
	padding-top: 50px;
}
.children_video_left iframe,.children_video_left video{
	width: 100%!important;
}
.children_video_div .controls .process{
	height: 20px;
	position: relative;
	width: 86%;
	margin: 0 auto;
	margin-left: 20px;
	
}
.children_video_div .controls span{
	font-size: 14px;
}
.video_process_total{
	height: 10px;
	width: 100%;
	background: #dadada;
	position: absolute;
	left: 0;
	top: 0;
}
.video_process_now{
	height: 10px;
	width: 50%;
	background: #4285f4;
	position: absolute;
	left: 0;
	top: 0;
}
.video_dot{
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: #4285f4;
	position: absolute;
	left: 0%;
	top: -5px;
	margin-left: -5px;
}

i.videobo,i.icon-quanping{
	font-size: 36px;
	color: #5a5a5a;
}
.children_video_intro{
	min-height: 100px;
	padding: 10px;
	color: #fafafa;
}
.children_video_intro p.title{
	font-size: 16px;
}
.children_video_intro{
	font-size: 14px;
	line-height: 24px;
}
.children_video_right{
	width: 350px;
	background: #222;
	border-radius: 5px;
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.12), 0 1px 20px rgba(0, 0, 0, 0.24);
	
}
.children_video_right .title{
	height: 50px;
	line-height: 50px;
	color: #fafafa;
	padding: 0px 10px;
	border-bottom: 1px solid #fafafa;
}
.children_video_right ul li{
	height: 50px;
	line-height: 50px;
	background: #fafafa;
	font-weight: 700;
	background: #222;
	padding: 0px 10px;
}
.children_video_right ul li a{
	width: 100%;
	height: 100%;
	color: #fafafa;
}
.children_video_right ul li a i{
	float:right;
	font-size: 20px;
	margin-top: -3px;
	display: none;
}
.children_video_right ul li:hover i{
	display: block;
}

/*****children_video end****/
/*****��Ƕ��¼ start*******/
.ny_login_blockbg{
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
}
.ny_login_bg{
	height: 500px;
	width: 400px;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
	border-radius: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -350px;
	padding-top: 20px;
}
.ny_login_bg p.title{
	text-align: center;
	font-size: 24px;
	color: #c91a1a;
	font-weight: 700;
}
.ny_login_bg .username_p,.ny_login_bg .password_p{
	height: 40px;
	line-height: 40px;
	width: 320px;
	margin: 0 auto;
	border-radius: 40px;
	border: 1px solid #c91a1a;
	margin-top:40px;
	margin-bottom:20px;
	padding: 0px 10px;
}
.ny_login_bg .password_p{
	margin-top: 20px;
}
.ny_login_bg .username_p i,.ny_login_bg .password_p i{
	font-size: 24px;
	color: #c91a1a;
}
.ny_login_bg .username_p input,.ny_login_bg .password_p input{
	height: 36px;
	line-height: 36px;
	width: 80%;
	border: 0;
	outline: none;
	margin-top: -10px;
	margin-left: 10px;
}
.ny_login_bg p.title_small{
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	color: #222;
	font-weight: 700;
}
.ny_login_bg .remrember_p{
	font-size: 12px;
	width: 320px;
	margin: 0 auto;
}
.ny_login_bg .remrember_p input{
	margin-right: 5px;
}
.ny_login_bg .denglu_p{
	height: 40px;
	line-height: 40px;
	width: 320px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	
}
.ny_login_bg .denglu_p input,.ny_login_bg .denglu_p button{
	border-radius:40px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border: none;
	outline: none;
	background: #c91a1a;
	color: #fff;
	font-size: 16px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
}
.ny_login_bg .denglu_p button{
	background: #fff;
	border: 1px solid #c91a1a;
}
.ny_login_bg .denglu_p button a{
	color: #c91a1a;
}
.ny_login_bg .zhuce_div{
	width: 350px;
	margin: 0 auto;
	text-align: center;
}
.ny_login_bg .zhuce_div p{
	height: 36px;
	line-height: 36px;
	color: #222;
}
.ny_login_bg .zhuce_div p:first-child{
	font-size: 14px;
}
.ny_login_bg .zhuce_div p a{
	margin: 0px 10px;
}
.ny_login_bg .zhuce_div p a{
	color: #F56E0D;
}
.ny_login_bg .zhuce_div img{
	margin-left: 350px;
	margin-top: -200px;
	display: none;
}
.ny_login_blockbg{
	display: block;
}
/*****��Ƕ��¼ end*******/
/******relogin start*****/
.relogin_div{
	height: 600px;
	width: 1200px;
	background-image: url(../img/loginbg.png);
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
}
.relogin_login{
	height: 400px;
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -300px;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
}
.relogin_login .relogin_title{
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	margin-top: 10px;
	color: #222;
}
.relogin_login .relogin_left{
	width: 280px;
}
.relogin_login .relogin_right{
	width: 300px;
	padding-top: 30px;
}
.relogin_username,.relogin_password,.relogin_remember,.relogin_denglu{
	height: 40px;
	line-height: 40px;
	width: 240px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 0px 10px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24);
	margin-top: 20px;
	
}
.relogin_password{
	background: #7bb2ad;
}
.relogin_username i,.relogin_password i{
	font-size: 24px;
}
.relogin_password i{
	color: #fff;
}
.relogin_username input,.relogin_password input{
	width: 80%;
	height:36px;
	line-height: 40px;
	margin-top: -8px;
	border: none;
	outline: none;
}
.relogin_password input{
	background: #7bb2ad;
	
}
.relogin_password input::-webkit-input-placeholder{
	color: #eee;
}
.relogin_password input::-moz-placeholder{
	color: #eee;
} 
.relogin_password input::-ms-input-placeholder{
	color: #eee;
}
.relogin_remember{
	background: rgba(0,0,0,.0);
	box-shadow: none;
	font-size: 12px;
	margin-top: 0px;
}
.relogin_denglu input{
	width: 100%;
	border: none;
	outline: none;
	height: 40px;
	line-height: 40px;
	color: #7bb2ad;
	font-weight: 700;
	font-size: 20px;
	cursor: pointer;
}
.zhuce_relogin{
	width: 240px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}
.zhuce_relogin p{
	margin-bottom: 20px;
	color: #222;
	
}
.zhuce_relogin p a{
	color: #7BB2AD;
	font-weight: 700;
}
.zhuce_relogin img{
	display: none;
	margin-left: -530px;
	margin-top: -200px;
}
/******relogin end*****/
/*****diandupage start****/
.diandupage{
	width:500px;
	margin: 0 auto;
	height: 70px;
	margin-top: -54px;
}
.diandupage .prev_span{
	display: inline-block;
	height: 50px;
	width: 100px;
	background-image:url(../img/23aebf015111c3358fc346cb4766687b_08.png) ;
	background-size:100% 100% ;
	float: left;
}
.diandupage .prev_span a{
	width: 100%;
	height: 100%;
}
.diandupage .next_span a{
	width: 100%;
	height: 100%;
}
.diandupage .next_span{
	display: inline-block;
	height: 50px;
	width: 100px;
	background-image:url(../img/23aebf015111c3358fc346cb4766687b_09.png) ;
	background-size:100% 100% ;
	float: right;
}
/*****diandupage end****/
/*****biao_list start****/
.biaolist_title{
	width: 1200px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #222;
	border-bottom: 1px solid #222;
	
}
.biaolist_ul{
	width: 1200px;
	margin: 0 auto;
	background: #f4f4f4;
	min-height: 600px;
}
.biaolist_ul li{
	width: 250px;
	margin: 20px 25px;
	height: 300px;
	background: #fff;
}
.biaolist_ul li a{
	height: 100%;
	width: 100%;
}
.biaolist_ul li div.img_box{
	height: 200px;
}
.biaolist_ul li p.title{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	color: #222;
	border-bottom: 1px solid #ccc;
}
.biaolist_ul li .xinxi img{
	height: 30px;
	width: 30px;
	border-radius: 15px;
	margin-top: 10px;
}
.biaolist_ul li .xinxi {
	padding: 0px 10px;
	height: 50px;
	line-height: 50px;
}
.biaolist_ul li .xinxi span{
	font-size: 14px;
	margin-left: 10px;
	color: #666;
}
.biaolist_ul li:hover  div.img_box img{
	opacity: .7;
}
/*****biao_list end****/
/*****biao start******/
.biaoimg{
	width: 500px;
	height: 668px;
	margin: 0 auto;
	position: relative;
	margin-top: 40px;
}
.biaoimg img{
	height: 668px;
	width: 500px;
	position: absolute;
	top: 0;
	left: 0;
	border: 3px dashed #e3cb67;
	
}
.biaoimg_dian{
	position: absolute;
	z-index: 999999999;
}
.biaoimg_dian.active{
	border: 1px solid #e3cb67;
}
.biaopage{
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 900px;
	left: -200px;
	z-index: 9999;
}
.biaopage .prev-page{
	height: 60px;
	width: 140px;
	background-image:url(../img/biao_02.png) ;
	background-size: 100% 100%;
}
.biaopage .next-page{
	height: 60px;
	width: 140px;
	background-image:url(../img/biao_04.png) ;
	background-size: 100% 100%;
}
.biao_video,.biao_jiangjie{
	width: 900px;
	margin: 0 auto;
	margin-top: 20px;
}
.biao_video .biao_video_title,.biao_jiangjie .biao_jj_title{
	height: 40px;
	line-height: 40px;
	background: #e3cb67;
	color: #fff;
	margin-bottom: 20px;
	padding: 0px 20px;
	font-weight: 700;
}
.biao_video iframe{
	width: 100%!important;
	height: 500px!important;
}
/*****biao end******/
/*****szb_list start*****/
.search_div{
	width: 1200px;
	margin:0  auto;
	text-align: center;
	margin-top: 40px;
}
.search_div input{
	box-sizing: border-box;
	width: 500px;
	height: 40px;
	line-height: 40px;
	border: 2px solid #c51822;
	outline: none;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.search_div button{
	height: 40px;
	line-height: 40px;
	background: #C51822;
	color: #fff;
	padding: 0px 20px;
	font-size: 16px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.szb_list_box{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
}
.szb_list_box ul li{
	/*width: 8%;*/
	padding: 0px 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #F5F5F5;
	margin: 2%;
}
.szb_list_box ul li a{
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #222;
	font-weight: 700;
	font-family: "����";
	
}
.page{
	text-align: center;
	margin-top: 40px;
}
.page a{
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	font-size: 14px;
	background: #ffbc15;
	color: #fff;
	margin: 0px 5px;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.page a:first-child,.page a:nth-child(2),.page a:nth-child(13),.page a:nth-child(14){
	background: #c51822;
	color: #fff;
}
/*****szb_list end*****/
/*****szb_show start****/
.szb_show_top{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.szb_show_top .szb_show_top_img{
	width: 260px;
}
.szb_show_bottom,.szb_show_center{
	width: 1200px;
	margin: 0 auto;
}
.szb_show_bottom .bodyaudio{
	display: none;
}
.szb_show_bottom p.title,.szb_show_center p.title{
	height: 36px;
	line-height: 36px;
	background: rgba(39,147,28,1);
	padding: 0px 10px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 14px;
}
.szb_show_bottom p,.szb_show_bottom div,.szb_show_bottom span{
	line-height: 30px;
	color: #222;
}
.szb_show_top_jiben{
	width: 930px;
	margin-left: 10px;
}
.szb_show_center div dd{
	line-height: 30px!important;
	font-size: 16px!important;
	color: #222;
}
.szb_show_top_fayin p{
	height: 32px;
	line-height: 32px;
	padding: 0px 15px;
	font-size: 14px;
	color: #fff;
	background: #27931c;
	margin-right: 20px;
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.szb_show_top_fayin img{
	margin-top: 6px;
}
.szb_show_top_jibenbox dd{
	font-size: 16px!important;
	color: #222;
	line-height: 24px!important;
}
/*****szb_show end****/
/*****dcb_show start***/
.dcb_show_box{
	width: 800px;
	margin: 0 auto;
	background: #fff;
	height: 600px;
	border: 1px solid #f5a100;
	margin-top: 40px;
	padding: 20px;
}
.dcb_show_box p.top span{
	font-size: 32px;
	color: #222;
	margin-right: 10px;
	padding-bottom:20px ;
}
.dcb_show_box p.top{
	border-bottom: 1px solid #eee;
}
.dcb_show_box p.center{
	padding: 20px 0px;
	border-bottom: 1px solid #eee;
}
.dcb_show_box p.center span:first-child{
	color: #222;
	color: #f5a100;
}
.dcb_show_box p.center span:last-child{
	color: #222;
	font-size: 20px;
	margin-left: 20px;
}
.dcb_show_box div.bottom{
	padding: 20px 0px;
}
.dcb_show_box div.bottom span{
	color: #f5a100;
}
.dcb_show_box div.bottom{
	line-height: 30px;
	color: #222;
}
/*****dcb_show end***/
/*****tx_dz start*****/
.tx_dz_box{
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-top: 1px solid #c51923;
	margin-top: 20px;
	height: 600px;
	overflow: auto;
}
.tx_dz_left{
	width: 200px;
	background: #F05A77;
	height: 520px;
	overflow: auto;
}
.tx_dz_box p.title{
	line-height: 50px;
	font-size: 14px;
	color: #222;
}
.tx_dz_box .tx_dz_left ul li{
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-bottom: 10px;
	background: rgba(0,0,0,.05);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
.tx_dz_box .tx_dz_left ul li.active{
	background: rgba(255,255,255,.8);
	color: #222;
}
.tx_dz_box .tx_dz_right{
	width: 672px;
	margin-left: 20px;
	margin-top:-50px ;
	height: 580px;
	overflow: auto;
}
.tx_dz_title{
	text-align: center;
	font-size: 24px;
	color: #c51923;
	line-height: 50px;
	margin: 20px 0px;
}
.tx_dz_jiexi_box{
	display: none;
}
.tx_dz_jiexi_box.active{
	display: block;
}
.tx_dz_set{
	width: 260px;
	margin-left: 20px;
	background: rgba(240,90,119,.5);
	margin-top: -50px;
	height: 580px;
	overflow: auto;
}
.tx_dz_set .title{
	padding-left: 20px;
	background: #fff;
}
.tx_dz_set div{
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
}
.tx_dz_set div span{
	font-size: 14px;
	color: #222;
	margin-right: 10px;
}
.tx_dz_set div  select {
	width: 100px;
}
.tx_dz_set button{
	display: block;
	height: 40px;
	text-align: center;
	width: 80%;
	background: #c51923;
	color: #fff;
	margin: 0 auto;
	margin-top: 50px;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.tx_dz_get_box{
	display: none;
}
.tx_dz_get_topplay{
	padding: 0px 200px;
	text-align: center;
	line-height: 200px;
}
.tx_dz_get_topplay span{
	font-size: 40px;
	color: #fff;
	padding: 20px;
	background: #f05a77;
}
.tx_dz_get_topplay i{
	font-size: 40px;
	color: #f05a77;
	cursor: pointer;
}
.tx_dz_get_xsda{
	width: 600px;
	margin: 0 auto;
	position: relative;
	height: 300px;
	cursor: pointer;
}
.tx_dz_get_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/xsda.png);
	background-size: 100% 100%;
}
/*****tx_dz end*****/
/*****tpsf start*****/
.tpsf_title{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	color: #c31823;
	line-height: 50px;
	margin-top: 20px;
	text-shadow:0px 0px 20px #c31823;
       margin-bottom: 20px;
}
.tpsf_imgbox{
	width: 1000px;
	margin: 0 auto;
}
.tpsf_imgbox img{
	border: 2px solid #c31823;
}
.tpsf_body{
	width: 1000px;
	margin: 0 auto;
	line-height: 30px;
	font-size: 14px;
	color: #222;
	margin-top: 20px;
}
/*****tpsf end*****/
/*****tpsf_list start*****/
.tpsf_list_ul{
	width: 1200px;
	margin: 0 auto;
	height: 80px;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
	border-radius: 10px;
	margin-top: 20px;
	overflow: auto;
}
.tpsf_list_ul li{
	height: 50px;
	line-height: 50px;
	width: 100px;
	text-align: center;
	font-weight: 700;
	margin: 0px 20px;
	margin-top: 10px;
	color: #222;
}
.tpsf_list_ul li.on{
	color: #c41923;
	border-bottom: 2px solid #c41923;
}
.tpsf_list_box{
	width: 1200px;
	margin: 0 auto;
	min-height: 500px;
}
.tpsf_box {
	width: 200px;
	height: 170px;
	margin: 20px 20px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
	
}
.tpsf_box a{
	width:100%;
        height:100%;
}
.tpsf_box .tpsf_box_img{
	width: 90%;
	margin: 10px 5%;
	height: 120px;
	border-radius: 20px;
	overflow: hidden;
}
.tpsf_box p{
	box-sizing: border-box;
	padding-left: 5%;
	color: #222;
	font-size: 14px;
	
}
.tpsf_box:hover{
	box-shadow: 0 2px 10px 0 rgba(196,25,35,0.14),0 1px 20px 0 rgba(196,25,35,0.12),0 3px 10px -2px rgba(196,25,35,0.2);
	
}
/*****tpsf_list end*****/
/*****tiku_list start*****/
.tiku_list_top {
	width: 1200px;
	height: 200px;
	border: 1px solid #000;
	padding: 10px;
	margin: 10px auto;
}
.tiku_list_top img{
	box-shadow: 0px 0px 20px rgba(0,0,0,.23);
}
.tiku_list_ul {
	width: 1200px;
	margin: 30px auto;
}
.tiku_list_ul li{
	height: 100px;
	border: 1px solid #eee;
	padding: 20px;
}
.tiku_list_ul li a{
	width: 100%;
	height: 100%;
}
.tiku_list_ul li p{
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	margin-left: 10px;
	color: #222;
}
.tiku_list_ul li span{
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	margin-top: 10px;
	background: #eee;
	color: #222;
}
.tiku_list_ul li:hover{
	border: 1px solid #f8d18a;
}
.tiku_list_ul li:hover span{
	background: #f8d18a;
}
/*****tiku_list end*****/
/*****tiku_option start******/
.tiku_option_box{
	width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
.tiku_option_box_left{
	width: 70%;
	background: #f5f5f5;
	/*padding-top: 20px;*/
}
.tiku_option_right{
	width: 28%;
	background: #F5F5F5;
	padding: 20px;
}
.tiku_option_box_left .tiku_title{
	text-align: center;
	color: #222;
	line-height: 50px;
	height: 50px;
	font-size: 18px;
	margin-bottom: 20px;
	background: #f8d18a;
	color: #222;
}
.tiku_option_ul{
	padding: 20px;
	cursor: pointer;
}
.tiku_option_ul li{
	padding: 20px;
	border: 1px solid #f8d18a;
	margin-bottom: 16px;
}
.tiku_option_ul li .ti{
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 16px;
	background-size: 100% 100%;
}
.tiku_option_ul li .ti p.title span{
	display: inline;
}
.tiku_option_ul li .ti p,.tiku_option_ul li .ti img,.tiku_option_ul li .ti span,.tiku_option_ul li .ti div{
	background: rgba(0,0,0,.0)!important;
}
.tiku_option_ul li .answer_analysis p,.tiku_option_ul li .answer_analysis span,.tiku_option_ul li .answer_analysis div ,.tiku_option_ul li .answer_analysis  h1{
	background: rgba(0,0,0,.0)!important;
	border: 0px!important;
	font-size: 12px!important;
}
.tiku_option_ul li .ti .option_box p{
	line-height: 36px;
	font-size: 14px;
	color: #222;
}
.tiku_option_ul li .ti .option_box p span{
	display: inline;
	padding: 0px 10px;
	border-radius: 50%;
}
.tiku_option_ul li .ti p.title{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
}
.tiku_option_ul li .answer{
	height: 50px;
	margin-top: 10px;
}
.tiku_option_ul li .answer span{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 8px;
	background: #f8d18a!important;
	color: #fff;
	font-size: 12px;
	padding: 0px 16px;
	margin-right: 10px;
	font-weight: 500;
	border-radius: 5px;
}
.tiku_option_ul li .answer b{
	font-size: 18px;
	margin-left: 20px;
}
.tiku_option_ul li .analysis{
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.answer_analysis{
	height: 0;
	overflow: hidden;
	
}
.tiku_option_ul li .hideans{
	color: #222;
	font-size: 14px;
	font-weight: 700;
}
.tiku_relative_ul li p{
	line-height: 26px;
	font-size: 14px;
	padding: 10px 0px;
}
.tiku_relative_ul li:hover p{
	color: #f8d18a;
}

/*****tiku_option end******/
.tiku_blank_ul{
	padding: 20px;
	cursor: pointer;
}
.tiku_blank_ul li{
	border: 1px dashed #f8d18a;
	margin-bottom: 10px;
}
.tiku_blank_ul li div.tiku_blank_ti{
	padding: 10px;
	line-height: 24px;
	color: #333;
}
.tiku_blank_ul li .tiku_blank_btn button{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 8px;
	background: #f8d18a;
	color: #fff;
	font-size: 12px;
	padding: 0px 30px;
	margin-right: 10px;
	font-weight: 500;
	border-radius: 5px;
	outline: none;
}
.tiku_blank_ul li .tiku_blank_answer{
	background: #bef3d9;
	margin-top: 16px;
	padding: 5px;
	height: 0px;
	overflow: hidden;
	font-size: 12px!important;
	line-height: 24px!important;
	color: #222;
}
.tiku_blank_ul li .tiku_blank_answer p,.tiku_blank_ul li .tiku_blank_answer span,.tiku_blank_ul li .tiku_blank_answer div,.tiku_blank_ul li .tiku_blank_answer h1{
	background: rgba(0,0,0,.0)!important;
	border: 0px!important;
	font-size: 12px!important;
}
/*******填空问答题 end*****/
.tiku_multiple_ul{
	padding: 20px;
	cursor: pointer;
}
.tiku_multiple_ul li{
	padding: 16px;
	border: 1px solid #f8d18a;
	margin-bottom: 16px;
}
.tiku_multiple_ul li .ti{
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 16px;
	background-size: 100% 100%;
}
.tiku_multiple_ul li .ti p.title span{
	display: inline;
}
.tiku_multiple_ul li .ti p,.tiku_multiple_ul li .ti img,.tiku_multiple_ul li .ti span,.tiku_multiple_ul li .ti div{
	background: rgba(0,0,0,.0)!important;
}
.tiku_multiple_ul li .ti .option_box p{
	line-height: 36px;
	font-size: 14px;
	color: #222;
}
.tiku_multiple_ul li .ti .option_box p span{
	padding: 0px 10px;
	border-radius: 50%;
	display: inline;
}
.tiku_multiple_ul li .ti p.title{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #222;
}
.tiku_multiple_ul li .ti button{
	height: 36px;
	line-height: 36px;
	width: 100%;
	background: #f8d18a;
	color: #fff;
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	outline: none;
}
.tiku_multiple_ul li .answer{
	height: 50px;
	margin-top: 10px;
}
.tiku_multiple_ul li .answer span{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 8px;
	background: #f8d18a;
	color: #fff;
	font-size: 12px;
	padding: 0px 16px;
	margin-right: 10px;
	font-weight: 500;
	border-radius: 5px;
}
.tiku_multiple_ul li .answer b{
	font-size: 18px;
	margin-left: 20px;
}
.tiku_multiple_ul li .analysis{
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.tiku_multiple_ul li .hideans{
	color: #222;
	font-size: 14px;
	font-weight: 700;
}
/*******book_audio_list******/
.book_audio_list{
	width: 1200px;
	margin: 0px auto;
}
.book_audio_list li{
	width: 15%;
	margin: 20px 2.5%;
}
.book_audio_list li a{
	display: block;
	height: 100%;
	width: 100%;
}
.book_audio_list li img{
	width: 100%;
	border-radius: 2px;
}
.book_audio_list li p{
	height: 60px;
	line-height: 26px;
	color: #222;
	margin-top: 5px;
}
.book_audio_list li:hover img{
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.book_audio_list_box{
	height: 50px;
	background: #F8F8FA;
}
.book_audio_list_nav{
	width: 1200px;
	margin: 0px auto;
}
.book_audio_list_nav img{
	height: 20px;
	margin-top: 15px;
}
.book_audio_list_nav span{
	height: 50px;
	line-height: 50px;
	color: #14ABFA;
	font-size: 18px;
	margin-left: 10px;
}
/*******book_audio_intro*******/
.book_audio_intro_topbox{
	width: 1200px;
	margin: 20px auto;
}
.book_audio_intro_topbox img{
	width: 200px;
}
.book_audio_intro_topbox div.fl{
	width: 1000px;
	padding-left: 20px;
	box-sizing: border-box;
}
.book_audio_intro_topbox div.fl p.title{
	font-size: 20px;
	color: #000;
	font-weight: 700;
	line-height: 50px;
}
.book_audio_intro_topbox div.fl p.author{
	font-size: 16px;
	line-height: 30px;
}
.book_audio_intro_topbox div.fl p.ljyd a{
	height: 40px;
	line-height: 40px;
	background: #40BAFA;
	padding: 0px 40px;
	font-size: 14px;
	color: #fff;
	margin-top: 50px;
}
.book_audio_intro_content{
	width: 1200px;
	margin: 20px auto;
}
.book_audio_intro_content p.title{
	font-weight: 700;
	color: #222;
	margin-top: 20px;
}
.book_audio_intro_content .jieshao{
	font-size: 15px;
	color: #222;
	line-height: 26px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 100px;
	border-bottom: 1px solid #E6E6E7;
}
.book_audio_intro_mulu{
	margin-top: 10px;
}
.book_audio_intro_mulu ul li p{
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
	color: #222;
	border-bottom: 1px solid #f7f7f7;
}
.book_audio_intro_mulu ul li p span{
	color: #40BAFA;
	margin: 0px 5px;
}
.book_audio_intro_mulu ul li a{
	box-sizing: border-box;
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	color: #222;
}
/******book_aduio_read******/
.book_audio_read_box{
	width: 1200px;
	margin: 0px auto;
	padding: 20px;
	
}
.book_audio_read_topbox{
	height: 80px;
	background: #F7F7F7;
	padding: 0px 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
}
.book_audio_read_topbox .book_audio_read_zhangjie{
	font-size: 12px;
	color: #CCC6C6;
	line-height: 80px;
}
.book_audio_read_bottombox {
	padding:20px;
}
.book_audio_read_bottombox .book_audio_read_title{
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	color: #222;
}
.book_audio_read_bottombox .book_audio_read_author{
	font-size: 14px;
	line-height: 30px;
	color: #AAAAAA;
}
.book_audio_read_bottombox .book_audio_read_content{
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
	color: #222;
}
.book_audio_read_audio_mulu{
	text-align: center;
	margin: 20px 0px;
}
.book_audio_read_audio_mulu a{
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	margin:20px;
	font-size: 14px;
}
.book_audio_read_audio_mulu{
	border-top: 1px solid #F2EEE7;
}
.book_audio_read_audio_box{
	height: 40px;
	width: 600px;
	margin-top: 20px;
}
.book_audio_read_audio_process{
	width: 400px;
	position: relative;
	height: 40px;
}
.book_audio_read_audio_process .process_total{
	width: 100%;
	height: 10px;
	position: absolute;
	top: 15px;
	border: 1px solid #40BAFA;
	border-radius: 5px;
	background: rgba(0,0,0,0);
}
.book_audio_read_audio_process .process_now{
	height: 5px;
	background: #40BAFA;
	border-radius: 2.5px;
	position: absolute;
	top: 17.5px;
}
.book_audio_read_audio_miao{
	margin: 0px 20px;
}
.book_audio_read_audio_miao p{
	font-size: 12px;
	height: 40px;
	line-height: 40px;
}
.book_audio_read_audio_miao p span{
	font-size: 12px;
}
.book_audio_read_audio_controls img{
	height: 30px;
	margin-top: 5px;
}
.book_audio_read_audio_controls span{
	line-height: 40px;
	color: #40BAFA;
	margin-right: 10px;
}
/*******题库帅选*****/
.chan_select_sebox_top{
	width: 1200px;
	margin: 0px auto;
	margin-top: 20px;
}
.chan_select_sebox_top .nianji{
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.chan_select_sebox_top .nianji p span{
	font-weight: 700;
	color: #222;
}
.chan_select_sebox_top .nianji .nianjidiv p{
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	cursor: pointer;
	margin: 0px 10px;
}
.chan_select_sebox_top .nianji .nianjidiv p.on{
	background: #C51822;color: #fff;
	
}