@charset "utf-8";
.container, .container-layout { padding: 0; }

.swiper-container .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slides-events-gallery .swiper-slide { width: 22%; height: 240px; overflow: hidden; display: block; }

.slides-events-gallery .swiper-slide img { width: 100%; height: 100%; }

.pgwSlideshow .ps-list ul li .ps-item p { max-width: 200px; }

/* PC导航 */
#pc-header .navbar { background: #33b2d9; z-index: 9; }

#pc-header .navbar .logo { padding: 10px 0; }

#pc-header .navbar .logo img { max-width: none; max-height: 90px; }

#pc-header .navbar ul.nav.nav-menu li a { line-height: 16px; position: relative; padding: 62px 62px 32px 6px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; color: #ffffff; }

#pc-header .navbar ul.nav.nav-menu li.active > a:hover::before, #pc-header .navbar ul.nav.nav-menu li.active > a::before { content: ""; position: absolute; left: 6px; background: #ffffff; width: 45px; height: 5px; top: 42px; z-index: 0; }

#pc-header .navbar ul.nav.nav-menu li > a:hover, #pc-header .navbar ul.nav.nav-menu li:active > a, #pc-header .navbar ul.nav.nav-menu li:hover > a.first-level { color: #ffde00; }

#pc-header .navbar ul.nav.nav-menu li ul { top: 100%; min-width: 100px; padding: 0 0 10px 16px; width: 132px; background: #33b2d9; border-radius: 0; }

#pc-header .navbar ul.nav.nav-menu li ul:before { content: ""; position: absolute; left: 16px; background: #fdfffe; width: 1px; height: 100%; top: 0; z-index: 0; }

#pc-header .navbar ul.nav.nav-menu li ul li { padding: 1px 0; }

#pc-header .navbar ul.nav.nav-menu li ul li a { line-height: 12px; font-size: 15px; font-family: Adobe Heiti Std; background: #33b2d9; font-weight: normal; color: #ffffff; margin: 10px 0; padding: 6px 20px; border-left: solid #ffffff 1px; }

#pc-header .navbar ul.nav.nav-menu li ul li a:hover { color: #ffde00; border-left: solid #ffde00 2px; }

#pc-footer { padding: 0; }

#pc-footer .layout:first-child { background: #e7e7e7; padding: 100px 0; }

#pc-footer .layout:first-child .container-layout ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#pc-footer .layout:first-child .container-layout ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#pc-footer .layout:first-child .container-layout ul li h3 { font-size: 18px; font-weight: bold; color: #333333dd; line-height: 30px; }

#pc-footer .layout:first-child .container-layout ul li ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#pc-footer .layout:first-child .container-layout ul li ul li a { font-size: 16px; font-weight: normal; color: #333333dd; line-height: 44px; }

#pc-footer .layout:first-child .container-layout ul li:last-child { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl { width: 300px; text-align: center; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:first-child { background: #f6f6f6; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:first-child dd img { width: 124px; height: 124px; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 45px; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:last-child dd p { font-size: 16px; color: #333333dd; font-family: Adobe Heiti Std; font-weight: normal; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:last-child dd:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; }

#pc-footer .layout:first-child .container-layout ul li:last-child dl:last-child dd:last-child img { height: 36px; width: 36px; margin-left: 10px; }

#pc-footer .layout:last-child { padding: 30px 0; background: #33b2d9; }

#pc-footer .layout:last-child .container-layout p { font-size: 16px; font-family: Adobe Heiti Std; font-weight: normal; color: #ffffff; line-height: 30px; }

#pc-footer .layout:last-child .container-layout p a { color: #ffffff; }

/**lists page**/
.channel-banner { height: 470px; }

