.header { height: 0.94rem; background-color: #003248; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.4rem; position: relative; }

.header .nav, .header .seat { width: 0.28rem; height: 0.24rem; }

.header .nav img, .header .seat img { width: 100%; height: 100%; }

.header .nav .nav-list, .header .seat .nav-list { position: absolute; top: 0.94rem; left: 0; width: 100vw; height: 100vh; z-index: 100; opacity: 1; font-size: 0.24rem; padding: 0 0.36rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #003248; display: none; }

.header .nav .nav-list .line, .header .seat .nav-list .line { height: 2px; background-color: #004b6a; }

.header .nav .nav-list .item, .header .seat .nav-list .item { line-height: 0.68rem; padding-left: 0.2rem; position: relative; }

.header .nav .nav-list .item a, .header .seat .nav-list .item a { display: inline-block; width: 100%; height: 100%; font-size: .28rem; }

.header .nav .nav-list .item .item-more, .header .seat .nav-list .item .item-more { position: absolute; top: 0.22rem; right: 0.2rem; width: 0.19rem; height: 0.19rem; background: url("../../images/p_index_10.png") no-repeat; }

.header .nav .nav-list .item .nav-second, .header .seat .nav-list .item .nav-second { display: none; padding-left: 0.2rem; }

.header .nav .nav-list .item .nav-second li, .header .seat .nav-list .item .nav-second li { padding-left: 0.2rem; }

.header .logo { width: 1.8rem; height: .32rem; }

.header .logo img { width: 100%; height: 100%; }

footer { padding: 0.51rem 0.36rem 0.51rem; background-color: #003247; }

footer .nav-list { line-height: 0.68rem; font-size: 0.24rem; }

footer .nav-list .line { height: 2px; background-color: #004b6a; }

footer .nav-list .item { padding-left: 0.2rem; position: relative; }

footer .nav-list .item a { display: inline-block; width: 100%; height: 100%; font-size: .28rem; }

footer .nav-list .item .item-more { position: absolute; top: 0.26rem; right: 0.2rem; width: 0.19rem; height: 0.19rem; background: url("../../images/p_index_10.png") no-repeat; }

footer .nav-list .item .nav-second { padding-left: 0.2rem; display: none; }

footer .logo { height: 0.6rem; text-align: center; margin-top: 0.51rem; }

footer .wechat { height: 0.4rem; margin-top: 0.8rem; line-height: 0.36rem; text-align: center; }

footer .wechat > span { display: inline-block; width: 2.12rem; height: 0.4rem; border: 2px solid #5f6265; border-radius: 0.1rem; font-size: 0.24rem; color: #666666; }

footer .wechat .code { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 14, 32, 0.5); text-align: center; }

footer .wechat .code .code-center { display: inline-block; margin-top: 1.94rem; width: 5.24rem; height: 7rem; background-color: #fff; border-radius: 0.1rem; }

footer .wechat .code .code-center .del { padding: 22px 22px 0 0; height: 0.54rem; text-align: right; }

footer .wechat .code .code-center .code-title { margin-top: 0.3rem; font-size: 0.4rem; height: 0.4rem; color: #000000; }

footer .wechat .code .code-center .code-img { margin-top: 0.38rem; height: 2.87rem; text-align: center; }

footer .wechat .code .code-center .title-scoend { font-size: 0.24rem; color: #aaaaaa; }

footer .wechat .code .code-center .code-logo { margin-top: 0.74rem; }

footer .wechat .toggle-code { display: none; }

footer .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-top: 0.4rem; line-height: 0.43rem; }

footer .info span { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 0.18rem; color: #666666; text-align: center; }

.main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.main .job_1 { height: 9.1rem; width: 100vw; background: url("../../images/p_index_11.png") no-repeat; background-size: cover; text-align: center; }

.main .job_1 .title { display: inline-block; height: 2.68rem; margin-top: 3.39rem; }

.main .job_2 { height: 6rem; background: url("../../images/p_index_12.png") no-repeat; background-size: cover; }

.main .job_2 .title { height: 1.84rem; margin-top: 0.34rem; text-align: center; }

.main .job_2 .swiper-container { height: 3.38rem; width: 100vw; }

.main .job_2 .swiper-container .swiper-slide { margin-top: 0.33rem; height: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly;font-weight: 600; }

.main .job_2 .swiper-container .swiper-slide .slide-item { width: 2rem; height: 2.5rem; border: 0.02rem solid #fff; border-radius: 0.1rem; }

.main .job_2 .swiper-container .swiper-slide .slide-item .cloudy { padding: 0.5rem 0 0.5rem; text-align: center; 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: center; -ms-flex-pack: center; justify-content: center; }

.main .job_2 .swiper-container .swiper-slide .slide-item .cloudy .cloudy-title { height: 0.59rem; font-size: 0.28rem; line-height: 0.32rem; text-align: center; white-space: nowrap; }

.main .job_2 .swiper-container .swiper-slide .slide-item .cloudy .cloudy-icon { margin-top: 0.39rem; height: .45rem; }

.main .job_2 .swiper-container .swiper-slide .slide-item .positive { font-size: 0.16rem; height: 100%; 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; }

.main .job_2 .swiper-container .swiper-slide .slide-item .positive div { width: 1.68rem; height: 2.11rem; line-height: 0.21rem; text-align: justify;display: flex;justify-content: center; align-items: center; }

.main .job_2 .swiper-container .swiper-slide .slide-item .toggle { display: none; }

.main .job_2 .swiper-container .swiper-pagination span { background-color: #fff; width: 0.12rem; height: 0.12rem; margin: 0 0.1rem; }

.main .job_3 { height: 9rem; background: url("../../images/p_index_13.png") no-repeat; background-size: cover; text-align: center; }

.main .job_3 .title { margin-top: 2.42rem; text-align: center; height: 3rem; }

.main .job_3 .job_3_more { margin-top: 1.22rem; display: inline-block; width: 1.6rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.24rem; border-radius: 0.19rem; text-align: center; border: 2px solid #fff; }

.main .job_3 .job_3_more a { width: 100%; height: 100%; }

.main .job_4 { height: 9rem; background: url("../../images/p_index_14.png") no-repeat; background-size: cover; text-align: center; }

.main .job_4 .title { height: 3rem; margin-top: 2.42rem; text-align: center; }

.main .job_4 .job_4_more { margin-top: 1.22rem; display: inline-block; width: 1.6rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.24rem; border-radius: 0.19rem; text-align: center; border: 2px solid #fff; }

.main .job_4 .job_4_more a { width: 100%; height: 100%; }