.head_box {
	background: url(../image/head_bg_img.jpg) no-repeat center top;
	overflow: hidden;
	position: relative
}
.head_box .click_box {
	width: 100%;
	height: 3240px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
.head_box .video_box_b {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px
}
.head_box .logo_gw {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 180px;
	z-index: 999
}
.head_box .logo_gw img {
	width: 100%
}
.head_box .slogan {
	position: absolute;
	top: 100px;
	left: 830px
}
.head_box .jiang_box {
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 99
}
.head_box .wrapper {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	max-width: 1400px;
	padding-top: 745px;
	z-index: 9
}
.head_box .click_box2 {
	width: 100%;
	height: 745px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.head_box .guashi_box {
	width: 1400px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -700px
}
.head_box .guashi_box .flower_1 {
	width: 51px;
	height: 49px;
	background: url(../image/flower_img_1.png) no-repeat;
	position: absolute;
	top: 94px;
	left: 12px;
	-webkit-animation: rotate 2.2s linear infinite 300ms 0 ease;
	-moz-animation: rotate 2.2s linear infinite 300ms 0 ease;
	-ms-animation: rotate 2.2s linear infinite 300ms 0 ease;
	animation: rotate 2.2s linear infinite 300ms 0 ease;
	-moz-animation: rotate 2.2s linear infinite;
	-webkit-animation: rotate 2.2s linear infinite;
	-o-animation: rotate 2.2s linear infinite;
	-ms-animation: rotate 2.2s linear infinite;
	animation: rotate 2.2s linear infinite
}
.head_box .guashi_box .flower_2 {
	width: 40px;
	height: 41px;
	background: url(../image/flower_img_2.png) no-repeat;
	position: absolute;
	top: 116px;
	right: 92px;
	-webkit-animation: rotate1 2.6s linear infinite 300ms 0 ease;
	-moz-animation: rotate1 2.6s linear infinite 300ms 0 ease;
	-ms-animation: rotate1 2.6s linear infinite 300ms 0 ease;
	animation: rotate1 2.6s linear infinite 300ms 0 ease;
	-moz-animation: rotate1 2.6s linear infinite;
	-webkit-animation: rotate1 2.6s linear infinite;
	-o-animation: rotate1 2.6s linear infinite;
	-ms-animation: rotate1 2.6s linear infinite;
	animation: rotate1 2.6s linear infinite
}
.head_box .guashi_box .flower_3 {
	width: 51px;
	height: 49px;
	background: url(../image/flower_img_3.png) no-repeat;
	position: absolute;
	top: 142px;
	right: -30px;
	-webkit-animation: rotate 2.8s linear infinite 300ms 0 ease;
	-moz-animation: rotate 2.8s linear infinite 300ms 0 ease;
	-ms-animation: rotate 2.8s linear infinite 300ms 0 ease;
	animation: rotate 2.8s linear infinite 300ms 0 ease;
	-moz-animation: rotate 2.8s linear infinite;
	-webkit-animation: rotate 2.8s linear infinite;
	-o-animation: rotate 2.8s linear infinite;
	-ms-animation: rotate 2.8s linear infinite;
	animation: rotate 2.8s linear infinite
}
.head_box .guashi_box .dl_box1 {
	width: 112px;
	height: 404px;
	background: url(../image/duilian_r.png) no-repeat;
	position: absolute;
	top: 209px;
	right: 310px;
	animation: fadeIn 1.2s .6s 1 both
}
.head_box .guashi_box .dl_box2 {
	width: 113px;
	height: 404px;
	background: url(../image/duilian_l.png) no-repeat;
	position: absolute;
	top: 209px;
	left: 310px;
	animation: fadeIn 1.2s 1s 1 both
}
.head_box .guashi_box .dl_box3 {
	width: 611px;
	height: 219px;
	background: url(../image/hengpi_img.png) no-repeat;
	position: absolute;
	top: 35px;
	left: 393px;
	animation: fadeInDown 1.2s 1.4s 1 both
}
.head_box .guashi_box .dw_box1 {
	width: 169px;
	height: 235px;
	position: absolute;
	right: 175px;
	top: 430px;
	background: url(../image/r_niu_img.png) no-repeat;
	animation: fadeInRight 1.2s 2.2s 1 both
}
.head_box .guashi_box .dw_box2 {
	width: 218px;
	height: 264px;
	position: absolute;
	left: 152px;
	top: 398px;
	background: url(../image/l_niu_img.png) no-repeat;
	animation: fadeInLeft1 1.2s 2.2s 1 both
}
.head_box .guashi_box .yanhua_1 {
	width: 133px;
	height: 133px;
	position: absolute;
	top: 274px;
	left: 0;
	background: url(../image/yanhua_img_2.png) no-repeat;
	-webkit-animation: ball-scale-multiple 1.2s 0s linear infinite;
	animation: ball-scale-multiple 1.2s 0s linear infinite
}
.head_box .guashi_box .yanhua_2 {
	width: 113px;
	height: 114px;
	position: absolute;
	top: 526px;
	left: -30px;
	background: url(../image/yanhua_img_1.png) no-repeat;
	-webkit-animation: ball-scale-multiple 1.2s .4s linear infinite;
	animation: ball-scale-multiple 1.2s .4s linear infinite
}
.head_box .guashi_box .yanhua_3 {
	width: 133px;
	height: 134px;
	position: absolute;
	top: 468px;
	right: -30px;
	background: url(../image/yanhua_img_2.png) no-repeat;
	-webkit-animation: ball-scale-multiple 1.6s .2s linear infinite;
	animation: ball-scale-multiple 1.6s .2s linear infinite
}
.head_box .guashi_box .yanhua_4 {
	width: 113px;
	height: 114px;
	position: absolute;
	top: 294px;
	right: 60px;
	background: url(../image/yanhua_img_1.png) no-repeat;
	-webkit-animation: ball-scale-multiple 1.2s .6s linear infinite;
	animation: ball-scale-multiple 1.2s .6s linear infinite
}
.head_box .guashi_box .deng_1 {
	width: 128px;
	height: 254px;
	background: url(../image/dl_img_1.png) no-repeat;
	position: absolute;
	top: 72px;
	right: 9px;
	-webkit-transform-origin: 50% -100px;
	-webkit-animation: swing 5s infinite ease-in-out;
	animation: swing 5s infinite ease-in-out
}
.head_box .guashi_box .deng_2 {
	width: 129px;
	height: 200px;
	background: url(../image/dl_img_2.png) no-repeat;
	position: absolute;
	top: 84px;
	left: 68px;
	-webkit-transform-origin: 50% -100px;
	-webkit-animation: swing 7s infinite ease-in-out;
	animation: swing 7s infinite ease-in-out
}
.head_box .video_cont {
	width: 120px;
	height: 91px;
	background: url(../image/cg_video_bg.png) no-repeat;
	position: absolute;
	top: 536px;
	left: 796px;
	cursor: pointer;
	z-index: 3
}
.head_box .video_cont .video_bg {
	width: 76px;
	height: 76px;
	display: block;
	background: url(../image/video.gif) no-repeat;
	border-radius: 50%;
	margin: 9px 0 0 24px;
	overflow: hidden
}
.head_box .video_cont .video_sj {
	width: 20px;
	height: 23px;
	display: block;
	background: url(../image/cg_video_sj.png) no-repeat;
	position: absolute;
	top: 36px;
	left: 54px
}
.head_box .clothes {
	width: 422px;
	height: 46px;
	position: absolute;
	top: 682px;
	left: 0;
	z-index: 3;
	background: url(../image/clothes_bg.png) no-repeat;
	font-size: 14px;
	color: #d8c19e;
	line-height: 46px;
	padding-left: 74px
}
.head_box .right_box {
	width: 1145px;
	padding-left: 9px;
	float: left
}
.head_box .right_box .module_1 {
	overflow: hidden
}
.head_box .right_box .module_2 {
	overflow: hidden;
	margin: 9px 0;
	display:none;
}
.head_box .right_box .module_3 {
	overflow: hidden;
	margin: 20px -5px 25px 0
}
.head_box .new_banner {
	width: 640px;
	float: left;
	position: relative
}
.head_box .new_banner .imgbox {
	width: 640px;
	height: 368px;
	overflow: hidden
}
.head_box .new_banner .small_tb {
	width: 100%;
	height: 36px;
	background: url(../image/banner_nav_bg.png) repeat;
	position: absolute;
	bottom: 0;
	right: 0
}
.head_box .new_banner .small_tb li {
	width: 0;
	height: 36px;
	float: left;
	margin: 0;
	line-height: 36px;
	text-align: center
}
.head_box .new_banner .small_tb li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #8a5b31
}
.head_box .new_banner .small_tb li a:hover, .head_box .new_banner .small_tb li a.hover {
	color: #fff;
	background: #404240;
	background-position: left top
}
.head_box .news_main {
	width: 448px;
	height: 368px;
	float: left;
	background: url(../image/news_bg_img.jpg) no-repeat;
	padding: 0 24px 0 24px;
	margin-left: 9px
}
.head_box .news_main h2 {
	width: 100%;
	padding: 27px 0 18px 0;
	text-align: center;
	font-size: 18px;
	color: #9f392e;
	border-bottom: 1px dashed #cfbfb3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.head_box .news_main h2 a {
	color: #9f392e
}
.head_box .news_main .news_title {
	padding-top: 14px;
	overflow: hidden
}
.head_box .news_main .news_title dl dt {
	width: 68px;
	height: 34px;
	text-align: center;
	position: relative;
	line-height: 34px;
	float: left;
	overflow: hidden
}
.head_box .news_main .news_title dl dt a {
	width: 100%;
	height: 100%;
	display: block;
	color: #333041;
	font-size: 18px
}
.head_box .news_main .news_title dl dt a:hover, .head_box .news_main .news_title dl dt a.hover {
	color: #8f653f
}
.head_box .news_main .news_title dl dt a:hover i.i1, .head_box .news_main .news_title dl dt a.hover i.i1 {
	left: -68px;
	top: 0;
	background: url(../image/news_title_img_1.png) no-repeat center top;
	-webkit-transform: translateX(68px);
	transform: translateX(68px);
	-webkit-transition: .6s all ease;
	transition: .6s all ease
}
.head_box .news_main .news_title dl dt a:hover i.i2, .head_box .news_main .news_title dl dt a.hover i.i2 {
	bottom: 0;
	right: -68px;
	background: url(../image/news_title_img_01.png) no-repeat center top;
	-webkit-transform: translateX(-68px);
	transform: translateX(-68px);
	-webkit-transition: .6s all ease;
	transition: .6s all ease
}
.head_box .news_main .news_title dl dt i {
	width: 68px;
	height: 6px;
	display: block;
	position: absolute
}
.head_box .news_main .news_title dl dd {
	width: 16px;
	text-align: center;
	color: #a2969d;
	font-size: 14px;
	float: left;
	margin-top: 6px
}
.head_box .news_main .nlistbox {
	padding: 6px 0 0 0;
	position: relative
}
.head_box .news_main .nlistbox .news_list {
	display: none
}
.head_box .news_main .nlistbox .news_list ul li {
	font-size: 14px;
	line-height: 36px
}
.head_box .news_main .nlistbox .news_list ul li em {
	width: auto;
	color: #a48263;
	display: block;
	float: left
}
.head_box .news_main .nlistbox .news_list ul li a {
	width: 70%;
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333041
}
.head_box .news_main .nlistbox .news_list ul li a:hover {
	color: #9f392e
}
.head_box .news_main .nlistbox .news_list ul li span {
	width: 40px;
	float: right;
	color: #858291;
	font-size: 12px
}
.head_box .news_main .nlistbox .morebox {
	position: absolute;
	top: -98px;
	right: 0;
	width: 25px;
	height: 25px
}
.head_box .news_main .nlistbox .morebox a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../image/news_button.png) no-repeat -462px top;
	text-indent: -99999em;
	transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-webkit-transition: transform .2s linear
}
.head_box .news_main .nlistbox .morebox a:hover {
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg)
}
.head_box .more_button {
	width: 88px;
	height: 25px;
	position: absolute;
	top: -62px;
	right: 20px;
	text-align: center;
	line-height: 24px
}
.head_box .more_button a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../image/big_nav_bg.png) no-repeat left -74px;
	color: #dbbc9a;
	font-size: 12px
}
.head_box .more_button a i {
	transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-webkit-transition: transform .2s linear
}
.head_box .more_button a:hover {
	color: #f7edd3
}
.head_box .more_button a:hover i {
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg)
}
.head_box .more_button i {
	width: 7px;
	height: 7px;
	position: absolute;
	top: 9px;
	right: 9px;
	background: url(../image/big_nav_bg.png) no-repeat -89px -74px
}
.head_box .group_hd {
	width: 899px;
	height: 464px;
	background: url(../image/group_bg_img.png) no-repeat center top;
	overflow: hidden;
	position: relative;
	float: left
}
.head_box .group_hd h2 {
	padding: 41px 0 45px 14px
}
.head_box .group_hd .title_button {
	width: 572px;
	height: 37px;
	overflow: hidden;
	position: absolute;
	top: 38px;
	left: 160px;
	font-size: 16px
}
.head_box .group_hd .title_button ul li {
	width: 190px;
	height: 36px;
	float: left;
	line-height: 36px;
	text-align: center
}
.head_box .group_hd .title_button ul li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #f7edd3;
	background: url(../image/big_nav_bg.png) no-repeat left top
}
.head_box .group_hd .title_button ul li a.t1 a {
	background-position: left top
}
.head_box .group_hd .title_button ul li a.t2 a {
	background-position: -190px top
}
.head_box .group_hd .title_button ul li a.t3 a {
	background-position: -380px top
}
.head_box .group_hd .title_button ul li a:hover, .head_box .group_hd .title_button ul li a.hover {
	color: #5c3c20;
	background: url(../image/big_nav_bg.png) no-repeat left -36px
}
.head_box .group_hd .group_list {
	padding-left: 5px;
	display: none;
	position: relative
}
.head_box .group_hd .group_list ul {
	height: 318px;
	overflow: hidden
}
.head_box .group_hd .group_list ul li {
	width: 212px;
	float: left;
	margin-left: 8px
}
.head_box .group_hd .group_list ul li a {
	color: #fff
}
.head_box .group_hd .group_list ul li a:hover img {
	transform: scale(1.1)
}
.head_box .group_hd .group_list ul li img {
	width: 100%;
	transition: all .6s
}
.head_box .group_hd .group_list ul li em {
	width: 202px;
	height: 240px;
	display: block;
	border: 1px solid #7c6a57;
	padding: 4px;
	overflow: hidden
}
.head_box .group_hd .group_list ul li span {
	width: 202px;
	height: 52px;
	display: block;
	margin: 20px auto 0 auto;
	font-size: 16px
}
.head_box .group_hd .group_list ul li i {
	display: block;
	font-size: 14px;
	padding-top: 6px;
	color: #d3a97b
}
.head_box .popular {
	width: 237px;
	margin-left: 9px;
	float: left
}
.head_box .popular ul li {
	width: 237px;
	height: 227px
}
.head_box .popular ul li a {
	width: 100%;
	height: 100%;
	display: block
}
.head_box .popular ul li.s1 {
	margin-bottom: 9px
}
.head_box .popular ul li.s1 a {
	background: url(../image/rmhd_img_5.jpg) no-repeat
}
.head_box .popular ul li.s1 a:hover {
	background: url(../image/rmhd_img_05.jpg) no-repeat
}
.head_box .popular ul li.s2 a {
	background: url(../image/rmhd_img_013.jpg) no-repeat
}
.head_box .popular ul li.s2 a:hover {
	background: url(../image/rmhd_img_13.jpg) no-repeat
}
.head_box .sect_box {
	width: 1145px;
	height: 492px;
	background: url(../image/sect_bg_img2.jpg) no-repeat;
	overflow: hidden;
	position: relative
}
.head_box .sect_box .sect_button {
	width: 100%;
	height: 81px;
	position: absolute;
	bottom: 15px;
	left: 0;
	text-align: center;
	z-index: 999
}
.head_box .sect_box .sect_button ul li {
	width: 73px;
	height: 81px;
	margin: 0 5px 0 0;
	display: inline-block;
	background: url(../image/button_public3.png) no-repeat;
	cursor: pointer;
	position: relative
}
.head_box .sect_box .sect_button ul li i {
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	top: 0;
	left: 50px;
	background: url(../image/button_public3.png) no-repeat -572px -76px;
	z-index: 9
}
.head_box .sect_box .sect_button ul li a {
	width: 100%;
	height: 100%;
	display: block
}
.head_box .sect_box .sect_button ul li .small_t {
	width: 146px;
	height: 63px;
	background: url(../image/sect_tl_bg.png) no-repeat;
	position: absolute;
	left: 46px;
	top: 14px;
	padding-left: 30px
}
.head_box .sect_box .sect_button ul li .small_t span {
	width: 130px;
	height: 30px;
	display: block;
	color: #1e283f;
	line-height: 30px;
	text-align: left
}
.head_box .sect_box .sect_button ul li .small_t span.hover, .head_box .sect_box .sect_button ul li .small_t span:hover {
	color: #1e283f;
	font-size: 18px
}
.head_box .sect_box .sect_button ul li .small_t span.hover em, .head_box .sect_box .sect_button ul li .small_t span:hover em {
	width: 36px;
	height: 15px;
	display: inline-block;
	background: url(../image/button_public3.png) no-repeat -572px -59px
}
.head_box .sect_box .sect_button ul li.s1 {
	background-position: -303px -156px
}
.head_box .sect_box .sect_button ul li.s1:hover, .head_box .sect_box .sect_button ul li.s1.hover {
	background-position: -303px -237px
}
.head_box .sect_box .sect_button ul li.s2 {
	background-position: -378px -156px
}
.head_box .sect_box .sect_button ul li.s2:hover, .head_box .sect_box .sect_button ul li.s2.hover {
	background-position: -378px -237px
}
.head_box .sect_box .sect_button ul li.s3 {
	background: url(../image/button_public3.png) no-repeat -451px -156px
}
.head_box .sect_box .sect_button ul li.s3:hover, .head_box .sect_box .sect_button ul li.s3.hover {
	background-position: -451px -237px
}
.head_box .sect_box .sect_button ul li.s3.hover {
	margin-right: 130px
}
.head_box .sect_box .sect_button ul li.s4 {
	background-position: -525px -156px
}
.head_box .sect_box .sect_button ul li.s4:hover, .head_box .sect_box .sect_button ul li.s4.hover {
	background-position: -525px -237px
}
.head_box .sect_box .sect_button ul li.s5 {
	background-position: -598px -156px
}
.head_box .sect_box .sect_button ul li.s5:hover, .head_box .sect_box .sect_button ul li.s5.hover {
	background-position: -598px -237px
}
.head_box .sect_box .sect_button ul li.s6 {
	background-position: -671px -156px
}
.head_box .sect_box .sect_button ul li.s6:hover, .head_box .sect_box .sect_button ul li.s6.hover {
	background-position: -671px -237px
}
.head_box .sect_box .sect_button ul li.s7 {
	background-position: -744px -156px
}
.head_box .sect_box .sect_button ul li.s7:hover, .head_box .sect_box .sect_button ul li.s7.hover {
	background-position: -744px -237px
}
.head_box .sect_box .sect_button ul li.s8 {
	background-position: -816px -156px
}
.head_box .sect_box .sect_button ul li.s8:hover, .head_box .sect_box .sect_button ul li.s8.hover {
	background-position: -816px -237px
}
.head_box .sect_box .sect_button ul li.s9 {
	background-position: -892px -156px
}
.head_box .sect_box .sect_button ul li.s9:hover, .head_box .sect_box .sect_button ul li.s9.hover {
	background-position: -892px -237px
}
.head_box .sect_box .sect_people {
	position: absolute;
	bottom: 0;
	right: 0
}
.head_box .sect_box .sect_people ul li {
	display: none;
	animation: fadeInRight .8s .2s 1 both;
	position: relative
}
.head_box .sect_box .sect_people ul li.news_zy span {
	display: none
}
.head_box .sect_box .sect_main {
	position: relative;
	display: none;
	animation: fadeInLeft .8s .2s 1 both
}
.head_box .sect_box .sect_main .news_ly {
	display: none
}
.head_box .sect_box .sect_main .sect_name {
	width: 609px;
	height: 206px;
	background: url(../image/name_bg_img.png) no-repeat left 37px;
	top: 39px;
	left: 22px;
	position: absolute
}
.head_box .sect_box .sect_main .sect_name p {
	padding-left: 72px
}
.head_box .sect_box .sect_main .sect_name p.p1 {
	padding: 15px 0 0 30px
}
.head_box .sect_box .sect_main .sect_name .video_sect {
	position: absolute;
	top: 36px;
	right: 86px;
	z-index: 999;
	cursor: pointer
}
.head_box .sect_box .sect_main .sect_name .video_sect img {
	padding-top: 5px
}
.head_box .sect_box .sect_main .sect_name .video_sect span {
	width: 72px;
	height: 84px;
	display: block;
	background: url(../image/button_public3.png) -494px top;
	position: absolute;
	top: 0;
	left: 1px;
	animation: flicker 1s infinite;
	animation-delay: 2s
}
.head_box .sect_box .sect_main .sect_name .video_sect a {
	width: 100%;
	height: 100%;
	display: block
}
.head_box .sect_box .sect_main .sect_title {
	position: absolute;
	left: 106px;
	top: 272px
}
.head_box .sect_box .sect_main .sect_title p {
	overflow: hidden;
	display: block
}
.head_box .sect_box .sect_main .sect_title span {
	float: left;
	height: 28px;
	color: #4c241b;
	font-size: 18px;
	line-height: 28px
}
.head_box .sect_box .sect_main .sect_title span.s1 {
	margin-right: 40px
}
.head_box .sect_box .sect_main .sect_title span i {
	width: 74px;
	height: 28px;
	display: block;
	float: left;
	margin-right: 6px;
	background: url(../image/button_public3.png) no-repeat
}
.head_box .sect_box .sect_main .sect_title span i.i1 {
	background-position: -572px top
}
.head_box .sect_box .sect_main .sect_title span i.i2 {
	background-position: -572px -29px
}
.head_box .sect_box .sect_main .sect_title .zt_button {
	width: 229px;
	height: 34px;
	font-size: 16px;
	overflow: hidden;
	color: #4d4a46;
	text-align: center;
	border-top: 1px solid #ad8962;
	border-bottom: 1px solid #ad8962;
	margin: 30px 0 0 15px;
	position: relative
}
.head_box .sect_box .sect_main .sect_title .zt_button a {
	width: 100%;
	height: 100%;
	display: block;
	color: #4d4a46;
	line-height: 34px
}
.head_box .sect_box .sect_main .sect_title .zt_button a:hover {
	color: #ad8962
}
.head_box .sect_box .sect_main .sect_title .zt_button span {
	width: 18px;
	height: 13px;
	display: block;
	position: absolute;
	top: 10px;
	right: 42px;
	background: url(../image/button_public3.png) no-repeat -378px -129px;
	-webkit-animation: arrow 2s infinite ease;
	-moz-animation: arrow 2s infinite ease;
	-ms-animation: arrow 2s infinite ease;
	animation: arrow 2s infinite ease;
margin-left:.1rem
}
.head_box .feature_box {
	height: 350px;
	margin: 9px -10px 0 0;
	overflow: hidden
}
.head_box .feature_box ul li {
	float: left;
	overflow: hidden
}
.head_box .feature_box ul li i {
	width: 90px;
	height: 350px;
	float: left;
	display: block;
	margin-right: 5px;
	background: url(../image/button_public2.jpg) no-repeat
}
.head_box .feature_box ul li.f1 i {
	background-position: left top
}
.head_box .feature_box ul li.f1 i:hover, .head_box .feature_box ul li.f1 i.hover {
	background-position: left -351px
}
.head_box .feature_box ul li.f2 i {
	background-position: -90px top
}
.head_box .feature_box ul li.f2 i:hover, .head_box .feature_box ul li.f2 i.hover {
	background-position: -90px -351px
}
.head_box .feature_box ul li.f3 i {
	background-position: -180px top
}
.head_box .feature_box ul li.f3 i:hover, .head_box .feature_box ul li.f3 i.hover {
	background-position: -180px -351px
}
.head_box .feature_box ul li.f4 i {
	background-position: -270px top
}
.head_box .feature_box ul li.f4 i:hover, .head_box .feature_box ul li.f4 i.hover {
	background-position: -270px -351px
}
.head_box .feature_box ul li.f5 i {
	background-position: -360px top
}
.head_box .feature_box ul li.f5 i:hover, .head_box .feature_box ul li.f5 i.hover {
	background-position: -360px -351px
}
.head_box .feature_box ul li a {
	width: 0;
	height: 350px;
	float: left;
	overflow: hidden
}
.head_box .face_box {
	overflow: hidden;
	margin-top: 36px;
	position: relative;
	display:none;
}
.head_box .face_box h2 {
	padding: 0 0 0 17px
}
.head_box .face_box .more_button {
	top: 0;
	right: 34px
}
.head_box .face_box .more_button a {
	color: #5c4a44
}
.head_box .face_box .more_button a:hover {
	color: #6b5751
}
.head_box .face_box ul {
	height: 176px;
	padding: 20px 0 0 12px;
	margin-right: -40px;
	overflow: hidden
}
.head_box .face_box ul li {
	width: 146px;
	display: inline-block;
	margin: 0 20px
}
.head_box .face_box ul li a {
	width: 146px;
	height: 146px;
	display: block;
	border-radius: 10px;
	overflow: hidden
}
.head_box .face_box ul li a:hover img {
	transform: scale(1.1)
}
.head_box .face_box ul li a img {
	width: 146px;
	height: 146px;
	transition: all .6s
}
.head_box .face_box ul li i {
	text-align: center;
	color: #000;
	display: block;
	padding-top: 10px
}
.head_box .music_main {
	width: 570px;
	height: 465px;
	background: url(../image/music_bg_bk.png) no-repeat;
	float: left;
	position: relative;
	margin-right: 5px
}
.head_box .music_main .more_button {
	top: 17px;
	right: 38px
}
.head_box .music_main .more_button a {
	color: #5c4a44
}
.head_box .music_main .more_button a i {
	background-position: -97px -74px
}
.head_box .music_main .more_button a:hover {
	color: #6e5d57
}
.head_box .music_main .title {
	margin: 30px 0 0 17px
}
.head_box .music_main ul {
	padding: 20px 0 0 20px
}
.head_box .music_main ul li {
	width: 250px;
	margin: 0 0 20px 12px;
	float: left;
	position: relative
}
.head_box .music_main ul li span {
	width: 250px;
	height: 140px;
	overflow: hidden;
	display: block
}
.head_box .music_main ul li span img {
	transition: all .6s;
	width: 100%
}
.head_box .music_main ul li span:hover img {
	transform: scale(1.1)
}
.head_box .music_main ul li .video_box {
	width: 34px;
	height: 43px;
	position: absolute;
	top: 54px;
	left: 108px;
	text-align: center;
	padding: 6px 0 0 6px;
	background: url(../image/button_public3.png) no-repeat -648px top;
	animation: bigs 1.2s 1s linear infinite
}
.head_box .music_main ul li .video_box a {
	width: 100%;
	height: 100%;
	display: block
}
.head_box .music_main ul li i {
	font-size: 14px;
	display: block;
	color: #5b5762;
	text-align: center;
	padding-top: 15px
}
.head_box .service {
	width: 1145px;
	height: 87px;
	margin-bottom: 46px;
	background: url(../image/service_bg.png) repeat
}
.head_box .service h2 {
	width: 106px;
	float: left;
	padding: 32px 0 0 36px
}
.head_box .service .media_box {
	width: 980px;
	padding: 21px 0 0 10px;
	float: left
}
.head_box .service .media_box ul li {
	float: left;
	margin-right: 32px
}
.gray {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: .8;
	z-index: 999;
	display: none
}
.eject {
	width: 960px;
	height: 540px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -270px 0 0 -480px;
	z-index: 999;
	background: #000;
	display: none
}
.close {
	width: 35px;
	height: 35px;
	position: absolute;
	top: -22px;
	right: -40px
}
.close a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../image/close.png) no-repeat;
	-webkit-transition: transform .5s linear;
	-moz-transition: transform .5s linear;
	-ms-transition: transform .5s linear;
	-o-transition: transform .5s linear;
	transition: transform .5s linear
}
.close a:hover {
	background: url(../image/close.png) no-repeat;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
@media screen and (max-width:1400px) {
body {
	min-width: 1200px
}
.head_box .wrapper {
	width: 1200px
}
.head_box .video_cont {
	left: 109px
}
.head_box .right_box {
	width: 945px
}
.head_box .right_box .module_3 {
	margin: 20px -5px 9px 0
}
.head_box .new_banner {
	width: 540px
}
.head_box .new_banner .imgbox {
	width: 540px;
	overflow: hidden
}
.head_box .new_banner .imgbox li img {
	margin-left: -20px
}
.head_box .new_banner .small_tb {
	font-size: 12px
}
.head_box .news_main {
	width: 368px;
	height: 368px;
	padding: 0 14px 0 14px
}
.head_box .news_main .news_title dl dt {
	width: 53px
}
.head_box .news_main .news_title dl dt a:hover i.i1, .head_box .news_main .news_title dl dt a.hover i.i1 {
	left: -53px;
	top: 0;
	-webkit-transform: translateX(53px);
	transform: translateX(53px);
	-webkit-transition: .6s all ease;
	transition: .6s all ease
}
.head_box .news_main .news_title dl dt a:hover i.i2, .head_box .news_main .news_title dl dt a.hover i.i2 {
	bottom: 0;
	right: -53px;
	-webkit-transform: translateX(-53px);
	transform: translateX(-53px);
	-webkit-transition: .6s all ease;
	transition: .6s all ease
}
.head_box .news_main .news_title dl dt i {
	width: 53px
}
.head_box .news_main .nlistbox .news_list ul li a {
	width: 228px
}
.head_box .group_hd {
	width: 699px
}
.head_box .group_hd h2 {
	padding: 10px 0 45px 10px
}
.head_box .group_hd .title_button {
	top: 50px;
	left: 15px;
	font-size: 16px
}
.head_box .group_hd .group_list {
	padding-top: 30px
}
.head_box .group_hd .group_list ul li {
	margin-left: 12px
}
.head_box .group_hd .more_button {
	top: -22px;
	right: 10px
}
.head_box .sect_box {
	width: 945px
}
.head_box .sect_box .sect_people {
	right: -190px
}
.head_box .music_main {
	width: 945px;
	height: 245px;
	background: url(../image/music_bg_bk2.png) no-repeat;
	margin-bottom: 9px
}
.head_box .music_main .title {
	margin: 15px 0 0 17px
}
.head_box .music_main ul li {
	width: 210px
}
.head_box .music_main ul li span {
	width: 210px;
	height: 116px;
	overflow: hidden
}
.head_box .music_main ul li span img {
	width: 100%
}
.head_box .music_main ul li .video_box {
	top: 34px;
	left: 88px
}
.head_box .service {
	width: 945px;
	margin-bottom: 20px
}
.head_box .service .media_box {
	width: 780px
}
.head_box .feature_box ul li i {
	width: 50px
}
.head_box .feature_box ul li.f1 i {
	background-position: -404px top
}
.head_box .feature_box ul li.f1 i:hover, .head_box .feature_box ul li.f1 i.hover {
	background-position: -404px -351px
}
.head_box .feature_box ul li.f2 i {
	background-position: -455px top
}
.head_box .feature_box ul li.f2 i:hover, .head_box .feature_box ul li.f2 i.hover {
	background-position: -455px -351px
}
.head_box .feature_box ul li.f3 i {
	background-position: -506px top
}
.head_box .feature_box ul li.f3 i:hover, .head_box .feature_box ul li.f3 i.hover {
	background-position: -506px -351px
}
.head_box .feature_box ul li.f4 i {
	background-position: -557px top
}
.head_box .feature_box ul li.f4 i:hover, .head_box .feature_box ul li.f4 i.hover {
	background-position: -557px -351px
}
}
@-webkit-keyframes jup {
0% {
transform:translate(0, 0)
}
50% {
transform:translate(0, -6px)
}
100% {
transform:translate(0, 0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translate3d(-50%, 0, 0)
}
100% {
opacity:1;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translate3d(50%, 0, 0)
}
to {
	opacity: 1;
	transform: none
}
}
@keyframes flicker {
0% {
transform:scale(1);
opacity:1;
filter:alpha(opacity=1)
}
100% {
transform:scale(1.3);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes arrow {
0%, 100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0)
}
50% {
-webkit-transform:translate(10px, 0);
-moz-transform:translate(10px, 0);
-ms-transform:translate(10px, 0);
-o-transform:translate(10px, 0)
}
}
@keyframes bigs {
0% {
-webkit-transform:scale(.74);
-moz-transform:scale(.74);
transform:scale(.74)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(.74);
-moz-transform:scale(.74);
transform:scale(.74)
}
}
@keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes rotate1 {
0% {
transform:rotate(360deg)
}
100% {
transform:rotate(0deg)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -10%, 0);
transform:translate3d(0, -10%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes fadeInLeft1 {
0% {
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft1 {
0% {
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes ball-scale-multiple {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes swing {
0% {
transform:rotate(-8deg)
}
50% {
transform:rotate(8deg)
}
100% {
transform:rotate(-8deg)
}
}
@-moz-keyframes swing {
0% {
-moz-transform:rotate(-8deg)
}
50% {
-moz-transform:rotate(8deg)
}
100% {
-moz-transform:rotate(-8deg)
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform:rotate(-8deg)
}
50% {
-webkit-transform:rotate(8deg)
}
100% {
-webkit-transform:rotate(-8deg)
}
}