.container { width: 100%; background: #fff; } .container .wrapper { width: 100%; margin: 0 auto; } .container .wrapper #wenjian { width: 100%; padding-bottom: 150px; } .container .wrapper #wenjian .main-title { padding: 80px 0 60px; font-size: 36px; font-family: siyuan; font-weight: 400; color: #222222; display: flex; justify-content: center; align-items: center; } .container .wrapper #wenjian .main-title1 { padding: 63px 0 60px; font-size: 36px; font-family: siyuan; font-weight: 400; color: #222222; display: flex; justify-content: center; align-items: center; } .container .wrapper #wenjian .model1 { width: 100%; background: #f5f6f7; padding-bottom: 90px; } .container .wrapper #wenjian .model1 .environ { box-sizing: border-box; padding: 0 270px 0 250px; width: 100%; height: max-content; display: flex; justify-content: space-between; align-items: space-between; } .container .wrapper #wenjian .model1 .environ > * { max-width: 440px; width: 100%; height: 100%; } .container .wrapper #wenjian .model1 .environ > * .item .item-img { border-radius: 20px; } .container .wrapper #wenjian .model1 .environ .left, .container .wrapper #wenjian .model1 .environ .right { width: 100%; } .container .wrapper #wenjian .model1 .environ .left .item, .container .wrapper #wenjian .model1 .environ .right .item { width: 100%; position: relative; } .container .wrapper #wenjian .model1 .environ .left .item:first-child, .container .wrapper #wenjian .model1 .environ .right .item:first-child { margin-bottom: 6%; } .container .wrapper #wenjian .model1 .environ .left .item::after, .container .wrapper #wenjian .model1 .environ .right .item::after { content: ""; max-width: 440px; width: 100%; border-radius: 10px; height: 146px; position: absolute; bottom: 0; left: 0; z-index: 2; background: url("../images/job/envbj1.png") bottom no-repeat; } .container .wrapper #wenjian .model1 .environ .left .item .item-img, .container .wrapper #wenjian .model1 .environ .right .item .item-img { width: 100%; border-radius: 20px; } .container .wrapper #wenjian .model1 .environ .left .item .item-content, .container .wrapper #wenjian .model1 .environ .right .item .item-content { z-index: 3; position: absolute; bottom: 0; left: 0; box-sizing: border-box; padding: 0 30px; padding-bottom: 5px !important; } .container .wrapper #wenjian .model1 .environ .left .item:first-child .item-content { padding-bottom: 17px !important; } .container .wrapper #wenjian .model1 .environ .right .item:first-child .item-content { padding-bottom: 5px !important; } .container .wrapper #wenjian .model1 .environ .left .item .item-content .title, .container .wrapper #wenjian .model1 .environ .right .item .item-content .title { border-radius: 20px; color: #fff; font-weight: 900; font-size: 24px; } .container .wrapper #wenjian .model1 .environ .left .item .item-content .text, .container .wrapper #wenjian .model1 .environ .right .item .item-content .text { font-size: 16px; font-weight: 900; color: #fff; opacity: 0.8; line-height: 22px; } .container .wrapper #wenjian .model1 .environ .left { margin-right: 30px; } .container .wrapper #wenjian .model1 .environ .right { margin-left: 30px; margin-right: 0px; } .container .wrapper #wenjian .model2 { width: 100%; background: #fff; padding-bottom: 80px; } .container .wrapper #wenjian .model2 .environ { box-sizing: border-box; padding: 0 270px 0 250px; width: 100%; height: max-content; display: flex; justify-content: space-between; align-items: space-between; } .container .wrapper #wenjian .model2 .environ > * { max-width: 440px; width: 100%; height: 100%; } .container .wrapper #wenjian .model2 .environ > * .item .item-img { border-radius: 20px; } .container .wrapper #wenjian .model2 .environ .left { width: 100%; } .container .wrapper #wenjian .model2 .environ .left .item { width: 100%; position: relative; } .container .wrapper #wenjian .model2 .environ .left .item:first-child { margin-bottom: 6%; } .container .wrapper #wenjian .model2 .environ .left .item .item-img { width: 100%; } .container .wrapper #wenjian .model2 .environ .left .item .item-content { z-index: 3; position: absolute; bottom: 0; left: 0; box-sizing: border-box; padding: 0 30px; padding-bottom: 16px; } .container .wrapper #wenjian .model2 .environ .left .item .item-content .title { border-radius: 20px; color: #fff; padding-left: 5px; font-size: 14px; background: url("../images/job/i.png") left center no-repeat; } .container .wrapper #wenjian .model2 .environ .left .item .item-content .text { font-size: 14px; font-weight: 400; font-size: 20px; font-weight: bold; color: #FFFFFF; margin-top: 5px; } .container .wrapper #wenjian .model2 .environ .left { margin-right: 30px; } .container .wrapper #wenjian .model2 .environ .left:last-child { margin-right: 0px; } .container .wrapper #wenjian .model2 .environ .right { margin-left: 30px; margin-right: 0px; } .container .wrapper #wenjian .model3 { width: 100%; background: #fff; } .container .wrapper #wenjian .model3 .certify { max-width: 1200px; position: relative; width: 100%; margin: 0 auto; z-index: 2; } .container .wrapper #wenjian .model3 .certify .swiper-button-next { width: 43px; height: 43px; top: 37% !important; right: 10% !important; background: url("../images/job/iconr.png") center no-repeat; } .container .wrapper #wenjian .model3 .certify .swiper-button-next:hover { background: url("../images/job/ir.png") center no-repeat; } .container .wrapper #wenjian .model3 .certify .swiper-button-prev { top: 37% !important; left: 10% !important; width: 43px; height: 43px; background: url("../images/job/icon.png") center no-repeat; } .container .wrapper #wenjian .model3 .certify .swiper-button-prev:hover { background: url("../images/job/il.png") center no-repeat; } .container .wrapper #wenjian .model3 .certify .swiper-slide { width: 680px; height: auto; border-radius: 20px; } .container .wrapper #wenjian .model3 .certify .swiper-slide a { width: 100%; } .container .wrapper #wenjian .model3 .certify .swiper-slide a .title-38 { display: none; padding-top: 30px; } .container .wrapper #wenjian .model3 .certify .swiper-slide a .title-38 span:nth-child(1) { margin-right: 20px; } .container .wrapper #wenjian .model3 .certify .swiper-slide a .title-38 span:nth-child(2) { margin-left: 20px; } .container .wrapper #wenjian .model3 .ifyss-img { border-radius: 20px; } .container .wrapper #wenjian .model3 .ifyss-img img { border-radius: 20px; } .container .wrapper #wenjian .model3 .swiper-slide-prev { transform: translateX(330px) scale(0.666667) !important; } .container .wrapper #wenjian .model3 .swiper-slide-next { transform: translateX(-330px) scale(0.666667) !important; } .container .wrapper #wenjian .model3 .certify .swiper-slide-prev, .container .wrapper #wenjian .model3 .certify .swiper-slide-next { position: relative; } .container .wrapper #wenjian .model3 .certify .swiper-slide-prev::after, .container .wrapper #wenjian .model3 .certify .swiper-slide-next:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.5); } .container .wrapper #wenjian .model3 .certify .swiper-slide-active { position: initial; } .container .wrapper #wenjian .model3 .certify .swiper-slide-active a .title-38 { display: block; } .container .wrapper #wenjian .model3 .certify .swiper-pagination { width: 100%; bottom: 20px; } .container .wrapper #wenjian .model3 .certify .swiper-slide img { width: 100%; max-width: 100%; } .container .wrapper #wenjian .model3 .title-38 { text-align: center; margin-bottom: 70px; } .container .wrapper #wenjian .model3 .title-38 .title { padding: 0 40px; position: relative; font-size: 20px; color: #1E8F8F; } .container .wrapper #wenjian .model3 .title-38 .title span { padding-left: 40px; width: 40px; height: 2px; background: url("../images/job/heng.png") center no-repeat; } .container .wrapper #wenjian .model3 .title-38 .text { padding-top: 15px; font-size: 24px; color: #222222; } .container .wrapper #wenjian .model4 { background: url("../images/job/model4bj.jpg") center no-repeat; background-size: cover; padding: 80px 270px 80px 250px; } .container .wrapper #wenjian .model4 .s-content { text-align: center; padding-bottom: 65px; } .container .wrapper #wenjian .model4 .s-content .s-title { font-size: 36px; color: #FFFFFF; padding-bottom: 20px; } .container .wrapper #wenjian .model4 .s-content .s-text { max-width: 760px; width: 100%; margin: 0 auto; font-size: 24px; color: #FFFFFF; line-height: 32px; } .container .wrapper #wenjian .model4 .model4-picture { width: 100%; } .container .wrapper #wenjian .model4 .model4-picture .p-com { width: 100%; display: flex; justify-content: space-between; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left { width: 63.5%; border-radius: 20px; margin-right: 23px; position: relative; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .img { width: 100%; border-radius: 20px; position: relative; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .img img { border-radius: 20px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/job/zz.png") center no-repeat; background-size: cover; z-index: 10; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .cover { z-index: 33; position: absolute; bottom: 0; left: 0; padding: 0 40px 35px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .cover .title { font-size: 24px; font-weight: bold; color: #FFFFFF; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .cover .text { font-size: 18px; color: #FFFFFF; line-height: 24px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right { width: 48%; display: flex; flex-direction: column; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr { width: 100%; position: relative; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .img { width: 100%; position: relative; border-radius: 20px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .img img { border-radius: 20px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/job/zz.png") center no-repeat; background-size: cover; z-index: 2; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr:first-child { margin-bottom: 23px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover { z-index: 33; position: absolute; bottom: 0; left: 0; padding: 0 40px 35px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .title { font-size: 24px; font-weight: bold; color: #FFFFFF; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .text { font-size: 18px; color: #FFFFFF; line-height: 24px; } .container .wrapper #wenjian .model5 { width: 100%; background: #fff; } .container .wrapper #wenjian .model5 .environ { box-sizing: border-box; padding: 0 270px 0 250px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: space-between; } .container .wrapper #wenjian .model5 .environ .top { width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px; } .container .wrapper #wenjian .model5 .environ .top .t-c { border-radius: 20px; max-width: 540px; width: 100%; padding-left: 150px; position: relative; margin-right: 30px; } .container .wrapper #wenjian .model5 .environ .top .t-c .img, .container .wrapper #wenjian .model5 .environ .top .t-c .cover { border-radius: 20px; } .container .wrapper #wenjian .model5 .environ .top .t-c .img img, .container .wrapper #wenjian .model5 .environ .top .t-c .cover img { border-radius: 20px; } .container .wrapper #wenjian .model5 .environ .top .t-c:last-child { margin-right: 0px; } .container .wrapper #wenjian .model5 .environ .top .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .container .wrapper #wenjian .model5 .environ .top .cover::after { content: ""; position: absolute; border-radius: 20px; top: 0; width: 100%; height: 100% ; background: url("../images/job/model5bj.png") center no-repeat; background-size: cover; } .container .wrapper #wenjian .model5 .environ .top .cover .content { width: 100%; position: absolute; z-index: 1; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 { margin-left: 25px; /* margin-right: 40px; */ max-width: 210px; width: 100%; color: red; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { padding-top: 38px; padding-bottom: 22px; font-size: 28px; color: #FFFFFF; z-index: 33; font-weight: 900; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .text { max-width: 150px; width: 100%; font-size: 16px; color: #FFFFFF; line-height: 24px; font-weight: 900; text-align: justify; } .container .wrapper #wenjian .model5 .environ .bottom { width: 100%; display: flex; justify-content: space-between; } .container .wrapper #wenjian .model5 .environ .bottom .t-c { border-radius: 20px; width: 100%; padding-left: 150px; position: relative; margin-right: 30px; } .container .wrapper #wenjian .model5 .environ .bottom .t-c .img, .container .wrapper #wenjian .model5 .environ .bottom .t-c .cover { border-radius: 20px; } .container .wrapper #wenjian .model5 .environ .bottom .t-c .img img, .container .wrapper #wenjian .model5 .environ .bottom .t-c .cover img { border-radius: 20px; } .container .wrapper #wenjian .model5 .environ .bottom .t-c:last-child { margin-right: 0px; } .container .wrapper #wenjian .model5 .environ .bottom .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .container .wrapper #wenjian .model5 .environ .bottom .cover::after { content: ""; position: absolute; border-radius: 20px; top: 0; width: 100%; height: 100% ; background-size: cover; background: url("../images/job/model5bj.png") left bottom no-repeat; background-size: contain; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content { width: 100%; position: absolute; z-index: 1; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 { margin-left: 25px; margin-right: 40px; max-width: 210px; width: 100%; max-height: 350px; height: 100%; color: red; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .title { padding-top: 50px; padding-bottom: 30px; font-size: 28px; font-weight: bold; color: #FFFFFF; z-index: 33; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .text { max-width: 150px; width: 100%; font-size: 16px; color: #FFFFFF; line-height: 24px; font-weight: 900; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content:nth-child(2) { padding-bottom: 40px; } @media screen and (max-width: 1800px) { .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 { padding-left: 20px; margin-left: 0; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 1750px) { .container .wrapper #wenjian .model1 .environ, .container .wrapper #wenjian .model2 .environ, .container .wrapper #wenjian .model5 .environ { padding: 0 200px; } } @media screen and (max-width: 1660px) { .container .wrapper #wenjian .model1 .environ .left .item .item-content, .container .wrapper #wenjian .model1 .environ .right .item .item-content { padding: 0 20px; } .container .wrapper #wenjian .model1 .environ, .container .wrapper #wenjian .model2 .environ, .container .wrapper #wenjian .model5 .environ { box-sizing: border-box; padding: 0 100px; } .container .wrapper #wenjian .model4 { box-sizing: border-box; padding: 50px 100px; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { /* font-size: 22px; */ } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .text { /* font-size: 16px; */ } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .title { /* font-size: 22px; */ } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .text { /* font-size: 14px; */ } } @media screen and (max-width: 1440px) { .container .wrapper #wenjian .main-title { padding: 40px 0 30px; font-size: 28px; } .container .wrapper #wenjian .main-title1 { padding: 40px 0 30px; font-size: 28px; } .container .wrapper #wenjian .model1 .environ, .container .wrapper #wenjian .model2 .environ, .container .wrapper #wenjian .model5 .environ { box-sizing: border-box; padding: 0 50px; } .container .wrapper #wenjian .model4 { box-sizing: border-box; padding: 50px; } .container .wrapper #wenjian .model1, .container .wrapper #wenjian .model2 { padding-bottom: 40px; } .container .wrapper #wenjian .model1 .environ .right .item .item-content .title, .container .wrapper #wenjian .model1 .environ .left .item .item-content .title { font-size: 18px; } .container .wrapper #wenjian .model1 .environ .left .item .item-content .text, .container .wrapper #wenjian .model1 .environ .right .item .item-content .text { font-size: 14px; line-height: 20px; } .container .wrapper #wenjian .model2 .environ .left .item .item-content .text { font-size: 14px; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 { /* margin-left: 20px; */ } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { font-size: 20px; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 { margin-left: 20px; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .title { font-size: 20px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover { padding: 0 40px 10px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .title { font-size: 20px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .text { font-size: 16px; } .container .wrapper #wenjian .model4 .s-content .s-title { font-size: 24px; } .container .wrapper #wenjian .model4 .s-content .s-text { font-size: 16px; line-height: 25px; } } @media screen and (max-width: 1200px) { .container .wrapper #wenjian .model1 .environ, .container .wrapper #wenjian .model2 .environ, .container .wrapper #wenjian .model5 .environ { box-sizing: border-box; padding: 0 20px; } .container .wrapper #wenjian .model4 { box-sizing: border-box; padding: 20px; } .container .wrapper #wenjian .model1 .environ .right .item .item-content .title, .container .wrapper #wenjian .model1 .environ .left .item .item-content .title { font-size: 14px; } .container .wrapper #wenjian .swiper-wrapper { zoom: 0.8; left: 145px; right: 0; margin: 0 auto; } .container .wrapper #wenjian .model5 .environ .top .t-c { padding-left: 120px; } .container .wrapper #wenjian .model5 .environ .bottom .t-c { padding-left: 120px; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { font-size: 16px; padding-top: 15px; padding-bottom: 11px; } .container .wrapper #wenjian .model5 .environ .bottom .cover .content .c1 .title { font-size: 16px; padding-top: 15px; padding-bottom: 11px; } } @media screen and (max-width: 1100px) { .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 { margin-left:0; } } @media screen and (max-width: 1000px) { .container .wrapper #wenjian .main-title { padding: 20px 0 20px; font-size: 20px; } .container .wrapper #wenjian .main-title1 { padding: 20px 0 20px; font-size: 20px; } .container .wrapper #wenjian .model1, .container .wrapper #wenjian .model2 { padding-bottom: 40px; } .container .wrapper #wenjian .model1 .environ, .container .wrapper #wenjian .model2 .environ { flex-direction: column; } .container .wrapper #wenjian .model1 .environ .left .item .item-img img, .container .wrapper #wenjian .model2 .environ .left .item .item-img img{ width: 100%; } .container .wrapper #wenjian .model1 .environ > *, .container .wrapper #wenjian .model2 .environ > * { max-width: 100%; width: 100%; padding-bottom: 20px ; } .container .wrapper #wenjian .model1 .environ > * .item, .container .wrapper #wenjian .model2 .environ > * .item { width: 100%; } .container .wrapper #wenjian .model1 .environ > * .item .item-img img, .container .wrapper #wenjian .model2 .environ > * .item .item-img img{ width: 100%; } .container .wrapper #wenjian .model1 .environ .right, .container .wrapper #wenjian .model2 .environ .right { margin: 0; } .container .wrapper #wenjian .model1 .environ .right .item:first-child, .container .wrapper #wenjian .model2 .environ .right .item:first-child { margin-bottom: 20px; } .container .wrapper #wenjian .model1 .environ .left .item::after { max-width: 100%; width: 100%; height: 275px; background-size: cover; } .container .wrapper #wenjian .swiper-wrapper { zoom: 0.7; left: 200px; right: 0; margin: 0 auto; } .container .wrapper #wenjian .model5 .environ .top { flex-direction: column; } .container .wrapper #wenjian .model5 .environ .top .t-c { width: 100%; max-width: 100%; margin-bottom: 20px; padding: 0; } .container .wrapper #wenjian .model5 .environ .bottom .t-c { padding: 0; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .title { font-size: 16px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .right .rr .cover .text { font-size: 14px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .cover .title { font-size: 16px; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .cover .text { font-size: 14px; } .container .wrapper #wenjian .model4 .s-content { padding-bottom: 30px; } .container .wrapper #wenjian .model4 .s-content .s-title { font-size: 20px; } .container .wrapper #wenjian .model4 .s-content .s-text { font-size: 14px; line-height: 20px; } .container .wrapper #wenjian .model5 .environ .top .t-c .img img, .container .wrapper #wenjian .model5 .environ .top .t-c .cover img { width: 100%; } } @media screen and (max-width: 850px) { .container .wrapper #wenjian .swiper-wrapper { zoom: 0.5; left: 405px; right: 0; margin: 0 auto; } .container .wrapper #wenjian .model4 .model4-picture .p-com { flex-direction: column; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left, .container .wrapper #wenjian .model4 .model4-picture .p-com .right { width: 100%; } .container .wrapper #wenjian .model4 .model4-picture .p-com .left .img { margin-bottom: 20px ; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .title { font-size: 14px; } .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 .text { font-size: 12px; } } @media screen and (max-width: 768px) { .container .wrapper #wenjian .model5 .environ .top .cover .content .c1 { margin-left: 0; } .container .wrapper #wenjian .swiper-wrapper { zoom: 0.3; left: 35%; right: 0; margin: 0 auto; } .container .wrapper #wenjian .model3 .certify .swiper-button-next, .container .wrapper #wenjian .model3 .certify .swiper-button-prev { top: 30% !important; } .container .wrapper #wenjian .model1 .environ .left .item::after { height: 47%; } .container .wrapper #wenjian .model3 .title-38 .title { font-size: 38px; } .container .wrapper #wenjian .model3 .title-38 .text { font-size: 38px; } .container .wrapper #wenjian .model2 { padding-bottom: 0px; } .container .wrapper #wenjian .model5 .environ .top { margin-bottom: 0px; } .container .wrapper #wenjian { padding-bottom: 50px; } .container .wrapper #wenjian .model1 .environ .left .item .item-content, .container .wrapper #wenjian .model1 .environ .right .item .item-content { padding-bottom: 7px; } } /*# sourceMappingURL=./zyy.css.map */