.head-image-box{ min-height: 439px; } /* 兼容移动端 */ .line-break { display: none; } .head-image-wrapper .head-content .small-title { display: none; } /* 关于九州酷游menu */ .aboutus-menu { margin: 20px 0 0 0; padding: 0; height: 44px; line-height: 44px; border-bottom: 1px #E5E5E5 solid; width: 1192px; display: inline-block; font-size: 0px; } .aboutus-menu ul { padding: 0; margin: 0; list-style: none; } .aboutus-menu .flex-item { height: 44px; line-height: 44px; color: #191919; font-size: 16px; text-align: center; padding: 0 0px; display: inline-block; margin-right: 215px; } .aboutus-menu .flex-item:last-child { margin-right: 0; } .aboutus-menu .flex-item a { display: block; text-decoration: none; color: #191919; height: 41px; border-bottom: 3px #fff solid !important; } .aboutus-menu .flex-item.selected>a { color: #1B1C80; border-bottom: 3px #1B1C80 solid !important; } .aboutus-menu .flex-item>a:hover { color: #1B1C80; border-bottom: 3px #1B1C80 solid !important; } .aboutus-menu .flex-item.join-dropdown { position: relative; } .aboutus-menu .flex-item .join-dropdown-content { position: absolute; z-index: 99; display: none; margin-top: -8px; left: -53px; width: 168px; float: left; } .join-dropdown-content .dropdown-content { width: 138px; margin-top: 12px; padding: 30px 15px; text-align: left; line-height: 32px; background-color: #FFFFFF; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } /* 社会责任选中页面 */ .join-dropdown-content .dropdown-content .choose { color: #1B1C80 !important; font-size: 15px !important; } .aboutus-menu .flex-item:last-child .join-dropdown-content { left: -65px; width: 1300px; } .flex-item:last-child .join-dropdown-content .dropdown-content { width: 100px; } .flex-item .dropdown-content>a { padding: 6px 0 6px 15px; height: 20px; line-height: 20px; font-size: 13px; color: #333333; } .flex-item .dropdown-content>a:hover { background: #F5F5F7; } /* 企业介绍 */ /* 主内容 */ .about-main { width: 1190px; text-align: center; margin: 60px auto 100px; padding: 0; display: inline-block; } /* 主内容头部 */ .main-header { background: #F5F5F7; border-radius: 6px; width: 1190px; height: 338px; display: inline-block; } .main-header .header-left { float: left; width: 582px; height: 338px; left: 0; top: 0; position: relative; } .main-header .header-left .aboutus { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .main-header .header-left .play { position: absolute; left: 50%; top: 50%; transform: translate(-33px, -33px); width: 66px; height: 66px; z-index: 20; } .main-header .header-right { width: 608px; float: right; text-align: center; right: 0; top: 0; height: 338px; } .main-header .header-right p { color: #333; font-size: 17px; line-height: 40px; text-align: left; margin: 49px 60px; } /* 企业简介 */ .introduce-first-section { margin-top: 40px !important; } .introduce-section { width: 1190px; text-align: center; margin: 100px auto 0; } .introduce-section .section-title { color: #1D1D1F; font-size: 29px; line-height: 45px; height: 45px; margin-bottom: 60px; } .introduce-section .section-detail { color: #333; font-size: 15px; line-height: 40px; text-align: left; } .introduce-section .section-detail p { text-indent: 30px; word-wrap: break-word; } /* 企业文化 */ .section-content { background: #F5F5F7; border-radius: 6px; width: 1190px; height: 364px; display: inline-block; } .section-content .section-left { float: left; width: 546px; height: 364px; left: 0; top: 0; } .section-content .section-left img { width: 100%; } .section-content .section-right { width: 644px; float: right; text-align: center; right: 0; top: 0; height: 364px; position: relative; } .section-content .section-right img { position: absolute; bottom: 0; right: 0; width: 210px; height: 210px; } .section-right table { position: relative; z-index: 10; height: 100%; width: 100%; text-align: left; vertical-align: top; } .section-right table tr:nth-child(1) td { padding-top: 52px; vertical-align: top; padding-left: 50px; } .section-right table tr:nth-child(2) td { padding-bottom: 52px; vertical-align: bottom; padding-left: 50px; } .section-right table td:nth-child(1) { width: 294px; } .section-right table td .td-title { color: #1D1D1F; font-size: 19px; font-weight: 500; line-height: 28px; } .section-right table td .td-title { color: #1D1D1F; font-size: 19px; font-weight: 500; line-height: 28px; } .section-right table td .td-line { background-color: #E60012; margin: 15px 0; width: 20px; height: 4px; } .section-right table td .td-detial { color: #666; font-size: 19px; line-height: 28px; } /* 企业要闻 */ .mobile-news-title { display: none; } .about-main .enterprise-news { height: 100%; width: 100%; text-align: left; vertical-align: top; margin-bottom: 50px; } .enterprise-news td { padding: 30px 0 44px; } .enterprise-news th { color: #333; font-size: 23px; line-height: 29px; } /* 第一列的宽度 */ .enterprise-news td:nth-child(1) { vertical-align: text-top; width: 150px; } /* 第二列加 border-bottom */ .enterprise-news td:nth-child(2) { border-bottom: 1px solid #E5E5E5; } /* 鼠标放上去变色 */ .enterprise-news tr:hover { background-color: #FAFAFA; cursor: pointer; } /* 日期 */ .enterprise-news .news-date { position: relative; width: 150px; } .enterprise-news .news-date .news-date-day { position: absolute; font-size: 35px; line-height: 28px; font-weight: 500; color: #191919; left: 0; top: 0; } .enterprise-news .news-date .news-date-month { position: absolute; font-size: 17px; line-height: 28px; color: #333; font-weight: 500; left: 54px; top: 22px; } .enterprise-news .news-date .news-data-line { position: absolute; top: 27px; left: 29px; width: 38px; height: 1px; background-color: #E7E7E7; transform: scaleX(-1) rotate(60deg); } /* 内容部分 */ .news-content .news-title { color: #333; font-size: 23px; line-height: 29px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news-content .news-time { margin: 10px 0 15px; color: #979797; font-size: 15px; line-height: 19px; } .news-content .news-detial { color: #666; font-size: 15px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 联系九州酷游 */ .about-main .contact-us-wrapper { height: 100%; width: 1024px; text-align: center; margin: 0 auto 20px; } .contact-us-wrapper .contact-content { list-style: none; } .contact-content .contact-item { padding-bottom: 80px; } .contact-content .contact-item:last-child { padding-bottom: 0; } .contact-item .contact-item-title { font-size: 20px; font-weight: 500; color: #191919; letter-spacing: 0; text-align: justify; } .contact-item table { border: 1px solid #E5E5E5; border-radius: 4px; width: 100%; } .contact-item table th, .depot-table tr:nth-child(1) td { font-size: 16px; font-weight: normal; color: #191919; letter-spacing: 0; text-align: justify; } .contact-item table td { font-size: 14px; color: #666666; letter-spacing: 0; text-align: justify; } /* 第一个table */ .depot-table { margin-top: 12px; } .depot-table tr { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .depot-table td:nth-child(1) { width: 23.8%; } .depot-table td:nth-child(3) { width: 23%; } .depot-table td:nth-child(4) { border-left: 1px solid #E5E5E5; width: 30.4%; } .depot-table td { line-height: 48px; padding-left: 20px; } .manager-table td:nth-child(1) { border-right: 1px solid #E5E5E5; width: 18%; } .manager-table td:nth-child(3) { width: 50%; /* background-color: #286EF0; */ } .manager-table td:nth-child(4) { border-left: none; } /* 联系九州酷游下面的table */ .other-table { margin-top: 20px; } .contact-item .other-table td, .contact-item .other-table th { border: 1px solid #E5E5E5; } .contact-item .other-table td { line-height: 64px; } table.other-table th { font-weight: normal; width: 140px; text-align: center; box-sizing: border-box; /* padding-left: 52px; */ vertical-align: middle; text-align: center; } table.other-table.long th { width: 200px; } .other-table td { padding-left: 20px; } .other-table .contact-info { height: 64px; } /* 加入九州酷游 */ .join-about-main { width: 1190px; text-align: center; margin: 0 auto; } .join-us-wrapper { width: 1190px; text-align: left; margin-bottom: 200px; margin-left: auto; margin-right: auto; } .join-us-wrapper .title { color: #1D1D1F; font-size: 23px; font-weight: 500; line-height: 33px; margin-bottom: 40px; text-align: left; margin-top: 50px; } .join-us-wrapper .join-remark { display: inline-block; display: none; text-align: left; font-size: 14px; color: #666666; letter-spacing: 0; line-height: 20px; margin-bottom: 40px; padding: 10px 40px 10px 16px; background: #EDF5FF; border: 1px solid #97C3FF; border-radius: 4px; } .join-us-wrapper .join-remark .blue { color: #286EF0; } .join-us-wrapper .icon img { width: 14px; height: 14px; } .join-us-wrapper .recruit-list { list-style: none; width: 1190px; } .join-us-wrapper .recruit-list .recruit-item { background-color: #F5F5F7; border-radius: 4px; margin: 16px 0 26px; } /* 头部 */ .recruit-item .recruit-top { width: 1190px; text-align: left; display: inline-block; padding-left: 40px; } .recruit-top .recruit-job { height: 60px; margin: 26px 0 26px 0; display: inline-block; width: 28.6%; overflow: hidden; } .recruit-job .job { font-size: 23px; color: #286EF0; letter-spacing: 0; line-height: 32px; margin: 0; padding: 0; } .recruit-job .department { padding-top: 8px; margin: 0; font-size: 13px; color: #333; letter-spacing: 0; line-height: 20px; } .recruit-top .address, .recruit-top .date { display: inline-block; color: #333; font-size: 13px; margin: 26px 0 0 40px; height: 60px; vertical-align: top; line-height: 60px; } .recruit-top .address { width: 24.3%; font-size: 15px; text-align: right; overflow: hidden; } .recruit-top .date { width: 16%; margin-top:46px; line-height: 20px; } .recruit-top .applybtn { display: inline-block; width: 88px; height: 36px; line-height: 36px; margin-top: 38px; /* margin-left: 40px; */ margin-left: 52px; border: 2px solid #286EF0; border-radius: 18px; vertical-align: top; background-color: rgba(0, 0, 0, 0); text-align: center; } .recruit-top .applybtn a { line-height: 36px; font-size: 13px; color: #286EF0; letter-spacing: 0; vertical-align: top; } .recruit-top .openbtn { display: inline-block; width: 40px; height: 40px; margin: 36px 0 36px 30px; padding: 10px 10px; vertical-align: top; background-color: rgba(0, 0, 0, 0); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat; } .recruit-top .openbtn img { width: 20px; height: 20px; } /* 收起部分 */ .recruit-top .recruit-bottom { display: none; text-align: left; padding: 32px 40px 40px 0; width: 1100px; /* padding: 0; */ /* margin: 0; */ } /* .recruit-bottom .recruit-title { margin: 32px auto 8px 40px; color: #333; font-size: 13px; line-height: 20px; font-weight: 500; } .recruit-bottom .recruit-content { margin-left: 40px; font-size: 13px; color: #333333; letter-spacing: 0; line-height: 32px; } */ /* 加入九州酷游结束 */ /* 企业荣誉 */ .about-main .honor-wrapper { margin: 10px auto 30px; width: 1190px; } /* ul */ .honor-wrapper .timeline { list-style: none; text-align: left; } /* timeline-item */ .timeline-item { padding-left: 40px; position: relative; } .timeline-item:last-child { padding-bottom: 0; } /* timeline-info */ .timeline-info span { margin-left: 83px; line-height: 43px; font-size: 35px; font-weight: 600; color: #1B1C80; letter-spacing: 0; text-align: justify; } .timeline-item:first-child .timeline-info span { color: #E60012; } /*----- timeline-marker-----*/ .timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; width: 16px; } .timeline-marker:before { content: ''; width: 2px; background: #e2e2e2; display: block; position: absolute; top: 0; bottom: 0; left: 62px; height: 300px; } .timeline-item:first-child .timeline-marker:before { top: 10px; height: 500px; } .timeline-marker:after { background: #1B1C80; border: 5px solid #e2e2e2; border-radius: 100%; content: ''; display: block; height: 16px; width: 16px; position: absolute; top: 8.5px; left: 50px; } .timeline-item:first-child .timeline-marker:after { background: #E60012; } .timeline-item:last-child .timeline-marker:before { height: 34px; } /*----- timeline-content -----*/ .timeline-content { padding-bottom: 50px; padding-top: 9px; } .timeline-content .timeline-detial { background: #F5F5F7; border-radius: 6px; margin-left: 126px; padding: 20px; display: inline-block; max-width: 800px; } .timeline-detial p { font-size: 15px; color: #333; letter-spacing: 0; text-align: justify; line-height: 40px; } .timeline { display: table; } .timeline .timeline-item { display: table-row; padding: 0; } .timeline .timeline-info, .timeline .timeline-marker, .timeline .timeline-content { display: table-cell; vertical-align: top; } .timeline .timeline-marker { position: relative; } /* 下拉框点击后颜色 */ .select-mark { color: #1B1C80 !important; font-size: 15px !important; } .about-main .airport-page { width: 100%; text-align: left; overflow: hidden; } .about-main .page-detail { display: inline-block; font-size: 14px; color: #666666; text-align: right; padding-top: 22px; } .about-main .mobile-page { display: none; } .about-main .flight-page { float: right; text-align: right; background-color: #fff; width: 500px; height: 34px; margin: 16px 0 0 0; } .flight-page .page { display: inline-block; } .flight-page .page a { text-decoration: none; display: inline-block; margin: 0 4px; width: 32px; height: 32px; font-size: 14px; color: #666666; text-align: center; line-height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; } .flight-page .page a:hover, .flight-page .page a.on { background: #286EF0; color: #fff; } .flight-page .page a.unclick, .flight-page .page a.unclick:hover { background: none; color: #999; cursor: default; width: 32px; height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 6px; } .flight-page .skip { font-size: 0; display: inline-block; margin-left: 10px; } .flight-page .skip p { display: inline-block; font-size: 14px; color: #666666; text-align: center; } .flight-page .input-content { display: inline-block; margin: 0 8px; width: 48px; height: 32px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; box-sizing: border-box; padding: 0 10px; } .ellipsis { color: #ddd; display: inline-block; line-height: 16px; width: 32px; height: 32px; padding-left: 4px; padding-right: 4px; text-align: center; vertical-align: top; font-size: 30px; } /* 暂无信息 */ .none-info { text-align: center; margin-top: 56px; margin-bottom: 177px; } .none-info img { width: 90px; } .none-info div { margin-top: 16px; font-size: 16px; color: #666666; letter-spacing: 0; text-align: center; } /* 新增操作航司信息 */ .depot-table.add-airline { table-layout:fixed; } .depot-table.add-airline td:nth-child(1) { width: 90px; } .depot-table.add-airline td:nth-child(2) { border-left: 1px solid #E5E5E5; width: 74px; } .depot-table.add-airline td:nth-child(3) { border-left: 1px solid #E5E5E5; width: 72px; } .depot-table.add-airline td:nth-child(4) { width: 450px; } .depot-table.add-airline td:nth-child(4) li{ color: #666666; float: left; } .depot-table.add-airline td.contact-num { border-left: none; } .depot-table.add-airline-table { table-layout:fixed; } .contact-item .other-table.add-airline-table th { width: 170px; } /* .contact-item .other-table.add-airline-table td:nth-child(1) { width: 200px; } */ .contact-item .other-table.add-airline-table td { line-height: 48px; padding: 10px 20px; } .contact-item .other-table.add-airline-table .tel li { /* line-height: 64px; */ padding-top: 30px; float: none; line-height: 38px; } .contact-item .other-table.add-airline-table td li { float: left; }<!--0.00016498565673828-->