.container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.header>.headerauto>.navone>a { transition: .5s; } .qh { position: absolute; top: 50%; width: 57px; height: 57px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; line-height: 57px; text-align: center; cursor: pointer; outline: none; z-index: 999; transform: translate(0, -50%); } .prev { left: 40px; } .next { right: 40px; z-index: 998; } @media only screen and (min-width: 1500px) { .clearfix:after { /*浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉?/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛?/ } .main-right { width: 1364px; margin: auto; height: auto !important; } .main-right a{ display: block; } .main-right img { width: 100%; display: block; } .container>.banner { width: 100%; position: relative; } .container>.banner>.nav { width: 100%; height: 54px; background: rgba(70, 77, 88, 0.9); position: fixed; z-index: 999; } .container>.banner>.nav>.top { width: 1364px; margin: auto; } .container>.banner>.nav>.top>ul { float: right; display: none; } .container>.banner>.nav>.top>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 20px; } .container>.banner>.nav>.top>ul>a:nth-child(8) { margin: 0; } .container>.banner>img { width: 100%; height: 100%; display: block; } .container>.main { width: 100%; } .container>.main>.main-center { width: 1364px; margin: auto; padding-bottom: 70px; } .container>.main>.main-center>.main-left { width: 100%; float: left; /* background: url(../img/carou--1_03.jpg); */ } .container>.main>.main-center>.main-left .title { float: left; margin-right: 130px; } .container>.main>.main-center>.main-left h2 { font-size: 30px; color: #BE956A; font-weight: 400; } .container>.main>.main-center>.main-left p { font-size: 20px; color: #BE956A; margin-bottom: 40px; } .container>.main>.main-center>.main-left>.text { font-size: 14px; line-height: 28px; float: left; } .container>.main>.main-center>.main-left>img { width: 536px; height: 211px; } .container>.main>.main-center>.main-right { width: 622px; height: 346px; float: right; background: #419141; overflow: hidden; } .container>.main>.main-center>.main-right>.swiper-container { width: 100%; height: 100%; } .swiper-pagination { text-align: right; margin-left: -30px; } .swiper-pagination-bullet { width: 15px; height: 15px; background: #fff; } .swiper-pagination-bullet-active { background: #BD9369; } .container>.main>.main-middle { width: 100%; background: #F3DFCB; } .container>.main>.main-middle>.center { width: 1364px; margin: auto; background: #fff; } .container>.main>.main-middle>.center>.box-top { position: relative; background: #FFF6E9; } .container>.main>.main-middle>.center>.box-top:nth-child(1) { padding: 90px 0 100px; } .container>.main>.main-middle>.center>.box-top>.pytx { width: 100%; position: absolute; top: 72px; } .container>.main>.main-middle>.center>.box-top>.py-tubiao { position: absolute; z-index: 2; margin-left: 200px; margin-top: -330px; } .container>.main>.main-middle>.center>.box-top>.py-tubiao>.py-1 { width: 64px; height: 63px; margin: 50px; float: left; } .container>.main>.main-middle>.center>.box-top>.py-tubiao>.py-1>span { font-size: 16px; line-height: 26px; color: #F3DFCB; } /* //////////////////////// */ .container>.main>.main-middle>.center>.box-top span { display: block; text-align: center; font-size: 20px; color: #187077; } .container>.main>.main-middle>.center>.box-top>.pytx span { color: #FFF6E9; } .container>.main>.main-middle>.center>.box-top>.pytx h2 { color: #FFF6E9; } .container>.main>.main-middle>.center>.box-top>.pytx .sp { color: #314460; } .container>.main>.main-middle>.center>.box-top>.pytx .hh { color: #314460; } .container>.main>.main-middle>.center>.box-top>.div2 { position: absolute; z-index: 2; margin-left: 290px; margin-top: -250px; } .container>.main>.main-middle>.center>.box-top>.div2>.py-1 { width: 64px; height: 63px; margin: 50px; float: left; } .container>.main>.main-middle>.center>.box-top>.div2>.py-1>span { font-size: 16px; line-height: 26px; color: #F3DFCB; } /* 鏄ヨ暰璁″垝鏂版敼 */ .container>.main>.main-middle>.center>.cunlei{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1364px; } .container>.main>.main-middle>.center>.cunlei>img{ width: 100%; } .container>.main>.main-middle>.center>.cunlei>div{ position: absolute; /* bottom: 0; */ } .container>.main>.main-middle>.center>.cunlei>div>h2{ text-align: center; color: #187077; font-size: 30px; margin-bottom: 20px; font-weight: 400; } .container>.main>.main-middle>.center>.cunlei>div>p{ width: 900px; margin: auto; font-size: 14px; color: #797878; line-height: 30px; } .container>.main>.main-middle>.center>.cunlei>div>span { display: block; text-align: center; font-size: 20px; color: #187077; } .container>.main>.main-middle>.center>.box-top h2 { text-align: center; color: #187077; font-size: 30px; margin-bottom: 20px; font-weight: 400; } .container>.main>.main-middle>.center>.box-top p { width: 900px; margin: auto; font-size: 14px; color: #797878; line-height: 30px; } .container>.main>.main-middle>.center>.box-top img { width: 100%; display: block; } .container>.main>.main-middle>.center>.box-top>.fz-1 { /* float: left; */ position: absolute; } .container>.main>.main-middle>.center>.box-middle { width: 100%; text-align: center; color: #BE956A; } .container>.main>.main-middle>.center>.box-middle h2 { font-size: 30px; } .container>.main>.main-middle>.center>.box-middle h2 p { font-size: 22px; } .container>.main>.main-middle>.center>.box-middle>img { width: 100%; height: 467px; } .container>.ment { width: 100%; height: 920px; background: #314460; padding: 70px 0 70px; box-sizing: border-box; position: relative; } /* .container>.ment>.ment-pops {} */ .container>.ment>.p1 { text-align: center; font-size: 20px; color: #F3DFCB; } .container>.ment>h4 { text-align: center; color: #F3DFCB; font-size: 30px; font-weight: 400; margin-bottom: 30px; } .container>.ment>.ment-box { width: 1364px; background: #FFFFFF; margin: auto; padding-bottom: 30px; } .container>.ment>.ment-box>.drop2 { width: 50px; height: 50px; border-radius: 50%; background: url(../img/xl.png); background-size: 100% 100%; cursor: pointer; margin: auto; } .container>.ment>.ment-box>.tab-top { width: 100%; padding: 40px 105px 10px; box-sizing: border-box; background: #FAFAFA; } .container>.ment>.ment-box>.tab-top>.u1 { color: #BD9369; height: 50px; border-bottom: 2px solid #F3DFCB; margin-bottom: 20px; } .container>.ment>.ment-box>.tab-top>.u1>li { float: left; margin-right: 30px; line-height: 50px; font-size: 18px; font-weight: 400; } .container>.ment>.ment-box>.tab-top>.u1>li:hover { cursor: pointer; border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u1>.active { border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u2>li>.active { border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u2 { color: #BD9369; height: 50px; margin-bottom: 20px; } .container>.ment>.ment-box>.tab-top>.u2>li { float: left; padding-right: 30px; line-height: 50px; height: 50px; border-bottom: 2px solid #F3DFCB; font-size: 18px; box-sizing: border-box; font-weight: 400; } .container>.ment>.ment-box>.tab-top>.u2>li>span { display: block; height: 50px; box-sizing: border-box; } .container>.ment>.ment-box>.tab-top>.u2>li>span:hover { cursor: pointer; border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u1>li:nth-last-child(1) { margin-right: 0; } .container>.ment>.ment-box>.tab-bottom { widows: 100%; background: #fff; padding: 40px 105px; } .container>.ment>.ment-box>.tab-bottom>span { display: block; width: 99px; height: 99px; background: #FFFFFF; color: #BD9369; text-align: center; border: 2px solid #BD9369; padding-top: 20px; box-sizing: border-box; border-radius: 25px; font-size: 18px; float: left; margin-right: 50px; cursor: pointer; margin-bottom: 25px; } .container>.ment>.ment-box>.tab-bottom>span:hover { background: #BD9369; color: #fff; } .container>.ment>.ment-box>.tab-bottom>span:nth-child(8n) { margin-right: 0; } /* .container>.ment>.ment-box>.tab-bottom>.active {} */ .container>.ment>.ment-box>.tab-bottom>span>p { font-size: 24px; line-height: 30px; font-weight: bold; } .container>.ment>.Pop-ups { width: 1364px; margin: auto; background: #FFF6E9; display: block; position: absolute; top: 166px; left: 50%; transform: translate(-50%, 0); z-index: 998; display: none; } .container>.ment>.Pop-ups>.guanbi{ background-color: #BD9369; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; } .container>.ment>.Pop-ups>.guanbi>img{ display: block; width: 32px; height: 32px; position: absolute; top: calc(50% - 16px); right: calc(50% - 16px); } .container>.ment>.Pop-ups>.top { width: 100%; height: 490px; } .container>.ment>.Pop-ups>.top>.ment { width: 1020px; margin: auto; padding-top: 55px; box-sizing: border-box; } .container>.ment>.Pop-ups>.top>.ment>h3 { color: #BD9369; font-size: 24px; font-weight: 400; text-align: center; line-height: 50px; border-bottom: 1px solid #f3dfcb; margin-bottom: 10px; } .container>.ment>.Pop-ups>.top>.ment>p { text-align: center; font-size: 14px; color: #BD9369; margin-bottom: 50px; } .container>.ment>.Pop-ups>.top>.ment>.item-left { width: 50%; height: 305px; box-sizing: border-box; border-right: 1px solid #BD9369; float: left; font-size: 14px; line-height: 24px; } .container>.ment>.Pop-ups>.top>.ment>.item-left>.tit { color: #BD9369; } .container>.ment>.Pop-ups>.top>.ment>.item-left>.text>p { width: 90%; color: #707070; } .container>.ment>.Pop-ups>.top>.ment>.item-right { width: 50%; float: left; padding-left: 24px; box-sizing: border-box; font-size: 14px; line-height: 24px; } .container>.ment>.Pop-ups>.top>.ment>.item-right>p { color: #898989; } .container>.ment>.Pop-ups>.top>.ment>.item-right>p>span { color: #BD9369; } .container>.ment>.Pop-ups>.bottom { width: 100%; height: 148px; background: #FFFFFF; border-top: 1px solid #f3dfcb; text-align: left; position: relative; padding-top: 40px; box-sizing: border-box; } .container>.ment>.Pop-ups>.bottom>img { width: 54px; height: 54px; border-radius: 50%; position: absolute; top: -27px; left: 50%; transform: translate(-50%); } .container>.ment>.Pop-ups>.bottom>ul { width: 1020px; margin: auto; } .container>.ment>.Pop-ups>.bottom>ul>li { width: 400px; color: #BD9369; font-size: 14px; float: left; margin-right: 100px; } .container>.ment>.Pop-ups>.bottom>ul>li:nth-child(4n) { margin-right: 0; } .container>.ment>.shade { width: 100%; height: 100%; background: #314460; position: absolute; top: 0; padding: 70px 0 70px; box-sizing: border-box; display: none; } .container>.ment>.shade>.p1 { text-align: center; font-size: 20px; color: #BE956A; } .container>.ment>.shade>h4 { text-align: center; color: #BE956A; font-size: 26px; font-weight: 400; margin-bottom: 30px; } .container>.image-one { width: 100%; } .container>.fote { width: 1364px; margin: auto; padding: 80px 0 0; } .container>.fote>h4 { text-align: center; color: #BE956A; font-size: 30px; margin-bottom: 30px; font-weight: 400; } .container>.fote>h4>p { font-size: 25px; font-weight: 300; } .container>.fote>li { width: 100%; height: 96px; background: #FFF6E9; line-height: 96px; color: #BD9369; text-indent: 50px; font-size: 18px; cursor: pointer; margin-bottom: 20px; text-indent: 90px; position: relative; font-weight: 400; } .container>.fote>li>b { float: right; margin-right: 30px; } .container>.fote>li>span { font-size: 30px; margin-right: 10px; position: absolute; text-indent: 45px; left: 0px; } .container>.fote>li:nth-child(2)>span { font-size: 35px; text-indent: 40px; } .container>.fote>li:nth-child(8)>span { font-size: 40px; text-indent: 40px; } .container>.fote>.active { background: #BD9369; color: #FFFFFF; } .container>.fote>.text { margin-bottom: 20px; padding: 56px 56px 70px 40px; box-sizing: border-box; background: #FAFAFA; display: none; margin-top: -20px; color: red; } .container>.fote>.show { display: block; } .container>.fote>.text>p { font-size: 14px; color: #474A50; } .container>.fote>.text>p:nth-child(2n) { margin-bottom: 30px; } .container>.fote>.text>p:nth-last-child(1) { margin-bottom: 0; } /* 鎷涜仒娴佺▼ */ .main-zhaopin { background: #FFF6E9; width: 100%; height: 566px; } .main-zhaopin>.Recruitment { background: #FFF6E9; width: 1364px; height: 100%; margin: auto; position: relative; } .Recruitment { background: #FFF6E9; position: relative; } .Recruitment div { position: absolute; width: 100%; text-align: center; top: 0; } .Recruitment .zp-title { padding-top: 50px; } /* .Recruitment div{ width: 100%; top: 72px; } */ .Recruitment .zheng { width: 100%; top: 200px; position: absolute; margin-left: 63px; } .Recruitment .zheng .zujian { float: left; margin-left: 10px; width: 128px; height: 128px; background: #56AB4D; border-radius: 25%; } .Recruitment span { display: block; padding-top: 42px; text-align: center; font-size: 20px; color: #BE956A; } .Recruitment .zheng .zujian .span-1 { color: #ffffff; } .Recruitment .zheng .zujian .span-2 { padding-top: 58px; color: #797878; font-size: 16px; line-height: 23px; } .Recruitment .zheng img { float: left; padding-left: 10px; padding-top: 50px; } .Recruitment h2 { text-align: center; color: #BE956A; font-size: 30px; font-weight: 400; margin-bottom: 50px; } .Recruitment>img { width: 100%; display: block; } .Recruitment .zheng .zujian:nth-child(1) { background: #56AB4D; } .Recruitment .zheng .zujian:nth-child(2) { background: #51A351; } .Recruitment .zheng .zujian:nth-child(3) { background: #439256; } .Recruitment .zheng .zujian:nth-child(4) { background: #2A725A; } .Recruitment .zheng .zujian:nth-child(5) { background: #358259; } .Recruitment .zheng .zujian:nth-child(6) { background: #439256; } .Recruitment .zheng .zujian:nth-child(7) { background: #51A351; } .Recruitment .zheng .zujian:nth-child(8) { background: #56AB4D; } /* 鎷涜仒娴佺▼end */ } @media only screen and (max-width: 1500px) { .clearfix:after { /*浼厓绱犳槸琛屽唴鍏冪礌 姝e父娴忚鍣ㄦ竻闄ゆ诞鍔ㄦ柟娉?/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6娓呴櫎娴姩鐨勬柟寮 *鍙峰彧鏈塈E6-IE7鎵ц锛屽叾浠栨祻瑙堝櫒涓嶆墽琛?/ } .main-right { width: 1120px; margin: auto; height: auto !important; } .main-right a{ display: block; } .main-right img { width: 100%; display: block; } .container>.banner { width: 100%; position: relative; } .container>.banner>.nav { width: 100%; height: 54px; background: rgba(70, 77, 88, 0.9); position: fixed; z-index: 999; } .container>.banner>.nav>.top { width: 1120px; margin: auto; } .container>.banner>.nav>.top>ul { float: right; display: none; } .container>.banner>.nav>.top>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 20px; } .container>.banner>.nav>.top>ul>a:nth-child(8) { margin: 0; } .container>.banner>img { width: 100%; height: 100%; display: block; } .container>.main { width: 100%; } .container>.main>.main-center { width: 1120px; margin: auto; padding-bottom: 60px; } .container>.main>.main-center>.main-left { width: 100%; float: left; } .container>.main>.main-center>.main-left .title { float: left; margin-right: 100px; } .container>.main>.main-center>.main-left h2 { font-size: 30px; color: #BE956A; font-weight: 400; } .container>.main>.main-center>.main-left p { font-size: 20px; color: #BE956A; margin-bottom: 40px; } .container>.main>.main-center>.main-left>.text { font-size: 14px; line-height: 28px; float: left; } .container>.main>.main-center>.main-left>img { width: 536px; height: 211px; } .container>.main>.main-center>.main-right { width: 622px; height: 346px; float: right; background: #419141; overflow: hidden; } .container>.main>.main-center>.main-right>.swiper-container { width: 100%; height: 100%; } .swiper-pagination { text-align: right; margin-left: -20px; } .swiper-pagination-bullet { width: 15px; height: 15px; background: #fff; } .swiper-pagination-bullet-active { background: #BD9369; } .container>.main>.main-middle { width: 100%; background: #F3DFCB; } .container>.main>.main-middle>.center { width: 1120px; margin: auto; background: #fff; } .container>.main>.main-middle>.center>.box-top { position: relative; background: #FFF6E9; } .container>.main>.main-middle>.center>.box-top:nth-child(1) { padding: 90px 0 100px; } /* .container>.main>.main-middle>.center>.box-top div{ width: 100%; position: absolute; top: 52px; } */ .container>.main>.main-middle>.center>.box-top>.pytx { width: 100%; position: absolute; top: 40px; } .container>.main>.main-middle>.center>.box-top>.py-tubiao { position: absolute; z-index: 2; margin-left: 198px; margin-top: -260px; } .container>.main>.main-middle>.center>.box-top>.py-tubiao>.py-1 { width: 60px; height: 63px; margin: 30px; float: left; } .container>.main>.main-middle>.center>.box-top>.py-tubiao>.py-1>span { font-size: 15px; line-height: 26px; color: #F3DFCB; } /* 鏄ヨ暰璁″垝鏂版敼 */ .container>.main>.main-middle>.center>.cunlei{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1120px; } .container>.main>.main-middle>.center>.cunlei>img{ width: 100%; } .container>.main>.main-middle>.center>.cunlei>div{ position: absolute; /* bottom: 0; */ } .container>.main>.main-middle>.center>.cunlei>div>h2{ text-align: center; color: #187077; font-size: 30px; margin-bottom: 20px; font-weight: 400; } .container>.main>.main-middle>.center>.cunlei>div>p{ width: 900px; margin: auto; font-size: 14px; color: #797878; line-height: 30px; } .container>.main>.main-middle>.center>.cunlei>div>span { display: block; text-align: center; font-size: 20px; color: #187077; } .container>.main>.main-middle>.center>.box-top span { display: block; text-align: center; font-size: 20px; color: #187077; } .container>.main>.main-middle>.center>.box-top>.pytx span { color: #FFF6E9; } .container>.main>.main-middle>.center>.box-top>.pytx h2 { color: #FFF6E9; } .container>.main>.main-middle>.center>.box-top>.pytx .sp { color: #314460; } .container>.main>.main-middle>.center>.box-top>.pytx .hh { color: #314460; /* font-weight: 300; */ } .container>.main>.main-middle>.center>.box-top>.div2 { position: absolute; z-index: 2; margin-left: 211px; margin-top: -219px; } .container>.main>.main-middle>.center>.box-top>.div2>.py-1 { width: 64px; height: 63px; margin: 50px; float: left; } .container>.main>.main-middle>.center>.box-top>.div2>.py-1>span { font-size: 16px; line-height: 26px; color: #F3DFCB; } .container>.main>.main-middle>.center>.box-top h2 { text-align: center; color: #187077; font-size: 30px; font-weight: 400; margin-bottom: 20px; } /* .Recruitment{ background: #FFF6E9; position: relative; } .Recruitment div{ width: 100%; top: 52px; position: absolute; } .Recruitment span { display: block; text-align: center; font-size: 20px; color: #BE956A; } .Recruitment h2 { text-align: center; color: #BE956A; font-size: 30px; font-weight: 500; margin-bottom: 50px; } .Recruitment>img{ width: 100%; display: block; } */ .container>.main>.main-middle>.center>.box-top>p { width: 900px; margin: auto; font-size: 14px; color: #797878; line-height: 30px; } .container>.main>.main-middle>.center>.box-top img { width: 100%; display: block; } .container>.main>.main-middle>.center>.box-top>.fz-1 { /* float: left; */ position: absolute; } .container>.main>.main-middle>.center>.box-middle { width: 100%; text-align: center; color: #BE956A; } .container>.main>.main-middle>.center>.box-middle h2 { font-size: 30px; } .container>.main>.main-middle>.center>.box-middle h2 p { font-size: 22px; height: 467px; } .container>.main>.main-middle>.center>.box-middle>img { width: 100%; height: 467px; } .container>.ment { width: 100%; height: 850px; background: #314460; padding: 70px 0 70px; box-sizing: border-box; position: relative; } /* .container>.ment>.ment-pops {} */ .container>.ment>.p1 { text-align: center; font-size: 20px; color: #F3DFCB; } .container>.ment>h4 { text-align: center; color: #F3DFCB; font-size: 30px; font-weight: 400; margin-bottom: 30px; } .container>.ment>.ment-box { width: 1120px; background: #FFFFFF; margin: auto; padding-bottom: 30px; } .container>.ment>.ment-box>.drop2 { width: 50px; height: 50px; border-radius: 50%; background: url(../img/xl.png); background-size: 100% 100%; cursor: pointer; margin: auto; } .container>.ment>.ment-box>.tab-top { width: 100%; padding: 40px 105px 10px; box-sizing: border-box; background: #FAFAFA; } .container>.ment>.ment-box>.tab-top>.u1 { color: #BD9369; height: 50px; border-bottom: 2px solid #F3DFCB; margin-bottom: 20px; display: flex; flex-direction: row; justify-content: space-between; } .container>.ment>.ment-box>.tab-top>.u1>li { float: left; line-height: 50px; font-size: 18px; font-weight: 400; } .container>.ment>.ment-box>.tab-top>.u1>li:hover { cursor: pointer; border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u1>.active { border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u2>li>.active { border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u2 { color: #BD9369; height: 50px; margin-bottom: 20px; } .container>.ment>.ment-box>.tab-top>.u2>li { float: left; height: 50px; padding-right: 30px; line-height: 50px; font-size: 18px; border-bottom: 2px solid #F3DFCB; font-weight: 400; } .container>.ment>.ment-box>.tab-top>.u2>li>span { display: block; height: 52px; box-sizing: border-box; } .container>.ment>.ment-box>.tab-top>.u2>li>span:hover { cursor: pointer; border-bottom: 2px solid #BD9369; } .container>.ment>.ment-box>.tab-top>.u1>li:nth-last-child(1) { margin-right: 0; } .container>.ment>.ment-box>.tab-bottom { width: 100%; background: #fff; padding: 40px 105px; box-sizing: border-box; } .container>.ment>.ment-box>.tab-bottom>span { display: block; width: 70px; height: 70px; background: #FFFFFF; color: #BD9369; text-align: center; border: 2px solid #BD9369; padding-top: 5px; box-sizing: border-box; border-radius: 25px; font-size: 14px; float: left; margin-right: 50px; cursor: pointer; margin-bottom: 25px; } .container>.ment>.ment-box>.tab-bottom>span:hover { background: #BD9369; color: #fff; } .container>.ment>.ment-box>.tab-bottom>span:nth-child(8n) { margin-right: 0; } .container>.ment>.ment-box>.tab-bottom>span>p { font-size: 24px; line-height: 30px; font-weight: bold; } .container>.ment>.Pop-ups { width: 1120px; margin: auto; background: #FFF6E9; display: block; position: absolute; top: 166px; left: 50%; transform: translate(-50%, 0); z-index: 998; display: none; } .container>.ment>.Pop-ups>.guanbi{ background-color: #BD9369; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; } .container>.ment>.Pop-ups>.guanbi>img{ display: block; width: 32px; height: 32px; position: absolute; top: calc(50% - 16px); right: calc(50% - 16px); } .container>.ment>.Pop-ups>.top { width: 100%; height: 490px; } .container>.ment>.Pop-ups>.top>.ment { width: 1020px; margin: auto; padding-top: 55px; box-sizing: border-box; } .container>.ment>.Pop-ups>.top>.ment>h3 { color: #BD9369; font-size: 24px; font-weight: 400; text-align: center; line-height: 50px; border-bottom: 1px solid #f3dfcb; margin-bottom: 10px; } .container>.ment>.Pop-ups>.top>.ment>p { text-align: center; font-size: 14px; color: #BD9369; margin-bottom: 50px; } .container>.ment>.Pop-ups>.top>.ment>.item-left { width: 50%; height: 305px; box-sizing: border-box; border-right: 1px solid #BD9369; float: left; font-size: 14px; line-height: 24px; } .container>.ment>.Pop-ups>.top>.ment>.item-left>.tit { color: #BD9369; } .container>.ment>.Pop-ups>.top>.ment>.item-left>.text>p { width: 96%; color: #707070; } .container>.ment>.Pop-ups>.top>.ment>.item-right { width: 50%; float: left; padding-left: 24px; box-sizing: border-box; font-size: 14px; line-height: 24px; } .container>.ment>.Pop-ups>.top>.ment>.item-right>p { color: #898989; } .container>.ment>.Pop-ups>.top>.ment>.item-right>p>span { color: #BD9369; } .container>.ment>.Pop-ups>.bottom { width: 100%; height: 148px; background: #FFFFFF; border-top: 1px solid #f3dfcb; text-align: left; position: relative; padding-top: 40px; box-sizing: border-box; } .container>.ment>.Pop-ups>.bottom>img { width: 54px; height: 54px; border-radius: 50%; position: absolute; top: -27px; left: 50%; transform: translate(-50%); } .container>.ment>.Pop-ups>.bottom>ul { width: 1020px; margin: auto; } .container>.ment>.Pop-ups>.bottom>ul>li { width: 180px; color: #BD9369; font-size: 14px; float: left; margin-right: 100px; } .container>.ment>.Pop-ups>.bottom>ul>li:nth-child(4n) { margin-right: 0; } .container>.ment>.shade { width: 100%; height: 100%; background: #314460; position: absolute; top: 0; padding: 70px 0 70px; box-sizing: border-box; display: none; } .container>.ment>.shade>.p1 { text-align: center; font-size: 20px; color: #BE956A; } .container>.ment>.shade>h4 { text-align: center; color: #BE956A; font-size: 26px; font-weight: 400; margin-bottom: 30px; } .container>.image-one { width: 100%; } .container>.fote { width: 1120px; margin: auto; padding: 80px 0 0; } .container>.fote>h4 { text-align: center; color: #BE956A; font-size: 30px; margin-bottom: 30px; font-weight: 400; } .container>.fote>h4>p { font-size: 25px; font-weight: 300; } .container>.fote>li { width: 100%; height: 96px; background: #FFF6E9; line-height: 96px; color: #BD9369; text-indent: 50px; font-size: 18px; cursor: pointer; margin-bottom: 20px; font-weight: 400; } .container>.fote>li>b { float: right; margin-right: 30px; } .container>.fote>li>span { font-size: 30px; margin-right: 10px; } .container>.fote>.active { background: #BD9369; color: #FFFFFF; } .container>.fote>li:nth-child(2)>span { font-size: 35px; text-indent: 85px; } .container>.fote>li:nth-child(8)>span { font-size: 40px; text-indent: 85px; } .container>.fote>.text { margin-bottom: 20px; padding: 56px 56px 70px 40px; box-sizing: border-box; background: #FAFAFA; display: none; margin-top: -20px; color: red; } .container>.fote>.show { display: block; } .container>.fote>.text>p { font-size: 14px; color: #474A50; } .container>.fote>.text>p:nth-child(2n) { margin-bottom: 30px; } .container>.fote>.text>p:nth-last-child(1) { margin-bottom: 0; } /* 鎷涜仒娴佺▼ */ .main-zhaopin { background: #FFF6E9; width: 100%; height: 566px; } .main-zhaopin>.Recruitment { background: #FFF6E9; width: 1120px; height: 100%; margin: auto; position: relative; } .Recruitment { background: #FFF6E9; position: relative; } .Recruitment>div { width: 100%; position: absolute; top: 0; text-align: center; } .Recruitment .zp-title { padding-top: 50px; } /* .Recruitment div{ width: 100%; top: 72px; } */ .Recruitment .zheng { width: 100%; top: 200px; position: absolute; /* margin-left: 63px; */ margin-left: 20px; } .Recruitment .zheng .zujian { float: left; margin-left: 10px; width: 107px; height: 107px; background: #56AB4D; border-radius: 25%; } .Recruitment span { display: block; padding-top: 39px; text-align: center; font-size: 20px; color: #BE956A; } .Recruitment .zheng .zujian .span-1 { color: #ffffff; } .Recruitment .zheng .zujian .span-2 { padding-top: 58px; color: #797878; font-size: 13px; line-height: 19px; } .Recruitment .zheng img { float: left; padding-left: 10px; padding-top: 50px; } .Recruitment h2 { text-align: center; color: #BE956A; font-size: 30px; font-weight: 400; margin-bottom: 50px; } .Recruitment>img { width: 100%; display: block; } .Recruitment .zheng .zujian:nth-child(1) { background: #56AB4D; } .Recruitment .zheng .zujian:nth-child(2) { background: #51A351; } .Recruitment .zheng .zujian:nth-child(3) { background: #439256; } .Recruitment .zheng .zujian:nth-child(4) { background: #2A725A; } .Recruitment .zheng .zujian:nth-child(5) { background: #358259; } .Recruitment .zheng .zujian:nth-child(6) { background: #439256; } .Recruitment .zheng .zujian:nth-child(7) { background: #51A351; } .Recruitment .zheng .zujian:nth-child(8) { background: #56AB4D; } /* 鎷涜仒娴佺▼end */ } /* .Recruitment{ background: #FFF6E9; position: relative; } .Recruitment div{ width: 100%; top: 52px; position: absolute; } .Recruitment span { display: block; text-align: center; font-size: 20px; color: #BE956A; } .Recruitment h2 { text-align: center; color: #BE956A; font-size: 30px; font-weight: 500; margin-bottom: 50px; } .Recruitment>img{ width: 100%; display: block; } */