/* container */
html, body {background:#fff;}
.container {max-width:1630px; padding:0 15px; margin:0 auto; width:100%;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header .header-main {background:#fff;}
header .header-main .container {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a {display:block; font-size:0; width:301px; height:53px; background:url('../images/logo.png') no-repeat center / cover;}
header .header-main .main-right {flex:1; min-width:0; padding:0 0 0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .main-right .right-cate {margin:0 125px 0 0;}
header .header-main .main-right .right-cate > ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-right .right-cate > ul > li {margin:0 70px 0 0; position:relative; z-index:1000;}
header .header-main .main-right .right-cate > ul > li:last-of-type {margin:0;}
header .header-main .main-right .right-cate > ul > li > a {font-size:22px; padding:30px 0; font-weight:bold; color:#1f1f1f;}
header .header-main .main-right .right-cate > ul > li > ul {pointer-events:none; opacity:0; top:85px; position:absolute; background:#fff; border:1px solid #ccc; padding:10px 0; border-radius:10px; width:200px; transition:all ease 0.5s; left:50%; transform:translateX(-50%); box-shadow:0 0 10px rgba(0,0,0,0.03);}
header .header-main .main-right .right-cate > ul > li > ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 30px; font-size:20px; font-weight:bold; color:#1f1f1f;}
header .header-main .main-right .right-cate > ul > li > ul li a:hover {color:var(--color-active);}
header .header-main .main-right .right-cate > ul > li > ul li.active a {color:var(--color-active);}
header .header-main .main-right .right-cate > ul > li:hover > a {color:var(--color-active);}
header .header-main .main-right .right-cate > ul > li:hover > ul {pointer-events:inherit; opacity:1; top:93px;}
header .header-main .main-right .right-cate > ul > li.active > a {color:var(--color-active);}
header .header-main .main-right .right-menu > * {width:29px; height:17px; background:url('../images/icon_menu.png') no-repeat center / cover; font-size:0;}
header .header-mobile {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s; background:#fff; z-index:9999; display:none; flex-direction:column;}
header .header-mobile .mobile-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px;}
header .header-mobile .mobile-head h2 {width:200px; height:35px; font-size:0; background:url('../images/logo.png') no-repeat center / cover;}
header .header-mobile .mobile-head .close {margin:0 5px 0 0; display:block; font-size:0; width:20px; height:20px; background:url('../images/icon_close.png') no-repeat center / cover;}
header .header-mobile .mobile-body {width:100%; height:100%; overflow-y:auto; padding:20px 15px;}
header .header-mobile .mobile-body > ul > li {margin:0 0 10px;}
header .header-mobile .mobile-body > ul > li:last-of-type {margin:0;}
header .header-mobile .mobile-body > ul > li > button {width:100%; color:#000; background:#eee; border-radius:10px; height:50px; padding:0 15px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-mobile .mobile-body > ul > li > button:after {display:block; content:""; width:22px; height:22px; background:url('../images/icon_mobile_toggle.png') no-repeat center / cover;}
header .header-mobile .mobile-body > ul > li > a {width:100%; color:#000; background:#eee; border-radius:10px; height:50px; padding:0 15px; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-mobile .mobile-body > ul > li > a:after {display:block; content:""; width:22px; height:22px; background:url('../images/icon_mobile_link.png') no-repeat center / cover;}
header .header-mobile .mobile-body > ul > li > ul {padding:15px 0 5px; display:none;}
header .header-mobile .mobile-body > ul > li > ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:bold; padding:5px 30px;}
header .header-mobile .mobile-body > ul > li > ul li.active a {color:var(--color-active);}
header .header-mobile .mobile-body > ul > li.active > button {background:#1c1c1c; color:#fff;}
header .header-mobile .mobile-body > ul > li.active > button:after {background-image:url('../images/icon_mobile_toggle_on.png');}
header .header-mobile .mobile-body > ul > li.active > ul {display:block;}
header .header-sitemap {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; backdrop-filter:blur(2px);}
header .header-sitemap:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); content:"";}
header .header-sitemap .box {opacity:0; transition:all ease 0.5s; width:740px; position:absolute; right:-30px; top:0; height:100%; display:flex; flex-direction:column; background:#fff; border-radius:30px 0 0 30px; padding:100px 20px 0 60px;}
header .header-sitemap .box .list-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 90px;}
header .header-sitemap .box .list-head h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:40px; font-weight:bold; }
header .header-sitemap .box .list-head h2:after {display:inline-block; content:""; width:47px; height:45px; background:url('../images/icon_allmenu.png') no-repeat center / cover; margin:0 0 0 20px;}
header .header-sitemap .box .list-head .close {box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:18px; position:absolute; left:-27.5px; top:50%; transform:translateY(-50%); width:58px; height:59px; background:url('../images/icon_allmenu_close.png') no-repeat center / cover; font-size:0;}
header .header-sitemap .box .list-body {width:100%; height:100%; overflow-y:auto; overflow-x:hidden;}
header .header-sitemap .box .list-body ul li {margin:0 0 78px;}
header .header-sitemap .box .list-body ul li:last-of-type {margin:0;}
header .header-sitemap .box .list-body ul li dl {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
header .header-sitemap .box .list-body ul li dl dt {width:100%; font-size:24px; font-weight:bold; color:#1f1f1f; margin:0 0 20px; padding:0 0 0 15px;}
header .header-sitemap .box .list-body ul li dl dd {margin:0 15px 30px;}
header .header-sitemap .box .list-body ul li dl dd a {font-size:22px; font-weight:500; color:#777;}
header .header-sitemap .box .list-body ul li dl dd a:hover {color:#000; text-decoration:underline;}
header .header-sitemap .box .list-body ul li dl dd.active a {color:var(--color-active);}
header .header-sitemap .box .list-body ul li.active dl dt {color:var(--color-active);}
header .header-sitemap.fixed {pointer-events:inherit; opacity:1;}
header .header-sitemap.fixed .box {opacity:1; right:0;}
@media (max-width:1300px){
header .header-main .main-logo h1 a {width:250px; height:44px;}
header .header-main .main-right .right-cate {margin:0 50px 0 0;}
header .header-main .main-right .right-cate > ul > li {margin:0 35px 0 0;}
header .header-main .main-right .right-cate > ul > li > a {font-size:18px;}
header .header-main .main-right .right-cate > ul > li > ul {top:78px; width:150px;}
header .header-main .main-right .right-cate > ul > li > ul li a {font-size:16px; padding:10px 20px;}
header .header-main .main-right .right-cate > ul > li:hover > ul {top:87px;}
}
@media (max-width:991px){
header .header-main {padding:15px 0;}
header .header-main .main-logo h1 a {width:200px; height:35px;}
header .header-main .main-right .right-cate {display:none;}
header .header-mobile {display:flex;}
header .header-sitemap {display:none;}
header.fixed .header-mobile {pointer-events:inherit; opacity:1;}
}

/* footer */
footer {background:var(--color-active2);}
footer .footer-top {border-bottom:1px solid #444953; padding:30px 0;}
footer .footer-top ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#484e59; margin:0 18px;}
footer .footer-top ul li:last-of-type:after {display:none;}
footer .footer-top ul li a {font-size:16px; font-weight:bold; color:#a7afbe;}
footer .footer-top ul li:first-of-type a {color:#fff;}
footer .footer-bottom {padding:55px 0;}
footer .footer-bottom .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom h2 {width:301px; height:53px; font-size:0; background:url('../images/img_footer_logo.png') no-repeat center / cover; margin:0 145px 0 0;}
footer .footer-bottom .bottom-right {flex:1; min-width:0; display: flex; justify-content: space-between; align-items: flex-end;}
footer .footer-bottom .bottom-right ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .bottom-right ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .bottom-right ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#484e59; margin:0 18px;}
footer .footer-bottom .bottom-right ul li:last-of-type:after {display:none;}
footer .footer-bottom .bottom-right ul li b {font-size:16px; font-weight:500; color:#a7afbe;}
footer .footer-bottom .bottom-right ul li p {font-size:16px; font-weight:500; color:#fff; margin:0 0 0 5px;}
footer .footer-bottom .bottom-right p {font-size:16px; font-weight:500; color:#a7afbe; margin:5px 0 0;}
footer .footer-bottom .bottom-right a {font-size:14px; color:#777777;}
footer .footer-bottom .bottom-right a:hover {color:#a1a1a1;}
footer .footer-fixed a {position:fixed; bottom:65px; right:65px; z-index:900; width:61px; height:61px; font-size:0; border-radius:10px; background:#21242c url('../images/icon_top.png') no-repeat center / 14px auto;}
@media (max-width:1300px){
footer .footer-bottom h2 {width:250px; height:44px; margin:0 80px 0 0;}
}
@media (Max-width:991px){
footer .footer-top {padding:15px 0;}
footer .footer-top ul li:after {height:10px; margin:0 12px;}
footer .footer-top ul li a {font-size:13px;}
footer .footer-bottom {padding:35px 0;}
footer .footer-bottom h2 {width:200px; height:35px;}
footer .footer-bottom .bottom-right {flex:none; width:100%; margin:30px 0 0;}
footer .footer-bottom .bottom-right ul li {width:100%;}
footer .footer-bottom .bottom-right ul li:after {display:none;}
footer .footer-bottom .bottom-right ul li b {font-size:13px;}
footer .footer-bottom .bottom-right ul li p {font-size:13px;}
footer .footer-bottom .bottom-right ul li p a {font-size:13px;}
footer .footer-bottom .bottom-right p {font-size:13px;}
footer .footer-bottom .bottom-right a {font-size:12px;}
footer .footer-fixed a {right:15px; bottom:15px; width:40px; height:40px; border-radius:5px; background-size:8px auto;}
}

/* section */
section {padding:0 0 150px;}
@media (max-width:991px){
section {padding:0 0 75px;}
}

/* main-middle */
.main-middle {margin:80px 0; display:flex; flex-wrap:wrap;}
.main-middle > * {flex:1; min-width:0; margin:0 30px 0 0;}
.main-middle > *:last-of-type {margin:0;}
.main-middle .middle-board {background:#2f343f; border-radius:20px; padding:60px;}
.main-middle .middle-board .board-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 40px;}
.main-middle .middle-board .board-title h3 {font-size:34px; font-weight:bold; color:#fff;}
.main-middle .middle-board .board-title .more {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:bold; color:#fff;}
.main-middle .middle-board .board-title .more:after {display:inline-block; content:""; width:21px; height:21px; background:url('../images/icon_main_more.png') no-repeat center / cover; margin:0 0 0 8px;}
.main-middle .middle-board .board-list ul li {margin:0 0 15px;}
.main-middle .middle-board .board-list ul li:last-of-type {margin:0;}
.main-middle .middle-board .board-list ul li:after {display:block; width:100%; height:2px; content:""; margin:3px 0 0; background-position:0 100%; background-repeat:no-repeat; background-size:0 3px; background-image:linear-gradient(90deg, var(--color-active),var(--color-active)); transition:background-size.6s ease-in-out 0s;}
.main-middle .middle-board .board-list ul li:hover:after {background-size:100% 3px;}
.main-middle .middle-board .board-list ul li a {display:flex; flex-wrap:wrap; align-items:center;}
.main-middle .middle-board .board-list ul li a span {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; color:#fff;}
.main-middle .middle-board .board-list ul li a time {font-size:18px; font-weight:500; color:#838893;}
.main-middle .middle-result {border-radius:20px; padding:60px; background:url('../images/bg_main_result.png') no-repeat center / cover;}
.main-middle .middle-result .inner {display:block;}
.main-middle .middle-result .inner strong {display:block; font-size:34px; font-weight:bold; color:#fff;}
.main-middle .middle-result .inner span {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:bold; color:#fff; margin:35px 0 0;}
.main-middle .middle-result .inner span:after {display:inline-block; content:""; width:21px; height:21px; background:url('../images/icon_main_more.png') no-repeat center / cover; margin:0 0 0 8px;}
@media (max-width:991px){
.main-middle {margin:40px 0;}
.main-middle > * {flex:none; width:100%; margin:0 0 20px;}
.main-middle .middle-board {padding:40px 20px;}
.main-middle .middle-board .board-title {margin:0 0 20px;}
.main-middle .middle-board .board-title h3 {font-size:24px;}
.main-middle .middle-board .board-title .more {font-size:16px;}
.main-middle .middle-board .board-list ul li a span {flex:none; width:100%; font-size:15px;}
.main-middle .middle-board .board-list ul li a time {width:100%; font-size:14px; font-weight:400;}
.main-middle .middle-result {padding:40px 20px; position:relative;}
.main-middle .middle-result:after {display:block; content:""; padding-bottom:38%;}
.main-middle .middle-result .inner {position:absolute; left:0; top:0; width:100%; height:100%; padding:40px 20px;}
.main-middle .middle-result .inner strong {font-size:24px;}
.main-middle .middle-result .inner span {font-size:16px; margin:20px 0 0;}
}
@media (max-width:600px){
.main-middle .middle-result:after {padding-bottom:50%;}
}

/* main-company */
.main-company {max-width:1200px; margin:150px auto 0;}
.main-company ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
@media (max-width:1200px){
.main-company {margin:150px auto 0; max-width:100%;}
.main-company ul {justify-content:center;}
.main-company ul li {width:33.33%; padding:15px 10px;}
.main-company ul li a {display:block;}
.main-company ul li img {max-width:100%; display:block; margin:0 auto;}
}
@media (max-width:991px){
.main-company {margin:45px auto -30px;}
}
@media (max-width:767px){
.main-company ul li:first-of-type img {max-width:70%;}
}

/* main-banner */
.main-banner {position:relative; margin:30px 0 0;}
.main-banner .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.main-banner .title h2 {font-size:56px; font-weight:bold; flex:1; min-width:0; padding:0 50px 0 0;}
.main-banner .content {position:absolute; left:0; bottom:0; z-index:30; padding:30px; background:#fff; border-radius:0 10px 0 0; min-width: 510px;}
.main-banner .content p {font-size:18px; font-weight:700;}
.main-banner .swiper .swiper-slide img {width:100%; border-radius:15px;}
.main-banner .control {display:flex; flex-wrap:wrap; align-items:center;}
.main-banner .control > * {position:static; width:auto; margin:0;}
.main-banner .control .swiper-progress {width:118px; height:4px; position:relative; margin:0 20px 0 0; background:#eee; font-size:0;}
.main-banner .control .swiper-progress span {position:absolute; left:0; top:0; height:100%; font-size:0; background:var(--color-active);}
.main-banner .control .swiper-button-prev {width:50px; height:50px; border-radius:50%; background:#eee url('../images/icon_swiper_prev.png') no-repeat center / 20px auto;}
.main-banner .control .swiper-button-prev:after {display:none;}
.main-banner .control .swiper-button-next {width:50px; height:50px; border-radius:50%; background:#eee url('../images/icon_swiper_next.png') no-repeat center / 20px auto;}
.main-banner .control .swiper-button-next:after {display:none;}
.main-banner .control .swiper-button-play {width:50px; height:50px; border-radius:50%; background:#eee url('../images/icon_swiper_pause.png') no-repeat center / 9px auto; font-size:0; margin:0 10px;}
.main-banner .control .swiper-button-play.on {background:#eee url('../images/icon_swiper_play.png') no-repeat center / 12px auto;}
@media (max-width:1300px){
.main-banner .title h2 {font-size:40px;}
.main-banner .control .swiper-button-prev {width:40px; height:40px;}
.main-banner .control .swiper-button-next {width:40px; height:40px;}
.main-banner .control .swiper-button-play {width:40px; height:40px;}
.main-banner .content {padding:10px 35px 10px 0; min-width: auto;}
.main-banner .content p {font-size:14px;}
.main-banner .control .swiper-button-play.on {background:#eee url('../images/icon_swiper_play.png') no-repeat center / 8px auto;}
}
@media (max-width:991px){
.main-banner .title {align-items:flex-end;}
.main-banner .title h2 {font-size:24px; line-height:1.3;}
.main-banner .control .swiper-progress {display:none;}
.main-banner .control .swiper-button-prev {width:30px; height:30px; background-size:10px auto;}
.main-banner .control .swiper-button-next {width:30px; height:30px; background-size:10px auto;}
.main-banner .control .swiper-button-play {width:30px; height:30px; margin:0 5px; background-size:7px auto;}
}