.section1 {
	padding-top: 50px; padding-bottom: 60px;
}
.title {
	text-align: center; color: rgb(201, 27, 29); overflow: hidden;
}
.title h2 {
	font-size: 0px; font-weight: normal; display: inline-block;
}
.title h2 p {
	line-height: 48px;
	font-family: STXingkai;
	font-size: 48px;
	position: relative;
	color: rgb(255,255,255);
}
.title h2 p::before {
	left: -95px; top: 25px; width: 80px; height: 1px; position: absolute; content: ""; background-color: rgb(201, 27, 29);
}
.title h2 p::after {
	top: 25px; width: 80px; height: 1px; right: -95px; position: absolute; content: ""; background-color: rgb(201, 27, 29);
}
.title h2 span {
	text-transform: uppercase;
	font-size: 16px;
	color: rgb(255,255,255);
}
.title a {
	color: rgb(201, 27, 29); text-transform: capitalize; font-size: 16px; margin-top: 30px; float: none; display: block;
}
.announce {
	padding-top: 45px;
}
.announce > ul {
	margin-right: -20px; margin-left: -20px;
}
.announce > ul li {
	margin: 0px 20px; padding: 20px; border-bottom-color: rgb(201, 27, 29); border-bottom-width: 5px; border-bottom-style: solid;
}
.announce > ul li > a {
	display: block; position: relative;
}
.announce > ul li > a p {
	height: 56px; color: rgb(51, 51, 51); line-height: 28px; overflow: hidden; font-size: 18px;
}
.announce > ul li:hover > a p {
	color: rgb(201, 27, 29);
}
.announce > ul li > a .date {
	background: url("../images/date.png") no-repeat left; color: rgb(102, 102, 102); padding-left: 25px; font-size: 14px; margin-top: 15px;
}
.announce > ul li > a .more {
	right: 0px; bottom: 0px; color: rgb(201, 27, 29); font-size: 14px; position: absolute;
}
.section2 {
	padding: 50px 0px;
	background-image: url(section2.png);
	background-repeat: no-repeat;
	background-position: top;
}
.sect2 .title {
	color: rgb(255, 255, 255);
}
.sect2 .title h2 p::before {
	background-color: rgb(255, 255, 255);
}
.sect2 .title h2 p::after {
	background-color: rgb(255, 255, 255);
}
.sect2 .title a {
	color: rgb(255, 255, 255);
}
.news {
	padding-top: 50px;
}
.news ul {
	overflow: hidden; margin-right: -20px; margin-left: -20px;
}
.news ul li {
	margin: 0px 20px;
}
.news ul li a {
	display: block; position: relative;
}
.news .pic1 {
	overflow: hidden; padding-top: 67.5%; position: relative;
}
.news .pic1 img {
	transition:0.3s; left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);
}
.news .pic1:hover img {
	transform: translate(-50%, -50%) scale(1.2);
}
.news .text1 {
	padding: 30px 20px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 5px; border-bottom-style: solid; position: relative; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.news .text1 h2 {
	color: rgb(51, 51, 51); overflow: hidden; font-size: 18px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news .text1 h2:hover {
	color: rgb(159, 9, 12);
}
.news .text1 p {
	color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
}
.news .date1 {
	color: rgb(176, 54, 50); padding-top: 10px; font-size: 14px;
}
.news .much {
	right: 20px; bottom: 30px; color: rgb(176, 54, 50); font-size: 14px; position: absolute;
}
.section3 {
	padding: 50px 0px;
}
.section3 .image {
	margin-top: 45px;
}
.section3 .image ul {
	overflow: hidden; padding-top: 50px; padding-bottom: 50px; margin-right: -15px; margin-left: -15px;
}
.section3 .image .slick-list {
	overflow: visible;
}
.section3 .image ul li {
	margin: 0px 15px;
}
.section3 .image ul li a {
	border-radius: 5px; display: block;
}
.section3 .image ul li a .pic {
	padding-top: 57%; position: relative;
}
.section3 .image ul li a .pic img {
	left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);
}
.section3 .image ul li.slick-center .pic {
	transform-origin: center center; position: relative; z-index: 999; transform: scale(1.3);
}
.section3 .image ul li.slick-center .pic img {
	left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);
}
.section4 {
	padding-top: 50px;
	padding-bottom: 60px;
	background-image: url(sect4-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.alumin {
	padding-top: 45px;
}
.sect4 .title {
	color: rgb(255, 255, 255);
}
.sect4 .title h2 p::before {
	background-color: rgb(255, 255, 255);
}
.sect4 .title h2 p::after {
	background-color: rgb(255, 255, 255);
}
.sect4 .title a {
	color: rgb(255, 255, 255);
}
.alumin > ul {
	margin-right: -25px; margin-left: -25px;
}
.alumin > ul li {
	margin: 0px 25px;
}
.alumin > ul li a {
	display: block;
}
.alumin > ul li a .pic {
	padding-top: 75%; position: relative;
}
.alumin > ul li a .pic img {
	left: 50%; top: 50%; width: 100%; height: 100%; position: absolute; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);
}
.alumin > ul li a p {
	padding: 0px 10px; text-align: center; color: rgb(51, 51, 51); line-height: 50px; overflow: hidden; font-size: 18px; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.alumin .slick-prev {
	background: url("../images/sect4-l.png") no-repeat center; left: -90px; width: 70px; height: 70px; z-index: 9;
}
.alumin .slick-next {
	background: url("../images/sect4-r.png") no-repeat center; width: 70px; height: 70px; right: -90px; z-index: 9;
}
.section5 {
	padding-top: 50px; padding-bottom: 65px;
}
.play {
	padding-top: 50px;
}
.play > ul {
	overflow: hidden;
}
.play > ul > li {
	width: 48%; margin-left: 4%; float: left; min-height: 350px; box-sizing: border-box;
}
.play > ul > li > a {
	padding: 30px; display: block;
}
.play > ul > li:first-child {
	margin-left: 0px;
}
.play > ul > li.child1 {
	background: url("../images/sect5-pic1.png") no-repeat center / cover;
}
.play > ul > li.child2 {
	background: url("../images/sect5-pic2.png") no-repeat center / cover;
}
.play > ul > li > a h2 {
	color: rgb(255, 255, 255); overflow: hidden; font-size: 36px; font-weight: normal; margin-bottom: 25px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.play > ul > li > a p {
	height: 100px; color: rgb(255, 255, 255); line-height: 25px; overflow: hidden; font-size: 18px;
}
.play > ul > li > a span {
	background: url("../images/more.png") no-repeat right 7px; color: rgb(255, 255, 255); padding-right: 40px; padding-bottom: 15px; font-size: 14px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.section6 {
	background: url("../images/section6-bg.png") no-repeat center; padding: 65px 0px;
}
.wishes {
	margin-top: 40px; position: relative;
}
.wishes .topic {
	text-align: center; line-height: 35px;
}
.wishes .topic span {
	color: rgb(224, 168, 75); padding-right: 25px; padding-left: 25px; font-family: ????–?è???￥·; font-size: 24px; border-left-color: rgb(201, 27, 29); border-left-width: 2px; border-left-style: solid; cursor: pointer;
}
.wishes .topic span:first-child {
	border: currentColor; border-image: none;
}
.wishes .topic span.on {
	color: rgb(201, 27, 29);
}
.wishes .box {
	padding-top: 35px;
}
.wishes .box .wish-box {
	display: none;
}
.wishes .box :first-child.wish-box {
	display: block;
}
.wishes .box .wish-box ul {
	overflow: hidden;
}
.wishes .box .wish-box ul li {
	padding: 25px; width: 48%; margin-top: 20px; margin-left: 4%; float: left; box-sizing: border-box; background-color: rgb(176, 54, 50);
}
.wishes .more a {
	color: rgb(201, 27, 29); font-size: 14px;
}
.wishes .box .wish-box ul li > a {
	display: block;
}
.wishes .box .wish-box ul li > a p {
	height: 44px; color: rgb(255, 255, 255); line-height: 22px; overflow: hidden; font-size: 16px;
}
.wishes .box .wish-box ul li:nth-child(2n-1) {
	margin-left: 0px;
}
.wishes .more {
	text-align: center; margin-top: 30px;
}
.wishes .more a {
	display: none;
}
.wishes .more a:first-child {
	display: block;
}
@media screen and (max-width:1640px)
{
.alumin .slick-prev {
	left: 0px;
}
.alumin .slick-next {
	right: 0px;
}
}
@media screen and (max-width:1460px)
{
.announce > ul {
	margin-right: 0px; margin-left: 0px;
}
.news ul {
	margin-right: 0px; margin-left: 0px;
}
.section3 .image ul {
	margin-right: 0px; margin-left: 0px;
}
.alumin > ul {
	margin-right: 0px; margin-left: 0px;
}
}
@media screen and (max-width:1024px)
{
.alumin > ul li {
	margin: 0px 15px;
}
}
@media screen and (max-width:768px)
{
.section1 {
	padding-top: 15px; padding-bottom: 15px;
}
.section2 {
	padding-top: 15px; padding-bottom: 15px;
}
.section3 {
	padding-top: 15px; padding-bottom: 15px;
}
.section4 {
	padding-top: 15px; padding-bottom: 15px;
}
.section5 {
	padding-top: 15px; padding-bottom: 15px;
}
.section6 {
	padding-top: 15px; padding-bottom: 15px;
}
.announce {
	padding-top: 15px;
}
.news {
	padding-top: 15px;
}
.alumin {
	padding-top: 15px;
}
.section3 .image {
	margin-top: 0px;
}
.play > ul > li {
	min-height: auto;
}
.show a img {
	height: 85px;
}
.wishes {
	margin-top: 15px;
}
.wishes .box {
	padding-top: 0px;
}
.alumin .slick-prev {
	background-size: 45px auto;
}
.alumin .slick-next {
	background-size: 45px auto;
}
}
@media screen and (max-width:750px)
{
.title h2 p {
	line-height: 30px; font-size: 22px;
}
.title h2 p::before {
	left: -50px; top: 15px; width: 50px;
}
.title h2 p::after {
	top: 15px; width: 50px; right: -50px;
}
.title h2 span {
	font-size: 12px;
}
.title a {
	margin-top: 5px;
}
.announce {
	padding-top: 0px;
}
.announce > ul li > a p {
	font-size: 16px;
}
.section3 .image ul {
	padding-top: 25px; padding-bottom: 25px;
}
.play {
	padding-top: 15px;
}
.play > ul > li {
	width: auto; margin-bottom: 10px; margin-left: 0px; float: none;
}
.play > ul > li > a h2 {
	font-size: 20px;
}
.wishes .topic span {
	padding-right: 5px; padding-left: 5px; font-size: 14px;
}
.wishes .more {
	top: -30px;
}
.wishes .box .wish-box > ul > li {
	width: auto; margin-left: 0px; float: none;
}
}