body {
	color: #797979;
	font-family: "Monospaced Number", Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
	padding: 0px !important;
	margin: 0px !important;
	font-size: 14px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

::selection {
	background: #48cfad;
	color: #fff;
}

::-moz-selection {
	background: #48cfad;
	color: #fff;
}

a {
	color: #444e67
}

a:hover {
	color: #48cfad
}

li {
	list-style: none;
}

img {
	height: 100%;
	width: 100%;
}


.section {
	margin-top: -72px;
	position: relative;
	width: 1920px;
	height: auto;
	background-color: #eff8fa;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}
.play_video_btn{
	background: url(../images/index/dept1/video_btn.png);
	background-size: 100% 100%;
	height: 90px;
    width: 90px;
    position: absolute;
    margin-top: -191px;
    margin-left: 211px;
	cursor: pointer;
}

.left_zhe_dng{
	height: 1080px;
	width: 0px;
	background: #fff;
	position: absolute;
	z-index: 22;
	top: 0;
}


.dept_1 {
	height: 1080px;
	width: 1920px;
	margin: auto;
	position: relative;
}

.dept_1 .vbg{
	width: 100%;
	height: 1080px;
}
.dept_1 .vbg video {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 130%;
    height: 1080px;
    transform: translate(-61.6%,-50%);
    -o-object-fit: cover;
    object-fit: cover;
}
.dept_1 .dp1_main {
	margin-top: -1080px;
	height: 1080px;
	position: absolute;
	width: 766px;
	right: 0px;
}

.dept_1 .gw_slts_dv {
	height: 59px;
	width: 680px;
	float: right;
	margin-top: 30px;
	margin-right: 180px;
}

.dept_1 .ts_yy_dv {
	float: right;
}

.dept_1 .to_home_btn {
    background: url(../images/index/dept1/to_home_btn.png);
    width: 288px;
    height: 67px;
    float: left;
    background-size: 100% 100%;
		 margin-left:19rem;
}
.dept_1 .to_xwhd_btn {
    background: url(../images/index/dept1/mqiangjinjiu.png);
	width: 110px;
	height:100px;
	float: left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
		 

.dept_1 .slts_btn {
	background: url(../images/index/dept1/slts_btn.png) 100% 100%;
	width: 87px;
	height: 113px;
	margin-bottom: 18px;
	cursor: hand;
}


.dept_1 .main_cd {
	width: 600px;
	height: 725px;
	margin-right: 130px;
}

.dept_1 .main_cd .logo_dv_til {
	width: 600px;
	height: 176px;
	margin-top: 190px;
	margin-bottom: 22px;
}

.dept_1 .main_cd .logo_dv {
	width: 310px;
	height: 140px;
	margin: auto;
}

.dept_1 .main_cd .logo_til {
	height: 40px;
	width: 492px;
	margin: auto;
}

.dept_1 .main_cd .video_dv {
	width: 520px;
    height: 300px;
    padding: 4px;
    margin: auto;
	background: url(../images/index/dept1/big_img_bg.png);
	background-size: 100% 100%;
}
.dept_1 .main_cd .video_dv .dept_1_player{
	width: 810px;
	height: 460px;
}
.dept_1 .main_cd .yu_yue_xia_zai {
	width: 602px;
	margin: 7px auto 0;
	height: 105px;
}

.dept_1 .main_cd .yu_yue_xia_zai .yxyy_btn {
	height: 97px;
    width: 300px;
    background: url(../images/index/dept1/yu_yue_btn.png);
    background-size: 100% 100%;
    float: left;
}
.dept_1 .main_cd .yu_yue_xia_zai .xzq_btn {
	height: 97px;
    width: 300px;
    background: url(../images/index/dept1/pc_leidian.png);
    background-size: 100% 100%;
    float: left;
}

.dept_1 .main_cd .yu_yue_xia_zai .yxxz_btn {
	height: 97px;
    width: 300px;
    background: url(../m/img/m_p1/h5_anzhuo.png);
    background-size: 100% 100%;
    float: left;
    margin-left: 0px;   
	cursor: pointer;
}

.dept_1 .main_cd .yqm_txt {
	width: 545px;
	height: 52px;
	background: url(../images/index/dept1/yqm_dv_bg.png);
	background-size: 100% 100%;
	line-height: 52px;
	text-align: center;
	color: #efd7a4;
	font-family: monospace;
	font-size: 32px;
	margin: 0 auto;
}

.dept_1 .main_cd .link_list {
	height: 40px;
	width: 500px;
	margin: 27px auto 0;
}

.dept_1 .main_cd .link_list ul {
	height: 40px;
}

.dept_1 .main_cd .link_list li {
	height: 40px;
	width: 40px;
	float: left;
	margin: 0px 26px;
}

.dept_1 .main_cd .link_list li:first-child {
	margin-left: 0px;
}

.dept_1 .main_cd .link_list li:last-child {
	margin-right: 0px;
}

.dept_1 .prism-player .prism-big-play-btn {
	background: url(../images/index/dept1/video_btn.png) no-repeat;
	background-size: contain;
	width: 136px;
	height: 136px;
	left: 334px !important;
	bottom: 158px !important;
}

.dept_1 .link_list li:hover .dtl_dv {
	display: block;
}

.dept_1 .link_list li .dtl_dv {
	height: 191px;
	width: 460px;
	display: none;
	background: url(../images/index/dept1/ico_show_bg.png);
	background-size: 100% 100%;
	margin-top: 20px;
	margin-left: -180px;
	z-index: 100;
    position: relative;
}

.dept_1 .dtl_ewm {
	height: 161px;
	width: 161px;
	float: left;
	margin-top: 20px;
	margin-left: 22px;
}

.dept_1 .dtl_til_txt {
	float: right;
	margin-right: 38px;
	margin-top: 40px;
}

.dept_1 .dtl_til {
	color: #000;
	font-size: 28px;
	font-family: monospace;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.dept_1 .dtl_txt {
	color: #000;
	font-size: 17px;
	text-align: center;
	height: 60px;
	line-height: 32px;
	width: 205px;
	margin: 12px auto;
}








.dept_234 {
	width: 1920px;
	height: 4109px;
	background: url(../images/index/dept2/dept2_bg.png);
	margin: -12px auto 0;
}

.dept_2 {
	height: 1296px;
	width: 1920px;
	margin-bottom: 100px;
	margin-top: -4109px;
}

.dept_2 .left_img_til_text {
	height: 900px;
	width: 740px;
	margin-top: 134px;
	margin-left: 197px;
}

.dept_2 .left_img_til_text .dp2_video {
	width: 735px;
	height: 419px;
	border: 2px #fff solid;
	padding: 4px;
}
.dept_2 .play_gif_btn{
	background: url(../images/index/dept1/video_btn.png);
	background-size: 100% 100%;
	height: 138px;
    width: 139px;
    position: absolute;
    margin-top: -280px;
    margin-left: 300px;
	cursor: pointer;
}

.dept_2 .left_img_til_text .dz_gif {
	height: 406px;
	width: 723px;
}

.dept_2 .left_img_til_text .dz_gif img {
	height: 100%;
	width: 100%;
}

.dept_2 .left_img_til_text .video-open {
	background: url(../images/index/dept2/video_btn.png) no-repeat;
	background-size: contain;
	width: 115px;
	height: 115px;
	margin-top: -255px;
	margin-left: 295px;
	position: absolute;
}

.dept_2 .left_img_til_text .dp2_title {
	height: 145px;
	margin-top: 48px;
}

.dept_2 .left_img_til_text .dp2_text {
	height: 200px;
	width: 531px;
	color: #f1f1f1;
	font-size: 17px;
	line-height: 29px;
	margin-top: 80px;
	letter-spacing: 2px;
}

.dept_2 .left_img_til_text .dp2_title .til_img {
	float: left;
	width: 338px;
	height: 145px;
}

.dept_2 .left_img_til_text .dp2_title .til_img img {
	height: 100%;
	width: 100%;
}

.dept_2 .left_img_til_text .dp2_title .til_ico {
	float: left;
	width: 30px;
	height: 53px;
	background: url(../images/index/dept2/chuan_cheng.png) 100% 100%;
}

/* 本例子css */
.dept_2 .slideBox {
	width: 870px;
	height: 1000px;
	overflow: hidden;
	position: relative;
	border: 0px solid #ddd;
	float: right;
	margin-top: -890px;
	margin-right: 130px;
}
.dept_2 .zhe_dang_hd{
	height: 150px;
	width: 100%;
	margin-top: -150px;
	position: absolute;
}
.dept_2 .hd {
	height: 150px;
	overflow: hidden;
	width: 1260px;
	margin: auto;
	margin-top: 162px;
}

.dept_2 .hd ul {
	overflow: hidden;
	zoom: 1;
}

.dept_2 .hd ul li:first-child {
	margin-left: 15px;
}

.dept_2 .hd ul li {
	float: left;
	margin-right: 2px;
	width: 128px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	cursor: pointer;
}

.dept_2 .rotate {
	transform: rotate(0deg);
	transition: transform 1s;
	height: 128px;
}

.dept_2 .hd ul li.on img {
	height: 128px;
}

.dept_2 .hd ul li.on img {
	/* transform: rotate(360deg); */
	transform: scale(1.1);
	/* 图片放大倍数 */
	transition: transform 0.3s ease;
	/* 过渡时间和效果 */
}

.dept_2 .hd ul .dp2_jian_ge {
	float: left;
	background: url(../images/index/dept2/dp2_jian_ge.png)no-repeat;
	height: 35px;
	width: 122px;
	margin: 52px 13px 0;
}

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

.dept_2 .slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 870px;
	height: 1000px;
}

.dept_2 .slideBox .bd img {
	display: block;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.dept_2 .slideBox .prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 95px;
	height: 95px;
	background: url(../images/index/dept2/leftBox_btn.png)no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.dept_2 .slideBox .next {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 95px;
	height: 95px;
	background: url(../images/index/dept2/rightBox_btn.png) no-repeat;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.dept_2 .slideBox .prev:hover,
.dept_2 .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.dept_2 .slideBox .prevStop {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.dept_2 .slideBox .nextStop {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.dept_2 .prism-player .prism-big-play-btn {
	background: url(../images/index/dept2/video_btn.png) no-repeat !important;
	background-size: contain;
	width: 115px !important;
	height: 115px !important;
	left: 320px !important;
	bottom: 155px !important;
	;
}

.dept_2 .prism-player .prism-cover {
	width: 723px !important;
	height: 406px !important;
	background-size: 100% 100% !important;
}





.dept_3 {
	height: 1450px;
	width: 1920px;
	background: url(../images/index/dept3/dept3_bg.png);
	margin-bottom: 100px;
}

.dept_3 .right_ren_wu {
	height: 1538px;
    width: 1051px;
    float: left;
    margin-top: -120px;
    background: url(../images/index/dept3/dept3_ren_wu.png);
	background-size: 100% 100%;
}

.dept_3 .dept3_tile {
	width: 935px;
	height: 343px;
	position: absolute;
	right: 83px;
	margin-top: 220px;
}

.dept_3 .dept3_tile img {
	height: 100%;
	width: 100%;
}

.dept_3 .video_dv {
	height: 642px;
	width: 1127px;
	padding: 6px;
	border: #fff 2px solid;
	margin-top: 631px;
	position: absolute;
	right: 83px;
}
.dept_3 .video_dv .dept_1_player{
	height: 630px;
	width: 1111px;
}
.dept_3 .play_video_btn,.dept_4 .play_video_btn{
	margin-top: -380px !important;
	margin-left: 476px !important;
}

.dept_4 {
	height: 1450px;
	width: 1920px;
	background: url(../images/index/dept4/dept4_bg.png);
	margin-bottom: 100px;
}

.dept_4 .right_ren_wu {
	height: 1420px;
	width: 1170px;
	float: right;
	margin-top: 30px;
	background: url(../images/index/dept4/dept4_ren_wu.png);
}

.dept_4 .dept4_tile {
	width: 935px;
	height: 343px;
	position: absolute;
	margin: 221px 0px 0px 218px;
}

.dept_4 .dept4_tile img {
	height: 100%;
	width: 100%;
}

.dept_4 .video_dv {
	height: 642px;
	width: 1127px;
	padding: 6px;
	border: #fff 1px solid;
	margin-top: 631px;
	position: absolute;
	margin-left: 76px;
}
.dept_4 .video_dv .dept_1_player{
	height: 630px;
	width: 1111px;
}

.prism-player .prism-big-play-btn {
	background: url(../images/index/dept4/video_btn.png) no-repeat;
	background-size: contain;
    width: 135px;
    height: 135px;
    left: 336px !important;
    bottom: 142px !important;
}

.prism-player .prism-big-play-btn .outter {
	border: 0px;
}

.dept_5 {
	height: 876px;
	width: 1744px;
	margin: 0 auto 100px;
}

.dept_5 .back_img {
	background: url(../images/index/dept5/dept5_bg.png);
	background-size: 100% 100%;
	height: 748;
	width: 1744px;
}

.dept_5 .sjg_list {
	width: 1595px;
	height: 808px;
	margin: -680px auto 0;
}

.dept_5 .sjg_list ul {
	height: 808px;
}

.dept_5 .sjg_list ul li:first-child {
	margin-left: 0;
}

.dept_5 .sjg_list ul li {
	float: left;
	height: 808px;
	width: 508px;
	background: url(../images/index/dept5/dept5_li_bg.png);
	background-size: 100% 100%;
	margin-left: 35px;
}

.dept_5 .sjg_list ul li:last-child {
	margin-left: 0;
	float: right;
}

.dept_5 .sjg_list ul li .top_one {
	height: 564px;
	width: 494px;
	margin: auto;
}

.dept_5 .sjg_list ul li .top_one img {
	height: 100%;
	width: 100%;
}

.dept_5 .sjg_list ul li .title_one {
	height: 70px;
	width: 325px;
	margin: 33px auto 23px;
}

.dept_5 .sjg_list ul li .title_one img {
	height: 100%;
	width: 100%;
}

.dept_5 .sjg_list ul li .dp5_jian_ge {
	height: 3px;
	width: 340px;
	margin: auto;
	background: url(../images/index/dept5/jian_ge.png);
	background-size: 100% 100%;
}

.dept_5 .sjg_list ul li .text_one {
	font-size: 32px;
	font-family: monospace;
	color: #000;
	text-align: center;
	font-weight: bold;
	margin-top: 13px;
}






.dept_6 {
	width: 1576px;
	margin: 0 auto;
	height: 818px;
}

.dept_6 .top_line {
	background: url(../images/index/dept6/dept6_line.png);
	background-size: 100% 100%;
	height: 34px;
	width: 1576px;
	margin: 0 auto;
}

.dept_6 .ed_ewm_list {
	height: 635px;
	margin-top: 61px
}

.dept_6 .ed_ewm {
	height: 635px;
	width: 487px;
	background: url(../images/index/dept6/dp6_bg.png);
	background-size: 100% 100%;
	float: left;
}

.dept_6 .tap_dv {
	float: right;
}

.dept_6 .dy_dv {
	margin-left: 58px;
}

.dept_6 .til_dv {
	width: max-content;
	height: 128px;
	line-height: 128px;
	margin: auto;
}

.dept_6 .center_line {
	width: 455px;
	height: 2px;
	background: url(../images/index/dept6/dept6_line_center.png);
	background-size: 100%;
	margin: 0 auto;
}

.dept_6 .wx_dv .ico_img {
	background: url(../images/index/dept6/wx_ico.png);
	background-size: 100%;
	height: 69px;
	width: 81px;
	float: left;
	margin-top: 42px;
}

.dept_6 .dy_dv .ico_img {
	background: url(../images/index/dept6/dou_yin_ico.png);
	background-size: 100%;
	height: 50px;
	width: 43px;
	float: left;
	margin-top: 52px;
}

.dept_6 .tap_dv .ico_img {
	background: url(../images/index/dept6/tap_ico.png);
	background-size: 100%;
	height: 55px;
	width: 55px;
	float: left;
	margin-top: 49px;
}

.dept_6 .til_dv .ico_til {
	float: left;
	color: #000;
	font-size: 38px;
	font-family: monospace;
	margin-top: 9px;
	margin-left: 20px;
	font-weight: bolder;
}

.dept_6 .wx_dv .ed_bg {
	background: url(../images/index/dept6/wx_bg.png);
	background-size: 100%;
	height: 449px;
	width: 440px;
	margin: 28px auto 0px;
}

.dept_6 .dy_dv .ed_bg {
	background: url(../images/index/dept6/dou_yin_bg.png);
	background-size: 100%;
	height: 449px;
	width: 440px;
	margin: 28px auto 0px;
	padding-top: 44px
}

.dept_6 .tap_dv .ed_bg {
	background: url(../images/index/dept6/tap_bg.png);
	background-size: 100%;
	height: 449px;
	width: 440px;
	margin: 28px auto 0px;
}

.dept_6 .dy_dv .ed_bg .ewm_dy {
	margin: auto;
	height: 219px;
	width: 219px;
	background: url(../images/index/dept6/dou_yin_ewm.png);
	background-size: 100%;
}

.dept_6 .dy_dv .ed_bg .ewm_tel {
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: monospace;
	font-weight: bold;
	line-height: 30px;
	margin-top: 14px;
	margin-bottom: 20px
}

.dept_6 .dy_dv .ed_bg .ewm_end {
	background: url(../images/index/dept6/dou_yin_end.png);
	width: 439px;
	height: 107px;
	background-size: 100%;
	margin: auto;
}

.dept_6 .left_one {
	float: left;
	margin-left: 32px;
}

.dept_6 .jian_tou {
	background: url(../images/index/dept6/jian_tou.png);
	background-size: 100% 100%;
	height: 25px;
	width: 25px;
	float: left;
	margin: 180px 26px 0;
}

.dept_6 .right_one {
	float: left;
	margin-top: 83px;
}

.dept_6 .left_one .wx_ico_img {
	height: 106px;
	width: 105px;
	margin-top: 140px;
}

.dept_6 .left_one .wx_ico_img img {
	height: 100%;
	width: 100%;
}

.dept_6 .left_one .wx_ico_til {
	height: 66px;
	width: 105px;
	line-height: 66px;
	color: #fff;
	font-size: 30px;
	font-family: monospace;
	font-weight: bold;
}

.dept_6 .right_one .wx_ewm_img {
	height: 208px;
	width: 212px;
	padding: 7px;
	background: #fff;
}

.dept_6 .right_one .wx_ewm_img img {
	height: 100%;
	width: 100%;
}

.dept_6 .right_one .wx_ewm_til {
	color: #fff;
	font-size: 22px;
	font-family: monospace;
	font-weight: bold;
	line-height: 23px;
	margin: 28px auto 0;
	width: 160px;
}

.dept_6 .tap_dv .right_one .wx_ewm_til {
	width: 226px;
	text-align: center;
	margin-left: -8px;
}

.gif_dv{
	width: 803px,
	height: 453px,
}

.show_video,.show_gif {
	position: fixed;
	opacity: 0;
	display: table;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -5000;
}

.show_video *,.show_gif *{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.show_video-backdrop {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
}

.show_video-inner {
	display: inline-block;
	text-align: left;
	color: #000;
	max-width: 863px;
	height: 453px;
	box-sizing: content-box;
}
.show_video_dv {
	width: 863px;
	height: 453px;
	position: relative;
}


.show_video.c-age-modal-fade.c-age-modal-fade-in,.show_gif.c-age-modal-fade.c-age-modal-fade-in {
	opacity: 1;
	transition: opacity .3s ease-in-out;
	z-index: 5000;
}

.c-age-modal {
	position: fixed;
	opacity: 0;
	display: table;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -5000;
}

.c-age-modal * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

.c-age-modal-backdrop {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
}

.c-age-modal-inner {
	display: inline-block;
	text-align: left;
	background-color: #fff;
	color: #000;
	margin: 20px;
	max-width: 500px;
	height: 480px;
	box-sizing: content-box;
}

.c-age-modal.c-age-modal-fade .c-age-modal-inner {}

.c-age-modal.c-age-modal-fade.c-age-modal-fade-in {
	opacity: 1;
	transition: opacity .3s ease-in-out;
	z-index: 5000;
}

.c-age-modal.c-age-modal-fade.c-age-modal-fade-out {
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.c-age-modal.c-age-modal-fade.c-age-modal-fade-in .c-age-modal-inner {
	border-radius: 2px;
	padding: 20px;
}

@media (max-width: 768px) {
	.c-age-modal-inner {
		padding: 12px 8px 8px 8px !important;
	}
}

.c-age-tips {
	position: relative;
}

.c-age-tips-title {
	position: relative;
	display: block;
	width: 80%;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto;
	color: #666666;
}

.c-age-tips-line {
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 1px;
	background-color: #666666;
}

.c-age-tips-close {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	top: 4px;
	right: 18px;
	color: #666666;
	cursor: pointer;
}

.c-age-tips-close:hover {
	transform: rotate(0.5turn);
	transition: transform .2s;
}

.c-age-tips-content {
	position: relative;
	display: block;
	width: 86%;
	height: 400px;
	margin: 0px auto;
	overflow: auto;
	padding: 0 16px;
	color: #666666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}

.c-age-tips-content::-webkit-scrollbar {
	display: none;
}

.c-age-tips-content pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: #fff;
	border: 0px;
	font-family: Consolas, Menlo, Courier, monospace;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	overflow: auto;
	color: #666666;
}

.c-age-tips-content p {
	line-height: 24px;
}

.dept_0{
	/* width: 1920px; */
	margin: auto;
	height: 72px;
}
.audio-btn {
	position: fixed;
    float: right;
    top: 156px;
    z-index: 19;
    width: 72px;
    height: 72px;
    background-size: 100% 100%;
/*    transform: translateX(-85%);
    left: 86%; */
	right: 180px;
}

.audio-btn[data-status=on] i {
	display: block;
	width: 100%;
	height: 100%;
    background: url("../images/index/dept1/yin_yue_open.png") no-repeat;
	background-size: 100% 100%;
	-webkit-animation: spinFn 5s linear infinite;
	-moz-animation: spinFn 5s linear infinite;
	-ms-animation: spinFn 5s linear infinite;
	animation: spinFn 5s linear infinite
}
.audio-btn[data-status=off] i {
	display: block;
	width: 100%;
	height: 100%;
    background: url("../images/index/dept1/yin_yue_close.png") no-repeat;
	background-size: 100% 100%
}

@-webkit-keyframes spinFn {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes spinFn {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-ms-keyframes spinFn {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes spinFn {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spinFn {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}