@charset "utf-8";
@font-face { font-family: "SYSTBold"; src: url("../font/SYST-bold-subset.woff") format("woff"); }
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }

html { width: 100%; min-width: 1025px; font-size: 100px; }

body { min-width: 1025px; font-size: .16rem; }

.overflow { height: 100vh; overflow: hidden !important; }

.container { width: 1600px; max-width: 85%; margin: 0 auto; }

.header { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 1000; width: 100%; min-width: 1025px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.header::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 2; content: ""; width: 100%; height: 5px; background: linear-gradient(270deg, #2D21E4 0%, #791CB5 100%); }
.header::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 200%; content: ""; background: linear-gradient(180deg, #030303 0%, rgba(0, 0, 0, 0) 76%); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.header .head-layer1 { position: relative; z-index: 2; padding: .35rem 0 .15rem; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.header .head-layer1::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; content: ""; opacity: 0; background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.header .head-layer1 .container { position: relative; z-index: 2; }
.header .head-layer2 { position: relative; z-index: 2; }
.header .head-layer2::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; content: ""; opacity: 0; background: linear-gradient(270deg, #2E21E3 0%, #791CB5 100%); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.header .head-layer2 .container { position: relative; z-index: 2; }
.header .right-wrapper { position: absolute; top: 0.12rem; right: 0; bottom: auto; left: auto; z-index: 1; }
.header.scroll { z-index: 1001; box-shadow: 0 0 0.12rem 0 rgba(0, 0, 0, 0.3); }
.header.scroll::before, .header.scroll::after { opacity: 0; visibility: hidden; }
.header.scroll .head-layer1 { padding: .2rem 0; }
.header.scroll .head-layer1::after { opacity: 1; }
.header.scroll .head-layer2::after { opacity: 1; }
.header.scroll .top-link a { color: rgba(51, 51, 51, 0.7); }
.header.scroll .top-link a.en { background-image: url("../images/j_icon8_3.png"); }
.header.scroll .top-link a:hover { color: #7518E9; }
.header.scroll .pad-btn .search-btn { color: rgba(51, 51, 51, 0.7); background-image: url("../images/j_icon8_4.png"); }
.header.scroll .pad-btn .search-btn:hover { color: #7518E9; }
.header.scroll .pad-btn .nav-btn i { background: #7518E9; }
.header.scroll .logo img.logo1 { display: none; }
.header.scroll .logo img.logo2 { display: inline-block; }
.header.scroll.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.header.nav-show::after { opacity: 0; visibility: hidden; }
.header.nav-show .head-layer1::after { opacity: 0; visibility: hidden; }
.header.nav-show .head-layer2::after { opacity: 0; visibility: hidden; }
.header.nav-show .nav { opacity: 0; visibility: hidden; -webkit-transform: translateY(0.21rem); -moz-transform: translateY(0.21rem); -ms-transform: translateY(0.21rem); -o-transform: translateY(0.21rem); transform: translateY(0.21rem); -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; }
.header.nav-show .logo img.logo1 { display: inline-block; }
.header.nav-show .logo img.logo2 { display: none; }
.header.nav-show .top-link a { color: rgba(255, 255, 255, 0.7); }
.header.nav-show .top-link a.en { background-image: url("../images/j_icon8_1.png"); }
.header.nav-show .top-link a:hover { color: #fff; }
.header.nav-show .pad-btn .search-btn { color: rgba(255, 255, 255, 0.7); background-image: url("../images/j_icon8_2.png"); }
.header.nav-show .pad-btn .search-btn:hover { color: #fff; }
.header.nav-show .pad-btn .nav-btn i { background: #d8d8d8; }

.logo { -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; text-align: center; }
.logo img { max-height: .64rem; }
.logo img.logo2 { display: none; }

.top-link a { position: relative; display: inline-block; margin: 0 0.3rem 0 0; font-size: 0.14rem; font-weight: 500; line-height: 0.4rem; color: rgba(255, 255, 255, 0.7); text-align: left; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -ms-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
.top-link a:hover { color: #fff; }
.top-link a.en { padding: 0 0 0 32px; background-image: url("../images/j_icon8_1.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }

.nav { width: 1690px; max-width: 90%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.nav li { float: left; width: 10%; position: relative; }
.nav li a { position: relative; display: block; font-size: 0.2rem; font-weight: 700; line-height: 0.6rem; color: #fff; text-align: center; }
.nav li > a { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.nav li:hover .sub-nav { visibility: visible; top: 100%; opacity: 1; }
.nav .sub-nav { position: absolute; top: 130%; right: auto; bottom: auto; left: calc(50% - .85rem); z-index: 1; min-width: 1.7rem; padding: .1rem .16rem; background: #4B0C77; opacity: 0; visibility: hidden; box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.14); background: white; border-radius: 4px; -webkit-transition: all 0.32s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -moz-transition: all 0.32s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -ms-transition: all 0.32s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: all 0.32s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.32s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.nav .sub-nav dd { border-bottom: 1px solid #efefef; }
.nav .sub-nav dd:last-child { border: none; }
.nav .sub-nav a { padding: .12rem 0; font-size: .16rem; font-weight: 400; line-height: .26rem; color: #666; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.nav .sub-nav a:hover { color: #7518E9; }
.nav .sub-nav .tri { position: absolute; top: auto; right: auto; bottom: 100%; left: 0%; z-index: 1; width: 100%; height: 12px; overflow: hidden; border: none; }
.nav .sub-nav .tri::after { display: block; content: ""; box-sizing: border-box; width: 12px; height: 12px; margin: 0 auto; background: #fff; -webkit-transform: translate(0px, 6px) rotate(45deg); -moz-transform: translate(0px, 6px) rotate(45deg); -ms-transform: translate(0px, 6px) rotate(45deg); -o-transform: translate(0px, 6px) rotate(45deg); transform: translate(0px, 6px) rotate(45deg); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }

.banner { font-size: 0; width: 100%; height: 100vh; }
.banner::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 20%; background: linear-gradient(0deg, rgba(3, 3, 3, 0.5) 0%, rgba(0, 0, 0, 0) 76%); content: ""; }
.banner .img { position: relative; display: block; width: 100%; height: 100vh; overflow: hidden; }
.banner .img img { position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); -webkit-transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s; -ms-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s; }
.banner .swiper-slide-active img { -webkit-transition: transform 6s ease 1s; -moz-transition: transform 6s ease 1s; -ms-transition: transform 6s ease 1s; -o-transition: transform 6s ease 1s; transition: transform 6s ease 1s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner .pagination { position: absolute; top: auto; right: auto; bottom: 0.36rem; left: 0%; z-index: 2; width: 100%; text-align: center; }
.banner .pagination .swiper-pagination-bullet { position: relative; width: auto; height: auto; margin: 0 .1rem; border-radius: 0; background: none; opacity: 1; }
.banner .pagination .swiper-pagination-bullet::after { position: relative; z-index: 2; display: block; content: ""; box-sizing: border-box; width: .5rem; height: .4rem; background-image: url("../images/tag1.png"); background-repeat: no-repeat; background-position: 50% 0%; background-color: transparent; background-size: auto; }
.banner .pagination .swiper-pagination-bullet::before { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; width: 100%; height: 0%; content: ""; border-bottom: 2px solid #7418E9; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(117, 24, 233, 0.5) 100%); opacity: 0; -webkit-transition: 0.5s 0.32s ease 0s; -moz-transition: 0.5s 0.32s ease 0s; -ms-transition: 0.5s 0.32s ease 0s; -o-transition: 0.5s 0.32s ease 0s; transition: 0.5s 0.32s ease 0s; }
.banner .pagination .swiper-pagination-bullet:nth-child(2)::after { background-image: url("../images/tag2.png"); }
.banner .pagination .swiper-pagination-bullet:nth-child(3)::after { background-image: url("../images/tag3.png"); }
.banner .pagination .swiper-pagination-bullet:nth-child(4)::after { background-image: url("../images/tag4.png"); }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1; height: 100%; }

@keyframes yuan-ani1 { 0% { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); opacity: .2; }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } }
.pad-btn { font-size: 0; }
.pad-btn .search-btn { display: inline-block; vertical-align: top; padding: 0 0 0 30px; font-size: 0.14rem; font-weight: 500; line-height: 0.4rem; color: rgba(255, 255, 255, 0.7); text-align: left; background-image: url(../images/j_icon8_2.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -ms-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; }
.pad-btn .search-btn:hover { color: #fff; }
.pad-btn .nav-btn { display: inline-block; vertical-align: top; width: 22px; margin: .05rem 0 0 .3rem; cursor: pointer; }
.pad-btn .nav-btn i { display: block; height: 2px; margin: 6px 0; background: #d8d8d8; -webkit-transition: all 0.32s cubic-bezier(1, -0.01, 0, 1) 0s; -moz-transition: all 0.32s cubic-bezier(1, -0.01, 0, 1) 0s; -ms-transition: all 0.32s cubic-bezier(1, -0.01, 0, 1) 0s; -o-transition: all 0.32s cubic-bezier(1, -0.01, 0, 1) 0s; transition: all 0.32s cubic-bezier(1, -0.01, 0, 1) 0s; }
.pad-btn .nav-btn.close i:nth-child(1) { -webkit-transform: translate(0px, 8px) rotate(45deg); -moz-transform: translate(0px, 8px) rotate(45deg); -ms-transform: translate(0px, 8px) rotate(45deg); -o-transform: translate(0px, 8px) rotate(45deg); transform: translate(0px, 8px) rotate(45deg); }
.pad-btn .nav-btn.close i:nth-child(2) { opacity: 0; }
.pad-btn .nav-btn.close i:nth-child(3) { -webkit-transform: translate(0px, -8px) rotate(-45deg); -moz-transform: translate(0px, -8px) rotate(-45deg); -ms-transform: translate(0px, -8px) rotate(-45deg); -o-transform: translate(0px, -8px) rotate(-45deg); transform: translate(0px, -8px) rotate(-45deg); }

#mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s; -ms-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; }
#mask::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 30%; opacity: 0; background: rgba(0, 0, 0, 0.45); content: ""; -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; -ms-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; }
#mask .search-box { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; z-index: 10; width: 100%; padding: .2rem 0; overflow: hidden; }
#mask .search-box .form { position: relative; background: #fff; white-space: nowrap; padding: .16rem .2rem .16rem .2rem; width: 80%; max-width: 8rem; margin: 0 auto; opacity: 0; -webkit-transition: all 0.42s ease 0s; -moz-transition: all 0.42s ease 0s; -ms-transition: all 0.42s ease 0s; -o-transition: all 0.42s ease 0s; transition: all 0.42s ease 0s; box-shadow: 0 0 2px 0 #ccc; border-radius: 4px; -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); transform: translateY(150%); }
#mask .search-box .input { width: calc(100% - .6rem); height: .6rem; padding: 0 .1rem 0 .2rem; vertical-align: top; font-size: 0.15rem; font-weight: 500; line-height: 0.6rem; color: #333; text-align: left; border: 1px solid #d2abeb; border-radius: 2px; }
#mask .search-box .submit { position: relative; width: .5rem; height: .5rem; margin: .05rem 0 0 .1rem; vertical-align: top; background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); border-radius: 50%; }
#mask .search-box .submit::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; background-image: url("../images/search2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; content: ""; }
#mask .search-box .close { width: .55rem; height: .55rem; position: absolute; top: 50%; right: auto; bottom: auto; left: calc(100% + .3rem); z-index: 1; cursor: pointer; -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }
#mask .search-box .close .line { display: block; width: 100%; height: 2px; }
#mask .search-box .close .line i { display: block; width: 100%; height: 2px; background: #fff; }
#mask .search-box .close .line.l1 { -webkit-transform: translate(0, 25px) rotate(45deg); -moz-transform: translate(0, 25px) rotate(45deg); -ms-transform: translate(0, 25px) rotate(45deg); -o-transform: translate(0, 25px) rotate(45deg); transform: translate(0, 25px) rotate(45deg); }
#mask .search-box .close .line.l2 { -webkit-transform: translate(0, 23px) rotate(-45deg); -moz-transform: translate(0, 23px) rotate(-45deg); -ms-transform: translate(0, 23px) rotate(-45deg); -o-transform: translate(0, 23px) rotate(-45deg); transform: translate(0, 23px) rotate(-45deg); }
#mask .search-box .close:hover .line.l1 i { animation: line-ani1 .4s ease-in-out .3s; }
#mask .search-box .close:hover .line.l2 i { animation: line-ani1 ease-in-out .4s; }
#mask.show { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#mask.show::after { opacity: 1; height: 100%; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; transition: all 0.45s ease 0s; }
#mask.show .search-box .form { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: .2s; -ms-transition-delay: .2s; }

@keyframes line-ani1 { 0% { width: 0%; }
  100% { width: 100%; } }
#mask2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; padding: 1.35rem 0 0; visibility: hidden; }
#mask2::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.75); content: ""; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#mask2 .nav2 { position: relative; z-index: 2; width: 1680px; height: calc(100% - .4rem); overflow-x: hidden; -webkit-transform: translateY(-0.21rem); -moz-transform: translateY(-0.21rem); -ms-transform: translateY(-0.21rem); -o-transform: translateY(-0.21rem); transform: translateY(-0.21rem); }
#mask2 .nav2 li { float: left; width: 10%; }
#mask2 .nav2 a { display: block; font-size: 0.2rem; font-weight: 700; line-height: 0.55rem; color: #fff; text-align: center; }
#mask2 .nav2 .lv2-nav { padding: 0 0 .3rem; }
#mask2 .nav2 .lv2-nav a { font-size: .17rem; font-weight: 500; line-height: .4rem; }
#mask2 .nav2 .lv3-nav { padding: 0 0 .2rem; }
#mask2 .nav2 .lv3-nav a { font-size: .13rem; line-height: .3rem; opacity: .65; }
#mask2 .nav2 .lv3-nav a:hover { opacity: 1; }
#mask2.show { visibility: visible; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#mask2.show::after { opacity: 1; }
#mask2.show .nav2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; }

.tt1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tt2 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.tt3 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.tt4 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.tt5 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.img-scale { position: relative; display: block; overflow: hidden; }
.img-scale img { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-scale .img-frame { position: relative; overflow: hidden; }
.img-scale .img { /*背景图替换img*/ height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-scale .img img { display: none; min-height: 100%; }
.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }
.img-scale:hover .img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }

.column { position: relative; margin: .85rem 0 .45rem; text-align: center; }
.column .more { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; }
.column h3 { position: relative; display: inline-block; font-size: 0.36rem; font-weight: 700; line-height: 0.48rem; color: #333; text-align: left; }
.column h3 .en { position: relative; margin: 4px 0 0; font-family: "SYSTBold"; text-align: right; font-size: .16rem; line-height: .24rem; color: #666; }
.column h3 .en::before { display: inline-block; vertical-align: middle; content: ""; width: .53rem; height: 1px; margin: 0 .13rem 0 0; background: #7518E9; }
.column h3 .en::after { position: absolute; top: 0; right: auto; bottom: auto; left: calc(100% + .1rem); z-index: 1; content: ""; width: .27rem; height: .27rem; background-image: url("../images/j_icon1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.more { font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #666; text-align: left; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.more::after { display: inline-block; vertical-align: top; content: ""; width: .41rem; height: .4rem; margin: 0 0 0 .1rem; background-image: url("../images/j_icon2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.more:hover { color: #7518E9; }
.more:hover::after { margin: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }

.title { font-size: 0.18rem; font-weight: 500; line-height: 0.32rem; color: #333; text-align: left; }

.info { font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #999; text-align: justify; }

.date { font-family: "SYSTBold"; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #6510AD; text-align: left; }

.index-layer1 { padding: 1px 0 .8rem; background-image: url("../images/index_bg5.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index-layer1 .pic-list1 li { width: 27%; }
.index-layer1 .pic-list1 .first { width: 46%; }
.index-layer1 .pic-list1 .first .img { padding: 5.1rem 0 0; }
.index-layer1 .pic-list1 .first .text { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: auto; padding: .5rem .25rem .3rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.8) 100%); }
.index-layer1 .pic-list1 .first .title { font-size: .22rem; color: #fff; }

.index-layer2 { padding: 1px 0 .8rem; background-image: url("../images/index_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index-layer2 .column { margin-bottom: .35rem; }

.index-layer3 { padding: 1px 0 .2rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index-layer3 .column h3 { color: #fff; }
.index-layer3 .column h3 .en { color: #fff; }
.index-layer3 .column h3 .en::before { background: #fff; }
.index-layer3 .column h3 .en::after { background-image: url("../images/j_icon1_2.png"); }
.index-layer3 .column .more { color: #fff !important; }

.index-layer4 { padding: 1px 0 1.1rem; background-image: url("../images/index_bg3.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.index-layer5 { padding: 1px 0 1.2rem; background-image: url("../images/index_bg4.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.news-swiper .text p { opacity: 0; transform: translateY(100%); -ms-transform: translateY(100%);  }
.news-swiper .swiper-slide-active p { opacity: 1; transform: translateY(0); -ms-transform: translateY(0); transition: all .6s ease .6s; -ms-transition: all .6s ease .6s; }

.news-swiper1 { padding: .1rem .1rem 0; margin: 0 -.1rem; }
.news-swiper1 .swiper-slide { position: relative; z-index: 1; display: block; padding: .22rem .25rem .16rem; background: #fff; box-shadow: 0px 0px .1rem 0px #CEE6FA; }
.news-swiper1 .swiper-slide::before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: -1; width: 100%; height: .8rem; content: ""; background-image: url("../images/j_icon10.png"); background-repeat: no-repeat; background-position: 68% 0; background-color: transparent; background-size: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.news-swiper1 .swiper-slide::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -2; width: 100%; height: 100%; content: ""; background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); opacity: 0; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.news-swiper1 .swiper-slide:hover::before { height: 1.1rem; background-image: url("../images/j_icon11.png"); }
.news-swiper1 .swiper-slide:hover::after { opacity: 1; }
.news-swiper1 .swiper-slide:hover .title, .news-swiper1 .swiper-slide:hover .date { color: #fff; }
.news-swiper1 .swiper-slide:hover .date i { background-image: url("../images/j_icon12_2.png"); }
.news-swiper1 .title { height: .64rem; margin: 0 0 .07rem; }
.news-swiper1 .date { line-height: .55rem; }
.news-swiper1 .date i { position: relative; float: right; width: .55rem; height: .55rem; background-image: url("../images/j_icon12.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.news-swiper1 .date i::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; content: ""; background-image: url("../images/j_icon9.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: contain; }
.news-swiper1 .pagination { position: relative; z-index: 1; margin: .9rem 0 0; text-align: center; }
.news-swiper1 .pagination::after { position: absolute; top: 10px; right: 0; bottom: auto; left: auto; z-index: -1; width: 100%; height: 1px; background: #C9BCDB; content: ""; }
.news-swiper1 .pagination span { vertical-align: top; width: auto; height: auto; padding: 6px; margin: 0 .2rem !important; border: 1px dashed #B396D8; background: #F0F8FF; opacity: 1; cursor: pointer; }
.news-swiper1 .pagination span::after { display: block; content: ""; box-sizing: border-box; width: 6px; height: 6px; background: #D9C3F4; border-radius: 50%; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.news-swiper1 .pagination span.swiper-pagination-bullet-active { border-color: #7518E9; }
.news-swiper1 .pagination span.swiper-pagination-bullet-active::after { background: #7518E9; }
.news-swiper1 .arrow { position: absolute; top: auto; right: auto; bottom: 2px; left: auto; z-index: 1; width: .45rem; height: .45rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #F0F8FF; background-size: auto; border: 1px solid #7518E9; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.news-swiper1 .arrow.swiper-prev { left: .1rem; }
.news-swiper1 .arrow.swiper-next { right: .1rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.news-swiper1 .arrow:hover { background-color: #7518E9; background-image: url("../images/arrow1_2.png"); }

.news-swiper2 { position: relative; height: 6rem; }
.news-swiper2 .swiper-wrapper { align-items: center; }
.news-swiper2 .swiper-slide { background: #FFFFFF; -webkit-transition: all 0.6s linear 0s; -moz-transition: all 0.6s linear 0s; -ms-transition: all 0.6s linear 0s; -o-transition: all 0.6s linear 0s; transition: all 0.6s linear 0s; }
.news-swiper2 .swiper-slide.swiper-slide-active { width: 5.6rem !important; }
.news-swiper2 .swiper-slide.swiper-slide-active .more2 { width: 1.75rem; line-height: .5rem; color: #fff; border-color: transparent; background: linear-gradient(282deg, #0625FC 0%, #791CB5 100%); }
.news-swiper2 .swiper-slide.swiper-slide-active .more2::after { margin-left: .12rem; background-image: url("../images/j_icon6_2.png"); }
.news-swiper2 .swiper-slide.swiper-slide-active .title { font-size: .2rem; height: .32rem; display: block; text-overflow: ellipsis; white-space: nowrap; }
.news-swiper2 .swiper-slide.swiper-slide-active .info { height: .84rem; }
.news-swiper2 .swiper-slide.swiper-slide-prev { width: 4.6rem !important; }
.news-swiper2 .swiper-slide.swiper-slide-next { width: 4.6rem !important; }
.news-swiper2 .swiper-slide:hover .title { color: #6510AD; }
.news-swiper2 .img { padding: 57.4% 0 0; }
.news-swiper2 .text { padding: .26rem .45rem .48rem; }
.news-swiper2 .title { height: .64rem; font-weight: 700; }
.news-swiper2 .info { height: .56rem; margin: .1rem 0 .26rem; }
.news-swiper2 .more2 { width: 1.45rem; margin: 0 auto; font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #6510AD; text-align: center; border: 1px solid #6510AD; border-radius: .4rem; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.news-swiper2 .more2::after { display: inline-block; vertical-align: middle; content: ""; width: 22px; height: 23px; margin: 0 0 3px .09rem; background-image: url("../images/j_icon6_1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.news-swiper2 .arrow { position: absolute; top: calc(50% - .3rem); right: auto; bottom: auto; left: auto; z-index: 1; width: .6rem; height: .6rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: 1px solid #7518E9; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.news-swiper2 .arrow.swiper-prev { left: -.85rem; }
.news-swiper2 .arrow.swiper-next { right: -.85rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.news-swiper2 .arrow:hover { background-color: #7518E9; background-image: url("../images/arrow1_2.png"); }

.pic-list1 { font-size: 0; margin: 0 -0.19rem; }
.pic-list1 > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.19rem; }
.pic-list1 li { margin: 0 0 .4rem; }
.pic-list1 .img-scale { z-index: 1; background: #fff; box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.pic-list1 .img-scale::before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: -1; width: 100%; height: 1.2rem; content: ""; background-image: url("../images/j_icon11.png"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); }
.pic-list1 .img-scale::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -2; width: 100%; height: 100%; content: ""; background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); opacity: 0; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.pic-list1 .img-scale .img { padding: 2.54rem 0 0; }
.pic-list1 li:not(.first) .img-scale:hover { box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.pic-list1 .img-scale:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.pic-list1 .img-scale:hover::after { opacity: 1; }
.pic-list1 .img-scale:hover .title, .pic-list1 .img-scale:hover .info, .pic-list1 .img-scale:hover .date { color: #fff; }
.pic-list1 .img-scale:hover .date { background-image: url("../images/j_icon3_2.png"); }
.pic-list1 .text { height: 2.56rem; padding: .26rem .27rem .44rem; }
.pic-list1 .text .title { max-height: .64rem; font-weight: 700; }
.pic-list1 .text .info { height: .56rem; margin: .18rem 0 .16rem; }
.pic-list1 .text .date { padding: 0 0 0 29px; background-image: url("../images/j_icon3.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }

.pic-list2 { font-size: 0; margin: 0 -0.17rem; }
.pic-list2 > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.17rem; }
.pic-list2 li { position: relative; margin: 0 0 .8rem; }
.pic-list2 li::before { position: absolute; top: 0.13rem; right: auto; bottom: auto; left: 0.14rem; z-index: 1; width: 8px; height: 8px; background: #fff; border-radius: 50%; content: ""; }
.pic-list2 li::after { position: absolute; top: 0.78rem; right: auto; bottom: auto; left: 0.14rem; z-index: 1; width: 8px; height: 8px; background: #fff; border-radius: 50%; content: ""; }
.pic-list2 .img-scale { z-index: 1; padding: .33rem .45rem .6rem; overflow: visible; }
.pic-list2 .img-scale::before { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; width: 100%; height: 100%; background-image: url("../images/j_icon5.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100% 100%; content: ""; opacity: .35; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.pic-list2 .img-scale:hover::before { opacity: 1; }
.pic-list2 .img-scale:hover .icon { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.pic-list2 .date { line-height: .3rem; font-family: "Microsoft YaHei"; color: #b8b8b8; -webkit-transform: translateX(-0.67rem); -moz-transform: translateX(-0.67rem); -ms-transform: translateX(-0.67rem); -o-transform: translateX(-0.67rem); transform: translateX(-0.67rem); }
.pic-list2 .date span { vertical-align: bottom; margin: 0 .14rem 0 0; color: #fff; font-size: .36rem; font-weight: 700; }
.pic-list2 .title { margin: .26rem 0 .15rem; font-weight: 700; color: #fff; }
.pic-list2 .info { height: .56rem; color: #E7E7E7; margin: 0 0 .35rem; }
.pic-list2 .img { padding: 2.73rem 0 0; }
.pic-list2 .icon { position: absolute; top: auto; right: auto; bottom: -0.34rem; left: calc(50% - .35rem); z-index: 1; border: 0.08rem solid rgba(231, 231, 231, 0.2); border-radius: 50%; opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
.pic-list2 .icon::after { display: block; content: ""; box-sizing: border-box; width: .53rem; height: .53rem; border-radius: 50%; background-image: url("../images/j_icon4.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff; background-size: auto; }

.pic-list3 { font-size: 0; margin: 0 0; }
.pic-list3 > li { display: inline-block; vertical-align: top; width: 25%; padding: 0 0; }
.pic-list3 li:first-child .img-scale { border: none; }
.pic-list3 li:hover + li .img-scale { border-color: transparent; }
.pic-list3 .img-scale { border-left: 1px solid #CAD8E4; padding: 1rem .45rem 1.05rem; overflow: visible; -webkit-transition: background 0.32s ease 0s; -moz-transition: background 0.32s ease 0s; -ms-transition: background 0.32s ease 0s; -o-transition: background 0.32s ease 0s; transition: background 0.32s ease 0s; }
.pic-list3 .img-scale::after { position: absolute; top: auto; right: auto; bottom: 0; left: -1px; z-index: 1; width: calc(100% + 1px); height: 3px; content: ""; background: linear-gradient(270deg, #0625FC 0%, #791CB5 100%); opacity: 0; }
.pic-list3 .img-scale:hover { padding: .35rem .45rem .4rem; background: #FFFFFF; border-color: transparent; box-shadow: 0px 19px 25px 0px rgba(103, 128, 228, 0.3); }
.pic-list3 .img-scale:hover::after { opacity: 1; }
.pic-list3 .img-scale:hover .date.d1 { display: none; }
.pic-list3 .img-scale:hover .date.d2 { display: block; }
.pic-list3 .img-scale:hover .title { margin-top: 0; font-weight: 700; color: #6510AD; }
.pic-list3 .img-scale:hover .img-frame { margin: .16rem 0 .26rem; }
.pic-list3 .img-scale:hover .img-frame .img { padding: 1.92rem 0 0; }
.pic-list3 .img-scale:hover .info { color: #ABABAB; }
.pic-list3 .date { letter-spacing: 0.05em; color: #2C2C2C; overflow: hidden; }
.pic-list3 .date.d1 { font-size: .3rem; }
.pic-list3 .date.d2 { display: none; line-height: .3rem; font-size: .2rem; }
.pic-list3 .title { font-size: .2rem; line-height: .3rem; height: .6rem; margin: .2rem 0 .05rem; }
.pic-list3 .img-frame { margin: .36rem 0 .55rem; }
.pic-list3 .info { height: .56rem; color: #635F5F; }

.footer { background: #4B0C77; }
.footer > .container { padding: .44rem 0; }

.foot-link { padding: .11rem 0; border-bottom: 1px solid rgba(216, 216, 216, 0.2); }
.foot-link .tips { display: inline-block; vertical-align: top; padding: 0 0 0 26px; font-size: 0.18rem; font-weight: 700; line-height: 0.4rem; color: #fff; text-align: left; background-image: url("../images/j_icon7.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.foot-link .link-box { display: inline-block; vertical-align: top; }
.foot-link .link-box a { position: relative; display: inline-block; margin: 0 .6rem 0 0; font-size: 0.18rem; font-weight: 500; line-height: 0.4rem; color: #fff; text-align: left; }
.foot-link .link-box a::after { position: absolute; top: auto; right: 0; bottom: 5px; left: auto; z-index: 1; width: 0; height: 1px; background: #fff; content: ""; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.foot-link .link-box a:hover::after { right: auto; left: 0; width: 100%; }

.foot-contact { width: 3.8rem; font-size: 0.15rem; font-weight: 500; line-height: 0.32rem; color: #fff; text-align: left; }
.foot-contact .tips { font-size: .18rem; font-weight: 700; }
.foot-contact p { padding: 0 0 0 25px; background-image: url("../images/foot1.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.foot-contact p:nth-child(3) { background-image: url("../images/foot2.png"); }
.foot-contact p:nth-child(4) { background-image: url("../images/foot3.png"); }

.QR-code { width: 3.8rem; margin: .3rem 0 0; text-align: right; }
.QR-code li { position: relative; display: inline-block; margin: 0 0 0 .1rem; width: .5rem; height: .5rem; background-image: url(../images/share1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border-radius: 50%; cursor: pointer; -webkit-transition: opacity 0.32s ease 0s; -moz-transition: opacity 0.32s ease 0s; -ms-transition: opacity 0.32s ease 0s; -o-transition: opacity 0.32s ease 0s; transition: opacity 0.32s ease 0s; opacity: .8; }
.QR-code li:nth-child(1) { margin: 0; }
.QR-code li:nth-child(2) { background-image: url(../images/share2.png); }
.QR-code li:nth-child(3) { background-image: url(../images/share3.png); }
.QR-code li:nth-child(4) { background-image: url(../images/share4.png); }
.QR-code li:nth-child(5) { background-image: url(../images/share5.png); }
.QR-code li .img { visibility: hidden; opacity: 0; padding: .1rem; background: #fff; border-radius: 5px; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2); position: absolute; top: auto; right: auto; bottom: calc(100% + .3rem); left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.QR-code li .img img { width: .9rem; max-width: none; height: .9rem; }
.QR-code li .img p { font-size: 0.14rem; font-weight: 500; line-height: 0.22rem; color: #666; text-align: center; }
.QR-code li .img::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 100%; right: auto; bottom: auto; left: calc(50% - 8px); z-index: 1; width: 0; border: 8px solid transparent; border-top-color: #fff; }
.QR-code li:hover { opacity: 1; }
.QR-code li:hover .img { display: block; visibility: visible; opacity: 1; bottom: calc(100% + .15rem); }

.copy { width: calc(100% - 7.6rem); font-size: 0.16rem; font-weight: 500; line-height: 0.32rem; color: #fff; text-align: center; }
.copy img { margin: 0 0 .24rem; max-height: .64rem; }

.section { padding: 1px 0 .5rem; }

.decorate { position: relative; padding: 32% 0 0; }
.decorate img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }

.sidebar { position: relative; z-index: 3; width: 2.6rem; margin: -.7rem 0 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); }
.sidebar h3 { position: relative; font-size: 0.28rem; font-weight: 700; line-height: 1rem; color: #fff; text-align: center; background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); }
.sidebar .sub-nav { position: relative; }
.sidebar .sub-nav li { position: relative; border-bottom: 1px solid #ededed; }
.sidebar .sub-nav li:last-child { border: none; }
.sidebar .sub-nav li.cur > a { color: #6510AD !important; font-weight: 700; }
.sidebar .sub-nav li.cur > a p::after { width: 100%; opacity: 1; }
.sidebar .sub-nav li:hover > a { color: #4B0C77; }
.sidebar .sub-nav a { padding: 0 .5rem 0 .3rem; font-size: 0.18rem; font-weight: 500; line-height: 0.7rem; color: #333; text-align: left; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.sidebar .sub-nav a p { position: relative; }
.sidebar .sub-nav a p::after { position: absolute; top: auto; right: auto; bottom: -0.03rem; left: 0; z-index: 1; width: 0; max-width: .9rem; height: .15rem; border-radius: .1rem 0 .1rem 0; background: #54a4e2; content: ""; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; opacity: 0; }
.sidebar .sub-nav a span { position: relative; z-index: 2; }
.sidebar .sub-nav .down { position: absolute; top: 0.2rem; right: 0.2rem; bottom: auto; left: auto; z-index: 1; width: .3rem; height: .3rem; background-image: url("../images/arrow1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 8px; cursor: pointer; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.sidebar .sub-nav .down.close { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.sidebar .sub-nav .lv3 { display: none; margin: -.1rem 0 0; padding: 0 0 .15rem .1rem; }
.sidebar .sub-nav .lv3 a { height: auto; font-size: .15rem; color: #666; line-height: .36rem; }
.sidebar .sub-nav .lv3 a::before { display: inline-block; width: 4px; height: 4px; background: #bbb; margin: 0 .1rem 0 0; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sidebar .sub-nav .lv3 a:hover { color: #6510AD; }
.sidebar .sub-nav .lv3 a:hover::before { background: #6510AD; }
.sidebar .sub-nav .lv3 a.cur { color: #6510AD; font-weight: 700; }
.sidebar .sub-nav .lv3 a.cur::before { background: #6510AD; }

.main { position: relative; z-index: 4; width: calc(100% - 3.1rem); min-height: 4rem; margin: .3rem 0 0; }

.position { padding: 0 0 .2rem; margin: 0 0 .1rem 0; border-bottom: 1px solid #eee; }
.position h3 { display: inline-block; white-space: nowrap; font-family: "Source"; font-size: 0.25rem; font-weight: 500; line-height: 0.3rem; color: #333; text-align: left; }
.position h3::before { display: inline-block; vertical-align: top; content: ""; width: 5px; height: .3rem; margin: 0 .15rem 0 0; background: linear-gradient(0deg, #2E21E3 -16%, #791CB5 101%); }
.position .line { display: none; }

.place { float: right; font-size: 0.16rem; font-weight: 500; line-height: 0.3rem; color: #626262; text-align: left; padding: 0 0 0 26px; white-space: nowrap; background-image: url(../images/place2.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.place a { color: #626262; }
.place a:hover { color: #4B0C77; }

.article { padding: .3rem 0 0; }
.article .title { font-size: 0.26rem; font-weight: 500; line-height: 0.35rem; color: #000; text-align: center; }
.article .sub-title1 { margin: 0 0 .08rem; font-size: 0.17rem; font-weight: 500; line-height: 0.32rem; color: #000; text-align: center; }
.article .sub-title2 { margin: .08rem 0 0; font-size: 0.17rem; font-weight: 500; line-height: 0.32rem; color: #666; text-align: center; }
.article .sub { margin: .05rem 0 0; padding: .15rem 0 .25rem; font-size: 0.15rem; font-weight: 500; line-height: 0.22rem; color: #868686; text-align: center; border-bottom: 1px dashed #ddd; }
.article .content { padding: .3rem 0 .4rem; font-size: 0.17rem; font-weight: 500; line-height: 210%; color: #333; text-align: justify; }
.article .content p { text-indent: 2em; word-break: break-all; margin: 0 0 .1rem; }
.article .content img, .article .content video { max-width: 100%; height: auto !important; }
.article .content video { display: block; margin: 0 auto; }
.article .content table { max-width: 100%; margin: .2rem auto; }
.article .content table td { word-break: break-all; }
.article .content table p { text-indent: 0; margin: 0; }
.article .content table img, .article .content table video, .article .content table iframe { margin-top: 0; margin-bottom: 0; }
.article .content iframe { display: block; max-width: 100%; margin: .2rem auto; }
.article .cont-page { padding: .25rem 0 .28rem; border-top: 2px solid #6510AD; }
.article .cont-page a { display: block; padding: 4px 0; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #333; text-align: left; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.article .cont-page a span { position: relative; }
.article .cont-page a span::after { position: absolute; top: auto; right: auto; bottom: -2px; left: 0; z-index: 1; width: 0; height: 1px; background: #7518E9; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; content: ""; }
.article .cont-page a:hover { text-decoration: none; color: #6510AD; }
.article .cont-page a:hover span::after { width: 100%; }
.article.about { padding-left: 0; padding-right: 0; }
.article.about .title { margin: 0 0 .25rem; }
.article ul a, .article a { color: #2196f3; }
.article ul a:hover, .article a:hover { text-decoration: underline; }
.article .table-box { overflow-x: auto; }

.list1 li { position: relative; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; border-bottom: 1px dashed #ddd; }
.list1 li:hover .title { color: #6510AD; }
.list1 li:hover .title i::after { background: #6510AD; }
.list1 li:hover .date { color: #6510AD; }
.list1 li:hover::after { width: 100%; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.list1 li::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; width: 0; height: 1px; background: #7518E9; content: ""; }
.list1 .title { position: relative; display: inline-block; width: calc(100% - 140px); line-height: .64rem; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.list1 .title::before { display: inline-block; content: ""; width: 6px; height: 6px; margin: 0 .12rem 2px 0; border-radius: 50%; background: #7518E9; }
.list1 .date { float: right; line-height: .64rem; color: #888; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding: 0 0 0 29px; background-image: url("../images/j_icon3.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }

.picture1 { font-size: 0; margin: 0 -0.25rem; margin-top: .3rem; }
.picture1 > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.25rem; }
.picture1 li { margin: 0 0 .4rem; }
.picture1 .img-scale { border: 1px solid #ddd; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.picture1 .img-scale:hover { border-color: #6510AD; background: #fff; box-shadow: 0px 4px 0.2rem 0px rgba(14, 65, 150, 0.2); background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); }
.picture1 .img-scale:hover .title { color: #fff; font-weight: 700; }
.picture1 .img-frame .img { padding: 62.3% 0 0; }
.picture1 .title { padding: 0 .1rem; line-height: .6rem; text-align: center; }

.picture2 { margin: .2rem 0 0; }
.picture2 a { display: block; padding: 0.28rem 0.25rem; font-size: 0; border-bottom: 1px solid #ddd; border-left: 1px solid transparent; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.picture2 a:hover { background: #f9f9f9; border-color: #7518E9; box-shadow: .1rem .08rem 0 0 #eee; }
.picture2 a:hover .title { font-weight: 700; color: #6510AD; }
.picture2 .img-frame { display: inline-block; vertical-align: top; width: 2.4rem; }
.picture2 .img-frame .img { padding: 1.6rem 0 0; }
.picture2 .text { display: inline-block; vertical-align: top; width: calc(100% - 2.4rem); padding: 0 0 0 .3rem; }
.picture2 .date { margin: .15rem 0; padding: 0; font-size: .15rem; line-height: .22rem; font-style: inherit; background: none; color: #888; }
.picture2 .date span { font-size: .24rem; font-weight: 700; color: #7518E9; }
.picture2 .title { font-size: .18rem; font-weight: 700; color: #333; }
.picture2 .info { height: .56rem; }

.teach-column { margin: .2rem 0 0; border-bottom: 1px solid #ddd; }
.teach-column h5 { display: inline-block; margin: 0 0 -1px; font-size: 0.22rem; font-weight: 700; line-height: 0.5rem; color: #333; text-align: left; border-bottom: 3px solid #6510AD; }
.teach-column .more { float: right; padding: 0; color: #999; font-size: .14rem; }
.teach-column .more::after { display: none; }

.teach-list { font-size: 0; margin: 0 -0.2rem; }
.teach-list > li { display: inline-block; vertical-align: top; width: 20%; padding: 0 0.2rem; }
.teach-list li { margin: .3rem 0 0; }
.teach-list .img-scale { z-index: 1; padding: .1rem; background: #f2f2f2; -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; border-radius: 4px; }
.teach-list .img-scale::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; width: 100%; height: 100%; content: ""; opacity: 0; background: linear-gradient(270deg, #2E21E3 -16%, #791CB5 101%); -webkit-transition: all 0.32s ease 0s; -moz-transition: all 0.32s ease 0s; -ms-transition: all 0.32s ease 0s; -o-transition: all 0.32s ease 0s; transition: all 0.32s ease 0s; }
.teach-list .img-scale:hover { background: #4B0C77; box-shadow: 0px 4px 10px 0px rgba(14, 65, 150, 0.2); }
.teach-list .img-scale:hover .title { color: #fff; }
.teach-list .img-scale:hover::after { opacity: 1; }
.teach-list .img-frame .img { padding: 120% 0 0; }
.teach-list .title { line-height: .5rem; text-align: center; }

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }
#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }
#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px; }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; }
#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase; }
#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }
#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }
#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; }
#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; }
#browser-modal .browser-content .browser-item a { display: block; cursor: pointer; }
#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }
#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }
#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

#list-page { margin: .3rem 0 .1rem !important; font-family: Arial; text-align: center; }
#list-page .p_pages a, #list-page span, #list-page .p_goto a { font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a { padding: 8px 10px; color: #428bca; border: 1px solid #aaa; border-radius: 4px; }
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a { background: #7518E9; font-weight: bold; color: #fff; border-color: #7518E9; }
#list-page .p_t { padding: 0 2px 0 0; color: #777; }
#list-page .p_first, #list-page .p_first_d, #list-page .p_last, #list-page .p_last_d { display: inline-block; }
#list-page .p_pages span { color: #aaa; }
#list-page .p_goto input { font-family: 'Arial'; color: #333; border-radius: 4px; width: 40px; height: 32px; line-height: 32px; vertical-align: bottom; }

@media screen and (max-width: 1882px) { .news-swiper2 .swiper-slide.swiper-slide-active { width: calc(85vw * 0.35) !important; }
  .news-swiper2 .swiper-slide.swiper-slide-prev { width: calc(85vw * 0.2875) !important; }
  .news-swiper2 .swiper-slide.swiper-slide-next { width: calc(85vw * 0.2875) !important; } }
@media screen and (max-width: 1024px) { .banner { height: auto; }
  .banner .img { height: 50vw; } }

/*# sourceMappingURL=style.css.map */