@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) {
}