.nav-x { border: 1px solid #e6e6e6; border-top: none; }

.nav-x .container ul#subnav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.nav-x .container ul#subnav li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 80px; border: 1px solid #e6e6e6; border-top: none; }

.nav-x .container ul#subnav li.active { border-bottom: 5px solid #ffde00; }

.nav-x .container ul#subnav li a { height: 80px; line-height: 80px; letter-spacing: 1px; font-size: 18px; color: #1b191a; }

.nav-bread { height: 60px; line-height: 60px; font-size: 16px; font-weight: normal; color: #656565; border-bottom: solid 1px #d2d2d2; }

.nav-bread i { color: #ffde00; }

.nav-bread a::after { content: none; }

ul.pagination li a { height: 36px; border-radius: 2px 2px 2px 2px; line-height: 36px; padding: 0; width: 36px; }

ul.pagination li:last-child a, ul.pagination li:first-child a { width: auto; padding: 0 20px; }

ul.pagination li.active > a, ul.pagination li a:hover { background: #ffde00; color: #ffffff; }

.lists-article-notice { padding: 60px 0; }

.lists-article-notice .list-article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-bottom: solid 1px #e6e6e6; }

.lists-article-notice .list-article-item:hover .date .wrapper { background-color: #ffde00; }

.lists-article-notice .list-article-item:hover .date .wrapper .day { color: #ffffff; border-bottom-color: #ffffff; }

.lists-article-notice .list-article-item:hover .date .wrapper .month { color: #ffffff; }

.lists-article-notice .list-article-item .date { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.lists-article-notice .list-article-item .date .wrapper { width: 85px; height: 80px; background: #eeeeee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: relative; }

.lists-article-notice .list-article-item .date .wrapper .day { font-size: 48px; line-height: 48px; font-weight: bold; color: #474747; display: block; width: 100%; text-align: center; border-bottom: 1px solid #626262; }

.lists-article-notice .list-article-item .date .wrapper .month { font-size: 18px; font-weight: bold; color: #999999; line-height: 22px; }

.lists-article-notice .list-article-item .date .wrapper::after { display: block; content: ""; width: 67px; right: -67px; height: 1px; background: #cccccc; position: absolute; }

.lists-article-notice .list-article-item .title { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; text-align: left; font-size: 20px; letter-spacing: 1px; color: #6f6f6f; font-weight: bold; line-height: 80px; height: 80px; }

.lists-article-notice .list-article-item .title:hover { color: #ffde00; }

.lists-article-notice .list-article-item .more { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; letter-spacing: 1px; color: #ffde00; line-height: 80px; height: 80px; }

.lists-article-act { padding: 60px 0; }

.lists-article-act .list-article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-bottom: solid 1px #e6e6e6; }

.lists-article-act .list-article-item:hover .date .wrapper .day { color: #ffde00; }

.lists-article-act .list-article-item:hover .date .wrapper .month { color: #ffde00; }

.lists-article-act .list-article-item .date { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.lists-article-act .list-article-item .date .wrapper { width: 85px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.lists-article-act .list-article-item .date .wrapper .day { font-size: 48px; line-height: 48px; font-weight: bold; color: #474747; display: block; width: 100%; position: relative; text-align: center; }

.lists-article-act .list-article-item .date .wrapper .day::after { display: block; content: ""; width: 67px; right: -67px; height: 1px; background: #cccccc; position: absolute; top: 24px; }

.lists-article-act .list-article-item .date .wrapper .month { font-size: 18px; font-weight: bold; color: #999999; line-height: 22px; }

.lists-article-act .list-article-item .title { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; letter-spacing: 1px; height: 146px; padding-left: 10px; position: relative; }

.lists-article-act .list-article-item .title .tit { font-size: 18px; line-height: 48px; font-weight: bold; color: #6f6f6f; }

.lists-article-act .list-article-item .title .tit:hover { color: #ffde00; }

.lists-article-act .list-article-item .title .desc { font-size: 14px; }

.lists-article-act .list-article-item .title .more { font-size: 12px; letter-spacing: 1px; color: #ffffff; line-height: 33px; width: 73px; height: 33px; text-align: center; background: #ffde00; position: absolute; right: 0; bottom: 10px; text-align: center; }

.lists-article-act .list-article-item .thumb { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.lists-article-act .list-article-item .thumb img { width: 240px; height: 136px; }

.page-moments .tab .tab-normal .moment-title, .page-lists-event .tab .tab-normal .moment-title { height: 220px; margin: 40px 0; background-image: url("../img/moment-title.png"); background-size: 50%; background-repeat: no-repeat; background-position: center; }

.page-moments .tab .tab-normal ul.moment-title-list, .page-lists-event .tab .tab-normal ul.moment-title-list { padding: 40px 0 50px; }

.page-moments .tab .tab-normal ul.moment-title-list li, .page-lists-event .tab .tab-normal ul.moment-title-list li { margin-right: 30px; float: left; margin-bottom: 10px; }

.page-moments .tab .tab-normal ul.moment-title-list li a, .page-lists-event .tab .tab-normal ul.moment-title-list li a { font-size: 16px; font-weight: normal; color: #909297; background: #ebedf1; padding: 10px 20px; border-radius: 60px; letter-spacing: 2px; }

.page-moments .tab .tab-normal ul.moment-title-list li.active a, .page-lists-event .tab .tab-normal ul.moment-title-list li.active a { background: #ffde00; color: #ffffff; }

.page-moments .tab .tab-body, .page-lists-event .tab .tab-body { border: none; margin: 0; padding: 0; }

.page-moments .tab .tab-body .tab-panel .owl-carousel .item, .page-lists-event .tab .tab-body .tab-panel .owl-carousel .item { display: block; width: 100%; height: 48vh; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.section-article .article { border: 1px solid #e6e6e6; border-top: none; padding: 90px; }

.section-article .article h1 { line-height: 80px; border-bottom: solid 1px #323232a0; border-bottom-style: dashed; }

.section-article .article .meta { font-weight: normal; color: #c3c3c3; font-size: 16px; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section-article .article .post { padding: 40px; border-bottom: solid 1px #323232a0; border-bottom-style: dashed; }

.block-title { padding: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.block-title h1 { font-size: 34px; letter-spacing: 2px; font-weight: bold; color: #333333; line-height: 100px; position: relative; width: 300px; text-align: center; }

.block-title h1::after { content: ""; display: block; position: absolute; bottom: 0; width: 50px; height: 3px; background: #333333; left: 125px; }

.lists-article-marketing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.lists-article-marketing .list-article-item { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-bottom: solid 12px #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin: 20px; }

.lists-article-marketing .list-article-item:hover { border-bottom: solid 12px #ffde00; -webkit-box-shadow: 0 10px 30px rgba(2, 2, 2, 0.2); box-shadow: 0 10px 30px rgba(2, 2, 2, 0.2); }

.lists-article-marketing .list-article-item:hover .date .more { background: #ffde00; color: #ffffff; border: none; }

.lists-article-marketing .list-article-item .thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.lists-article-marketing .list-article-item .thumb img { width: 320px; height: 200px; }

.lists-article-marketing .list-article-item .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; letter-spacing: 1px; }

.lists-article-marketing .list-article-item .title .tit { font-size: 22px; font-weight: 400; color: #333333; line-height: 36px; height: 120px; padding-top: 20px; }

.lists-article-marketing .list-article-item .title .desc { font-size: 16px; font-weight: 400; color: #333333; line-height: 34px; height: 130px; text-indent: 30px; }

.lists-article-marketing .list-article-item .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; }

.lists-article-marketing .list-article-item .date .wrapper .day { font-size: 28px; line-height: 48px; font-weight: bold; color: #474747; display: block; width: 100%; position: relative; text-align: center; }

.lists-article-marketing .list-article-item .date .wrapper .year { font-size: 18px; font-weight: bold; color: #999999; line-height: 22px; }

.lists-article-marketing .list-article-item .date .more { font-size: 16px; letter-spacing: 1px; color: #333333; border: 2px solid #626262; background: #ffffff; padding: 5px 20px; }

.button-more { padding: 14px 20px; margin: 50px 0; color: #333333; border: 2px solid #626262; background: #ffffff; }

.button-more:hover { color: #ffffff; border: none; background: #ffde00; }

.slides-events-banner .item a img { height: 470px; }

.page-lists-event .slides-event-section { background: #f7f7f7; padding: 40px 0; }

.page-lists-event .slides-event-section .container .section-title { line-height: 18px; border-left: solid 5px #141415; margin: 20px 0; padding-left: 20px; color: #141415; font-size: 18px; font-weight: bold; }

.page-lists-event .slides-event-section .container .slides-events-list .slides-events-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-lists-event .slides-event-section .container .slides-events-list .slides-events-item a { width: 233px; height: 308px; overflow: hidden; display: block; }

.page-lists-event .slides-event-section .container .slides-events-list .slides-events-item a img { width: 100%; height: 100%; }

.page-lists-event .slides-event-section .container .slides-events-list .slides-events-item .slide-title { font-size: 14px; font-weight: bold; color: #000000; line-height: 18px; opacity: 0.9; line-height: 20px; text-align: center; padding: 40px; }

/** 活动赛事 - 新闻资讯 **/
.lists-article-event { padding: 60px 0; }

.lists-article-event .list-article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-bottom: solid 1px #e6e6e6; }

.lists-article-event .list-article-item:hover { background: #f6f6f6; }

.lists-article-event .list-article-item .thumb { padding: 15px; }

.lists-article-event .list-article-item .thumb img { width: 240px; height: 136px; }

.lists-article-event .list-article-item .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; letter-spacing: 1px; height: 156px; width: 100%; padding: 10px 20px 40px; position: relative; }

.lists-article-event .list-article-item .title .tit { font-size: 18px; line-height: 48px; font-weight: bold; color: #6f6f6f; }

.lists-article-event .list-article-item .title .tit:hover { color: #ffde00; }

.lists-article-event .list-article-item .title .desc { font-size: 14px; }

.lists-article-event .list-article-item .title .wrapper { position: absolute; width: calc(100% - 40px); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.lists-article-event .list-article-item .title .wrapper .date { font-size: 12px; }

.lists-article-event .list-article-item .title .wrapper .more { font-size: 14px; letter-spacing: 1px; color: #ffde00; }

.page-view-event .section-article .article .event { height: 375px; background: #f7f7f7; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 46px; }

.page-view-event .section-article .article .event .event-cover { text-align: center; }

.page-view-event .section-article .article .event .event-cover img { max-width: 240px; height: 100%; }

.page-view-event .section-article .article .event .event-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 40px; }

.page-view-event .section-article .article .event .event-meta .event-title { font-size: 26px; font-weight: bold; color: #000000; height: 100px; line-height: 40px; }

.page-view-event .section-article .article .event .event-meta p { line-height: 40px; }

.page-view-event .section-article .article .event .event-meta .signup-entry { margin-top: 40px; }

.page-view-event .section-article .article .event .event-meta .signup-entry a { font-size: 16px; padding: 10px 24px; }

.page-view-event .section-article .article .event .event-meta .signup-entry a.signup-link1 { color: #ffffff; background: #ffde00; margin-right: 40px; }

.page-view-event .section-article .article .event .event-meta .signup-entry a.signup-link2 { color: #ffde00; border: solid 1px #ffde00; }

/** 走进js1996官网 - 员工风采 **/
.lists-article-simple { padding: 60px 0; }

.lists-article-simple .list-article-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #e6e6e6; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.lists-article-simple .list-article-item .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; letter-spacing: 1px; }

.lists-article-simple .list-article-item .title .tit { font-size: 18px; line-height: 40px; font-weight: bold; color: #6f6f6f; }

.lists-article-simple .list-article-item .title .tit:hover { color: #ffde00; }

.lists-article-simple .list-article-item .title .more { font-size: 14px; letter-spacing: 1px; color: #ffde00; }

.lists-article-simple .list-article-item .date { font-size: 14px; font-weight: bold; color: #999999; width: 20%; text-align: right; line-height: 40px; }

.page-about .article p { line-height: 32px; font-size: 16px; text-indent: 30px; letter-spacing: 1px; }

.page-about .article p.p-bg1 { background-image: url("../img/p-bg1.png"); background-repeat: no-repeat; background-size: contain; line-height: 48px; margin: 15px 0; color: #ffffff; padding-left: 10px; font-size: 18px; }

.page-about .article ul li:before { content: none; }

.page-contact .article ul.contact-list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.page-contact .article ul.contact-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 60px; }

.page-contact .article ul.contact-list li::before { content: none; }

.page-contact .article ul.contact-list li .icon { height: 142px; width: 142px; display: block; background-size: cover; }

.page-contact .article ul.contact-list li:first-child .icon { background-image: url("../img/contact-icon-phone.png"); }

.page-contact .article ul.contact-list li:nth-child(2) .icon { background-image: url("../img/contact-icon-mail.png"); }

.page-contact .article ul.contact-list li:last-child .icon { background-image: url("../img/contact-icon-location.png"); }

.page-contact .article ul.contact-list li .title { line-height: 50px; border-bottom: solid 2px #333333; width: 100%; }

.page-contact .article ul.contact-list li .content { line-height: 50px; }

.page-contact .article p { text-align: center; line-height: 20px; }
/*# sourceMappingURL=main.min.css.map */