@charset "utf-8";
* {
	font-family: "微软雅黑", "宋体", "黑体";
	margin: 0px;
	padding: 0px;
	border: none;
    color: #333;
	font-size: 1em;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.5s;
}
@media screen and (min-width: 1200px) {
	body {background: #f7f7f7;}
	.tit .tit-box {padding: 10px 0;text-align: center;}
	.tit .tit-box strong {display: block;font-size: 28px;line-height: 40px;position: relative;}
	.tit .tit-box strong span {display: block;width: 280px;margin: 0 auto;height: 40px;/*background:  center center no-repeat;*/}
	/*.tit .tit-box strong:before {content: " ";display:block;width: calc(50% - 140px);height:2px;background: #d0d0d0;position: absolute;left: 0;top: calc(50% - 1px);}
	.tit .tit-box strong:after {content: " ";display:block;width: calc(50% - 140px);height:2px;background: #d0d0d0;position: absolute;right: 0;top: calc(50% - 1px);}*/
	.tit .tit-box p {margin: 0;font-size: 14px;line-height: 20px;color: #b3b3b3;text-transform: uppercase;}


	/* ---- notice ---- */
	.notice {border-bottom: 1px solid #dadada;}
	.notice-body {position: relative;}
	.notice-body .notice-gif {width: 40px;height: 40px;margin: 10px 0;background: ; position: absolute;left: 0;top: 0;}
	.notice-body .swiper-container .swiper-slide {height: 60px;line-height: normal;}
	.notice-body .swiper-container .swiper-slide .txt-box {padding: 10px 0;padding-left: 40px;cursor: pointer;}
	.notice-body .swiper-container .swiper-slide .txt-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.notice-body .swiper-container .swiper-slide .txt-box strong {float: left;display: block;font-size: 16px;line-height: 40px;padding: 0 0.25em}
	.notice-body .swiper-container .swiper-slide .txt-box span {float: left;display: block;font-size: 16px;line-height: 40px;padding: 0 0.25em}
	.notice-body .swiper-container .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}


	/* ---- news ---- */
	.news {padding: 20px 0;}
	.news-head {padding: 10px 0;}
	.news-body {padding: 10px 0;}
	.news-body .news-sort {}
	.news-body .news-sort ol {width: calc(100% - 30px);margin: 0 15px;border-bottom: 2px solid #ddd;padding-bottom: 8px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.news-body .news-sort ol:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-sort li {float: right;}
	.news-body .news-sort li a {display: block;margin: 0 0.25em;padding: 0 0.25em;font-size: 20px;line-height: 30px;color: #666;transition: all 0.5s;position: relative;}
	.news-body .news-sort li a:before {content: " ";display:block;opacity: 0;width: 100%;height: 4px;background: #fff;transition: all 0.5s;position: absolute;left: 0;bottom: 0px;}
	.news-body .news-sort li.active a {color: #e61e27;}
	.news-body .news-sort li.active a:before {opacity: 1;background: #e61e27;bottom: -14px;}

	.news-body .news-list {perspective: 500;-webkit-perspective: 500;}
	.news-body .news-list ul {margin: 0;padding: 20px 60px;opacity: 0;transform-origin: top;transform: rotatex(-90deg);transition: all 0.5s;position: absolute;left: 0;top: 0;}
	.news-body .news-list ul.active {opacity: 1;transform: rotatex(0deg);position: static;}
	.news-body .news-list li {margin-top: 10px;background:  5px 5px no-repeat;}
	.news-body .news-list li .news-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-list li .news-box {width: calc(100% - 40px);margin-left: 40px;border-bottom: 2px dashed #7d7d7d;padding-bottom: 8px;line-height: 30px;}
	.news-body .news-list li strong {display: block;float: left;font-size: 16px;color: #666;font-weight: normal;}
	.news-body .news-list li span {display: block;float: right;font-size: 14px;color: #666;}


	/* ---- promo ---- */
	.promo {padding: 30px 0;background: #eee;}
	.promo-head {padding: 10px 0;}
	.promo-body {padding: 10px 0 30px;}
	.promo-body .video-box {width: 800px;margin: 0 auto;}
	.promo-body .video-box video {display: block;margin: 0 auto;width: 100%;outline: none;}


	/* ---- culture ---- */
	.culture {padding: 20px 0;background:  center center / cover no-repeat;}
	.culture-head {padding: 10px 0;}
	.culture-body {padding: 10px 5px;}
	.culture-body .culture-list {}
	.culture-body .culture-list .item-box {width: calc((100% - 540px) / 5);height: 253px;transition: all 0.5s;overflow: hidden;position: relative;}
	.culture-body .culture-list .item-box.active {width: 540px;height: 253px;}
	.culture-body .culture-list .item-box:nth-of-type(1) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(2) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(3) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(4) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(5) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(6) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box .culture-box {width: 540px;height: 253px;padding: 5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: tb-rl;position: absolute;left: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .tit-box {padding: 20px;position: absolute;left: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .tit-box h4 {display: block;margin: 0;background-image: linear-gradient(to right bottom, #070906 40%, #facf87);-webkit-background-clip:text;color: transparent;font-size: 48px;line-height: 60px;font-weight: bold}
	.culture-body .culture-list .item-box .culture-box .tit-box h4 i {display: inline-block;font-style: normal;color: inherit;height: 48px;background-image: linear-gradient(to right bottom, #070906 40%, #facf87);-webkit-background-clip:text;color: transparent;}
	.culture-body .culture-list .item-box .culture-box .tit-box small {display: block;background-image: linear-gradient(to right bottom, #8555a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;text-align: center;font-size: 20px;line-height: 30px;font-family: monospace;font-weight: bold;}
	.culture-body .culture-list .item-box .culture-box .txt-box {padding: 15px 15px 0;position: absolute;right: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .txt-box h4 {display: block;margin: 0;background-image: linear-gradient(to right bottom, #8655a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;font-size: 20px;line-height: 30px;font-weight: bold;}
	.culture-body .culture-list .item-box .culture-box .txt-box h4 i {display: inline-block;font-style: normal;color: inherit;height: 20px;background-image: linear-gradient(to right bottom, #8655a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;}
	.culture-body .culture-list .item-box .culture-box .txt-box small {display: block;font-size: 12px;line-height: 20px;color: #000;font-family: "微软雅黑";word-spacing: -1px;}
	.culture-body .culture-list .item-box .culture-box .txt-box span {display: block;width: 2px;height: 200px;margin: 0 9px;background: #000;}
	.culture-body .culture-list .item-box .culture-box .txt-box p {margin: 0;}

}
@media screen and (max-width: 1200px) {
	body {background: #f7f7f7;}
	.tit .tit-box {padding: 10px 0;text-align: center;}
	.tit .tit-box strong {display: block;font-size: 28px;line-height: 40px;position: relative;}
	.tit .tit-box strong span {display: block;width: 280px;margin: 0 auto;height: 40px;/*background:  center center no-repeat;*/}
	/*.tit .tit-box strong:before {content: " ";display:block;width: calc(50% - 140px);height:2px;background: #d0d0d0;position: absolute;left: 0;top: calc(50% - 1px);}
	.tit .tit-box strong:after {content: " ";display:block;width: calc(50% - 140px);height:2px;background: #d0d0d0;position: absolute;right: 0;top: calc(50% - 1px);}*/
	.tit .tit-box p {margin: 0;font-size: 14px;line-height: 20px;color: #b3b3b3;text-transform: uppercase;}


	/* ---- notice ---- */
	.notice {border-bottom: 1px solid #dadada;}
	.notice-body {position: relative;}
	.notice-body .notice-gif {width: 40px;height: 40px;margin: 10px 0;background: ; position: absolute;left: 0;top: 0;}
	.notice-body .swiper-container .swiper-slide {height: 60px;line-height: normal;}
	.notice-body .swiper-container .swiper-slide .txt-box {padding: 10px 0;padding-left: 40px;cursor: pointer;}
	.notice-body .swiper-container .swiper-slide .txt-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.notice-body .swiper-container .swiper-slide .txt-box strong {float: left;display: block;font-size: 16px;line-height: 40px;padding: 0 0.25em}
	.notice-body .swiper-container .swiper-slide .txt-box span {float: left;display: block;font-size: 16px;line-height: 40px;padding: 0 0.25em}
	.notice-body .swiper-container .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}


	/* ---- news ---- */
	.news {padding: 20px 0;}
	.news-head {padding: 10px 0;}
	.news-body {padding: 10px 0;}
	.news-body .news-sort {}
	.news-body .news-sort ol {width: calc(100% - 30px);margin: 0 15px;border-bottom: 2px solid #ddd;padding-bottom: 8px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.news-body .news-sort ol:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-sort li {float: right;}
	.news-body .news-sort li a {display: block;margin: 0 0.25em;padding: 0 0.25em;font-size: 20px;line-height: 30px;color: #666;transition: all 0.5s;position: relative;}
	.news-body .news-sort li a:before {content: " ";display:block;opacity: 0;width: 100%;height: 4px;background: #fff;transition: all 0.5s;position: absolute;left: 0;bottom: 0px;}
	.news-body .news-sort li.active a {color: #e61e27;}
	.news-body .news-sort li.active a:before {opacity: 1;background: #e61e27;bottom: -14px;}

	.news-body .news-list {perspective: 500;-webkit-perspective: 500;}
	.news-body .news-list ul {margin: 0;padding: 20px 60px;opacity: 0;transform-origin: top;transform: rotatex(-90deg);transition: all 0.5s;position: absolute;left: 0;top: 0;}
	.news-body .news-list ul.active {opacity: 1;transform: rotatex(0deg);position: static;}
	.news-body .news-list li {margin-top: 10px;background:  5px 5px no-repeat;}
	.news-body .news-list li .news-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.news-body .news-list li .news-box {width: calc(100% - 40px);margin-left: 40px;border-bottom: 2px dashed #7d7d7d;padding-bottom: 8px;line-height: 30px;}
	.news-body .news-list li strong {display: block;float: left;font-size: 16px;color: #666;font-weight: normal;}
	.news-body .news-list li span {display: block;float: right;font-size: 14px;color: #666;}


	/* ---- promo ---- */
	.promo {padding: 30px 0;background: #eee;}
	.promo-head {padding: 10px 0;}
	.promo-body {padding: 10px 0 30px;}
	.promo-body .video-box {width: 800px;margin: 0 auto;}
	.promo-body .video-box video {display: block;margin: 0 auto;width: 100%;outline: none;}


	/* ---- culture ---- */
	.culture {padding: 20px 0;background:  center center / cover no-repeat;}
	.culture-head {padding: 10px 0;}
	.culture-body {padding: 10px 5px;}
	.culture-body .culture-list {}
	.culture-body .culture-list .item-box {width: calc((100% - 540px) / 5);height: 253px;transition: all 0.5s;overflow: hidden;position: relative;}
	.culture-body .culture-list .item-box.active {width: 540px;height: 253px;}
	.culture-body .culture-list .item-box:nth-of-type(1) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(2) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(3) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(4) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(5) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box:nth-of-type(6) {background:  right center / cover no-repeat;}
	.culture-body .culture-list .item-box .culture-box {width: 540px;height: 253px;padding: 5px;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: tb-rl;position: absolute;left: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .tit-box {padding: 20px;position: absolute;left: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .tit-box h4 {display: block;margin: 0;background-image: linear-gradient(to right bottom, #070906 40%, #facf87);-webkit-background-clip:text;color: transparent;font-size: 48px;line-height: 60px;font-weight: bold;}
	.culture-body .culture-list .item-box .culture-box .tit-box h4 i {display: inline-block;font-style: normal;color: inherit;height: 48px;background-image: linear-gradient(to right bottom, #070906 40%, #facf87);-webkit-background-clip:text;color: transparent;}
	.culture-body .culture-list .item-box .culture-box .tit-box small {display: block;background-image: linear-gradient(to right bottom, #8555a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;text-align: center;font-size: 20px;line-height: 30px;font-family: monospace;font-weight: bold;}
	.culture-body .culture-list .item-box .culture-box .txt-box {padding: 15px 15px 0;position: absolute;right: 0;top: 0;}
	.culture-body .culture-list .item-box .culture-box .txt-box h4 {display: block;margin: 0;background-image: linear-gradient(to right bottom, #8655a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;font-size: 20px;line-height: 30px;font-weight: bold;}
	.culture-body .culture-list .item-box .culture-box .txt-box h4 i {display: inline-block;font-style: normal;color: inherit;height: 20px;background-image: linear-gradient(to right bottom, #8655a2 40%, #4a4fab);-webkit-background-clip:text;color: transparent;}
	.culture-body .culture-list .item-box .culture-box .txt-box small {display: block;font-size: 12px;line-height: 20px;color: #000;font-family: "微软雅黑";word-spacing: -1px;}
	.culture-body .culture-list .item-box .culture-box .txt-box span {display: block;width: 2px;height: 200px;margin: 0 9px;background: #000;}
	.culture-body .culture-list .item-box .culture-box .txt-box p {margin: 0;}
}
@media (max-width: 1024px){
}
@media (max-width: 992px){
}
@media (max-width: 768px){
}
@media (max-width: 640px) {
	.tit .tit-box {padding: 5px 0;}
	.tit .tit-box strong {font-size: 24px;line-height: 30px;}
	.tit .tit-box strong span {width: 240px;height: 30px;}


	.notice-body .swiper-container .swiper-slide {height: 40px;}
	.notice-body .swiper-container .swiper-slide .txt-box {padding: 5px;padding-left: 20px;}
	.notice-body .swiper-container .swiper-slide .txt-box strong {font-size: 14px;line-height: 30px}
	.notice-body .swiper-container .swiper-slide .txt-box span {font-size: 14px;line-height: 30px;}

	.news {padding: 10px 0;}
	.news-body .news-sort ol {width: 100%;margin: 0;}
	.news-body .news-list ul {padding: 10px 0;}
	.news-body .news-list li .news-box {margin-left: 35px;margin-right: 5px;}
	.news-body .news-list li strong {font-size: 14px;}
	.news-body .news-list li .news-box {padding-top: 5px;padding-bottom: 3px;}

	.promo {padding: 10px 0;}
	.promo-body {padding: 10px 0;}
	.promo-body .video-box {width: 100%;height: auto;}

	.culture-body .culture-list .item-box {width: 100%;background-position: center left;}
	.culture-body .culture-list .item-box .culture-box {width: 100%;left: 0;right: auto;}

}
@media (max-width: 414px) {
	.tit .tit-box strong span {font-size: 20px;}

}
@media (max-width: 375px) {
	.news-body .news-list li span {display: none;}

	.notice-body .swiper-container .swiper-slide .txt-box {white-space: nowrap;padding-left: 5px;}
	.notice-body .swiper-container .swiper-slide .txt-box strong {float: none;display: inline;font-size: 12px;}
	.notice-body .swiper-container .swiper-slide .txt-box span {float: none;display: inline;font-size: 12px;}
}
@media (max-width: 360px) {
	.culture-body .culture-list .item-box .culture-box .tit-box {padding: 5px;}
	.culture-body .culture-list .item-box .culture-box .tit-box h4 {font-size: 40px;line-height: 40px;}


}
@media (max-width: 320px) {

}