/* 未能缩小。正在返回未缩小的内容。 (3734,1): run-time error CSS1019: Unexpected token, found '}' */ * { margin: 0; padding: 0; border: none; list-style: none; font-weight: normal; font-size: 14px; font-style: normal; outline: none; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; user-select: none; font-family: 'Microsoft Yahei', 'PingFang SC',Arial; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } a { color: #111; } a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; background: none; text-decoration: none; } body { background-color: #e5e5e5; } /* 公用 */ .container { position: relative; width: 1200px; min-width: 1200px; margin: 0 auto; } .contentPublic { padding: 100px 0; box-sizing: border-box; overflow: auto; } .containerwhite { background: #fff; min-width: 1200px; } .containergray { background: #F4F4F4; min-width: 1200px; } /* 头部 */ .header { position: fixed; top: 0; width: 100%; min-width: 1200px; z-index: 100; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; background: rgba(255, 255, 255,0); } .headerNav { background: #fff; } .headerIndexbottombor { border-bottom: 1px solid #e5e5e5; } .headerIndex { background: rgba(255, 255, 255, 1); } .headerQ { transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .headerBg { width: 100%; min-width: 1200px; font-size: 0; } .headerBg img { width: 100%; height: auto; } /*logo*/ .logowap { float: left; width: 190px; padding: 35px 0; font-size: 0; box-sizing: border-box; } .logowap a { width: 100%; height: 30px; } .logowap a img { width: 100%; height: auto; } /*logo文字*/ .headerText { float: left; width: 220px; height: 40px; padding: 30px 0; box-sizing: border-box; color: #ACACAC; margin-left: 30px; } .headerText h5 { width: 100%; line-height: 22px; font-size: 14px; } .headerText p { line-height: 16px; font-size: 12px; } /*主菜单*/ .nav { float: right; width: 600px; height: 100px; } .navwap { width: 100%; line-height: 100px; } .navwap > li { position: relative; float: left; width: 100px; } .navwap > li > a { display: block; width: 100%; height: 100%; font-size: 16px; text-align: center; font-weight: 300; color: #000; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .navwap > li > a:hover { color: #FF3333; } .navigation { position: absolute; left: 0; top: 100px; width: 100%; background: #ffffff; /*opacity: 0.8;*/ background: rgba(255, 255, 255,.8) !important; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .navwapChild { z-index: 100; } .navwapChild ul li { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; align-items: center; overflow: hidden; display: none; } .navwapChild ul li a { float: left; width: 160px; line-height: 60px; font-size: 16px; font-weight: 300; text-align: center; box-sizing: border-box; } .navwapChild .navigationiS { border-bottom: 1px solid #FF3333; color: #FF3333; font-weight: bold; line-height: 59px; } .navwapChild ul li a:hover { border-bottom: 1px solid #FF3333; color: #FF3333; font-weight: bold; line-height: 59px; } .navit > a { color: #FF3333 !important; font-weight: bold !important; } .banner { position: relative; min-width: 1200px; height: 460px; font-size: 0; margin-top: 100px; overflow: hidden; } .banner > img { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 460px; } .banner .bannerlink { position: absolute; left: 50%; top: 0; margin-left: -600px; width: 1200px; height: 460px; } .banner .bannerlink .bannerlinkA { float: right; width: 300px; margin-top: 180px; } .banner .bannerlink .bannerlinkAo { margin-top: 150px; } .banner .bannerlink .bannerlinkAryx { float: right; margin-top: 110px; } .bannerlink a { display: block; width: 300px; height: 140px; border-radius: 10px; background: #fff; padding: 30px 20px 20px 30px; box-sizing: border-box; font-size: 0; overflow: hidden; } .bannerlink .bannerlinkAryx a { width: 240px; height: 300px; } .bannerlinkAo a { background: rgba(255, 255, 255,.8) !important; opacity: 0.8; } .bannerlink .bannerlinkAryx a { background: rgba(255, 255, 255,.8) !important; } .bannerlinkAo button { width: 100%; height: 30px; border-radius: 5px; background: #FF3333; font-size: 14px; line-height: 30px; color: #fff; margin-top: 10px; } .bannerlink a:nth-child(1) { margin-bottom: 20px; } .bannerlink a img { float: left; width: 70px; height: 70px; } .bannerlink a > div { float: right; width: 150px; height: 90px; margin-top: -5px; } .bannerlink a div h5, .bannerlink a h5 { font-size: 18px; font-weight: bold; line-height: 30px; color: #333; } .bannerlink a div p { font-size: 18px; font-weight: 400; line-height: 30px; color: #333; } .bannerlink a div span { display: block; width: 70px; font-size: 14px; line-height: 24px; background: url(/wwwroot/images/index/arrow_red.png) right center no-repeat; background-size: 6px 12px; } .bannerlink a:hover span { text-decoration: underline; } .bannerlink a:hover h5 { color: #FF3333; } .bannerlinkAryx h5 { font-size: 18px; font-weight: bold; line-height: 30px; } .bannerlinkAryx p { font-size: 18px; line-height: 30px; } .bannerlinkAryx a { padding: 30px 35px 0 40px; } .bannerlink .bannerlinkAryx > a img { width: 160px; height: 160px; margin-top: 15px; } .bannerlinkAryxhover a:hover h5 { color: #333; } /* */ .wapGray { background-color: #f4f4f4; min-width: 1200px; } .wapGrayfff { background-color: #fff; min-width: 1200px; } .itemT { width: 100%; text-align: center; font-size: 34px; line-height: 130px; color: #333333; } .Missionwapr { padding: 50px 0 70px; box-sizing: border-box; } .newsidSlogan { overflow: hidden; } .newsidSlogan > li { float: left; width: 25%; height: 340px; text-align: center; background: #fff; border-right: 1px solid rgba(234,234,234,1); box-sizing: border-box; overflow: hidden; } .newsidSlogan > li:last-child { border-right: none; } .newsidSlogan > li a { display: block; width: 100%; height: 550px; color: #666; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .newsidSlogan > li p { font-size: 20px; font-weight: 400; line-height: 40px; padding-top: 20px; } .newsidSlogan > li img { width: 100px; height: 100px; margin-top: 90px; } .newsidSlogan > li div { width: 100%; color: #fff; font-size: 16px; line-height: 28px; padding: 0 30px 0; box-sizing: border-box; word-break: normal; text-align: justify; text-justify: inter-ideograph; overflow: hidden; } .newsidSlogan > li a:hover { color: #fff; background: #ff3333; margin-top: -190px; } .aLink { text-align: center; } .aLink a { display: inline-block; padding-right: 15px; color: #FF3333; font-size: 16px; line-height: 70px; text-align: center; background: url(/wwwroot/images/index/arrow_red.png) right center no-repeat; background-size: 7px 15px; } .aLink a:hover { text-decoration: underline; } /* 服务 */ .serviceTop { height: 490px; } .serviceTop > a:nth-child(2) { float: right; } .serviceTop > a:hover h3 { color: #FF3333; } .serviceTopitem { float: left; width: 560px; font-size: 0; } .serviceTopitem > img { width: 100%; height: 210px; } .serviceTopitemLink { display: block; width: 100%; } .serviceTopitemLink h3 { font-size: 20px; font-weight: 400; color: #333; line-height: 42px; padding-top: 15px; } .serviceTopitemLink p { font-size: 16px; height: 60px; line-height: 30px; font-weight: 300; color: #666; word-break: normal; text-align: justify; text-justify: inter-ideograph; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .serviceTopitemLinksan p { font-size: 16px; height: 90px; line-height: 30px; font-weight: 300; color: #666; word-break: normal; text-align: justify; text-justify: inter-ideograph; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .serviceTopitemLink span { display: inline-block; width: 110px; height: 38px; line-height: 36px; border: 1px solid #FF3333; border-radius: 3px; font-size: 16px; font-weight: 400; color: #FF3333; box-sizing: border-box; text-align: center; background: url(/wwwroot/images/index/arrow_red.png) 90px center no-repeat; background-size: 8px 16px; padding-right: 15px; box-sizing: border-box; margin-top: 15px; } .serviceTopitemLink span:hover { background-color: #FF3333; color: #fff; background-image: url(/wwwroot/images/index/home_arrow_white.png); background-repeat: no-repeat; background-position: 90px center; background-size: 8px 16px; } .serviceTopitemLink a { display: inline-block; width: 110px; height: 38px; line-height: 36px; border: 1px solid #FF3333; border-radius: 3px; font-size: 16px; font-weight: 400; color: #FF3333; box-sizing: border-box; text-align: center; background: url(/wwwroot/images/index/arrow_red.png) 90px center no-repeat; background-size: 8px 16px; padding-right: 15px; box-sizing: border-box; margin-top: 20px; } .serviceTopitemLink a:hover { background-color: #FF3333; color: #fff; background-image: url(/wwwroot/images/index/home_arrow_white.png); background-repeat: no-repeat; background-position: 90px center; background-size: 8px 16px; } .serviceBottom { width: 100%; } .serviceBottomitem { display: inline-block; width: 360px; padding-bottom: 30px; } .serviceBottom > a:nth-child(2) { margin: 0 54px; } .serviceBottom > a:hover h3 { color: #FF3333; } .serviceBtimg { width: 100%; height: 210px; font-size: 0; background: #F4F4F4; text-align: center; overflow: hidden; } .serviceBtimg img { display: inline-block; width: 100px; height: 100px; margin: 55px auto; } .serviceBtLink span { margin-top: 10px; margin-right: 7px; } .serviceBtLink a { margin-top: 10px; margin-right: 7px; } .serviceBtLink p { width: 100%; height: 60px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* 我们的动态 */ .dynamicWap { width: 100%; height: 480px; background: #fff; padding: 50px; box-sizing: border-box; } .dynamicLeft { float: left; position: relative; width: 530px; height: 380px; overflow: hidden; background: #999999 !important; background: rgba(30,30,30,0.7) !important; } .dynamicLeft img { width: 530px; height: 260px; object-fit: cover; } .dynamicLeftText { position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; background: #5d5d5d; /*opacity: 0.7;*/ color: #fff; padding: 10px 20px; box-sizing: border-box; } .dynamicLeftText h5 { color: #fff; font-size: 20px; font-weight: 400; line-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .dynamicLeftText p { color: #fff; font-size: 16px; font-weight: 300; height: 52px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .dynamicLeftText:hover h5 { color: #FF3333; } .dynamicright { float: right; width: 530px; height: 100%; } .dynamicrightitem { display: block; width: 100%; height: 100px; margin-bottom: 40px; } .dynamicright > div:last-child { margin-bottom: 0; } .dynamicrightitem .dynamicritime { float: left; width: 100px; height: 100px; font-size: 30px; line-height: 100px; font-weight: 300; color: #FF3333; background: #F4F4F4; text-align: center; } /* .dynamicrightitem .dynamicritime span{ color: #CCCCCC; font-size:30px; font-weight:300; } */ .dynamicrightitem .dynamicritime span { display: inline-block; width: 2px; height: 30px; margin: 0 7px; background: #ccc; margin-bottom: -4px; } .dynamicrightitem .dynamicriText { float: right; width: 400px; height: 100%; } .dynamicrightitem .dynamicriText h5 { font-size: 20px; font-weight: 400; color: #333333; line-height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .dynamicrightitem .dynamicriText p { font-size: 16px; font-weight: 300; color: #666; height: 48px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .dynamicrightitem:hover h5 { color: #FF3333; } /* 底部 */ .footer { position: relative; min-width: 1200px; } .footercontent { background-color: #666666; height: 374px; padding-top: 60px; box-sizing: border-box; z-index: 5; background-image: url(/wwwroot/images/index/down_bg.png); background-position: center; background-repeat: no-repeat; background-size: 980px 313px; } .footerText ul li { float: left; width: 170px; } .footerText ul li a { display: block; font-size: 16px; line-height: 36px; font-weight: 300; color: #ededed; } .footerText ul li .footerTextht { font-size: 18px; line-height: 50px; font-weight: bold; color: #fff; } .footerText ul li a:hover { color: #FF3333; text-decoration: underline; } .footerwap { position: relative; } .footerconImg { position: absolute; top: 15px; right: 0; } .footerconImgwap { float: right; width: 100px; margin-left: 50px; } .footerconImgwap img { width: 100%; height: auto; } .footerconImgwap p { width: 100%; color: #fff; font-size: 14px; line-height: 32px; font-weight: 400; text-align: center; } .footerstatement { width: 100%; height: 90px; background-color: #333; font-size: 16px; font-weight: 300; color: #FFFFFF; padding: 21px 0; box-sizing: border-box; line-height: 24px; border-top: 1px solid #FF3333; } .footerstatement > div { position: relative; } .footerstatement > p { font-size: 14px; text-align: left; } .footerrecord { position: absolute; width: 100%; top: 0; right: 0; } .footerrecord p { font-size: 14px; text-align: right; } .footerrecord_a { padding-left: 20px; background: url(/wwwroot/images/publicity/gongan.png) left center no-repeat !important; background-size: 15px 15px !important; font-size: 12px; color: #fff; } .suggestionsWap, .suggestionsImg { float: right; display: inline-block; cursor: pointer; height: 36px; line-height: 36px; margin-top: -3px; } .suggestionsImg:hover .suggestions_Img { display: block; } .suggestionsWap:hover .suggestions_popup { display: block; } .suggestions_popup, .suggestions_Img { position: absolute; right: 0px; bottom: 37px; width: 500px; height: 230px; background: #fff; border-radius: 10px; padding: 30px 20px 20px 30px; box-sizing: border-box; display: none; } .suggestions_popup h5, .suggestions_Img h5 { color: #333333; font-size: 18px; font-weight: bold; line-height: 24px; } .suggestions_popup div, .suggestions_Img div { color: #333333; font-size: 14px; line-height: 30px; font-weight: 400; } .suggestions_popup span, .suggestions_Img span { display: inline-block; font-size: 14px; color: #999999; margin-bottom: 10px; line-height: 24px; } .go_top { position: fixed; right: 30px; bottom: 30px; width: 40px; height: 40px; background-color: rgba(0,0,0,0.1); background-image: url(/wwwroot/images/Other/arrow_red_totop.png); background-position: center; background-repeat: no-repeat; background-size: 17px 8px; font-size: 12px; color: #fff; text-align: center; padding: 4px; box-sizing: border-box; } .go_top_red { background-color: #FF3333; } .brokeragelicense { position: relative; display: inline-block; color: #fff; } .brokeragelicense .brokeragecid { position: absolute; bottom: 30px; right: 0; width: 540px; height: 382px; display: none; } .brokeragelicense:hover .brokeragecid { display: block; } /* 其他 */ .businessother { width: 100%; min-height: 240px; background: #fff; overflow: hidden; font-size: 0; } .businessother img { display: inline-block; width: 500px; min-height: 240px; } .businessother .businessotherText { float: right; width: 700px; min-height: 240px; padding: 45px 50px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666; line-height: 36px; display: flex; justify-content: space-around; flex-direction: column; text-align: justify; text-justify: inter-ideograph; } .businessothertitl h3 { font-size: 30px; line-height: 40px; font-weight: 300; color: #333; line-height: 60px; margin-bottom: 50px; } .businessotherbott { width: 100%; height: 500px; background: url(/wwwroot/images/business/business_ryxyw_pic_wechat.png) center no-repeat; background-size: 100%; } .businessotherbott .businessotherText { float: right; width: 700px; height: 500px; padding: 80px 60px 0px 0px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #fff; line-height: 36px; } .businessotherbott .businessotherText p { margin-bottom: 30px; font-size: 16px; text-align: justify; text-justify: inter-ideograph; } /* 经纪人的作用 */ .brokerwap { width: 100%; height: 230px; } .brokerwap ul li { float: left; width: 25%; height: 100%; text-align: center; } .brokerwap ul li img { display: inline-block; width: 100px; height: 100px; margin: 55px auto 0; } .brokerwap ul li p { width: 150px; font-size: 18px; line-height: 70px; color: #333333; margin: 0 auto; box-sizing: border-box; } .brokerwap ul .brokerActive p { color: #FF3333; border-bottom: 2px solid #FF3333; } .brokerwap ul li:hover p { color: #FF3333; border-bottom: 2px solid #FF3333; } .brokerview { width: 100%; height: 300px; background: #fff; padding: 50px; box-sizing: border-box; border-top: 1px solid #e5e5e5; } .brokerview ul li { width: 100%; overflow: hidden; } .brokerview ul li img { float: left; width: 300px; height: 200px; margin-right: 70px; color: #333; } .brokerview ul li .brokerviewText { float: right; width: 700px; height: 200px; } .brokerview ul li .brokerviewText h5 { width: 100%; line-height: 60px; margin-top: 20px; font-size: 20px; font-weight: bold; } .brokerview ul li .brokerviewText p { font-size: 16px; line-height: 30px; color: #333; word-break: normal; text-align: justify; text-justify: inter-ideograph; } .brokerprice { width: 100%; height: 470px; overflow: hidden; border-bottom: 1px solid #E5E5E5; } .brokerprice .brokerpriceItem:nth-child(2) { margin: 0 60px; } .brokerpriceItem { float: left; width: 360px; } .brokerpriceItem .brokerpriceItemImg { width: 360px; height: 210px; background: #F4F4F4; text-align: center; margin-top: 40px; margin-bottom: 20px; } .brokerpriceItem .brokerpriceItemImg img { display: inline-block; width: 100px; height: 100px; margin-top: 55px; } .brokerpriceItem h5 { line-height: 44px; font-size: 20px; font-weight: bold; color: #333; } .brokerpriceItem p { line-height: 30px; font-size: 16px; font-weight: bold; color: #333; font-weight: 300; } .brokerbusiness { width: 100%; overflow: hidden; } .brokerbusiness .brokerbusinessItem { position: relative; float: left; width: 570px; height: 290px; background: #F4F4F4; margin-bottom: 60px; margin-right: 60px; } .brokerbusiness .brokerbusinessItem:nth-child(2n) { margin-right: 0; } .brokerbusiness .brokerbusinessItem img { display: inline-block; width: 100px; height: 100px; margin: 95px 45px 0; } .brokerbusiness .brokerbusinessItem .brokerbusinessItemText { position: absolute; right: 40px; top: 30px; width: 350px; overflow: hidden; box-sizing: border-box; } .brokerbusiness .brokerbusinessItem .brokerbusinessItemText h5 { font-size: 20px; font-weight: bold; color: #333; line-height: 50px; } .brokerbusiness .brokerbusinessItem .brokerbusinessItemText p { font-size: 16px; font-weight: 300; color: #666; line-height: 30px; word-break: normal; text-align: justify; text-justify: inter-ideograph; } /* 机队业务 */ .fleetwap { height: 515px; } .fleet { width: 570px; height: 514px; } .fleet img { margin-top: 100px; width: 100%; height: 180px; } .fleet a span { border: 0; } .fleetText { width: 100%; height: auto; margin-top: 50px; word-break: normal; text-align: justify; text-justify: inter-ideograph; overflow: hidden; font-size: 16px; font-weight: 300; color: #333; line-height: 36px; column-width: 360px; /*IE10+ opera*/ -webkit-column-width: 360px; -moz-column-width: 360px; column-count: 3; /*IE10+ opera*/ -webkit-column-count: 3; -moz-column-count: 3; column-gap: 60px; -webkit-column-gap: 60px; -moz-column-gap: 60px; } /* 机场空管局 */ .airportwap { padding: 100px 0 80px; } .airportwaptwo { overflow: hidden; } .airportwaptwo .airportwaptwoItem { float: left; width: 570px; } .airportwaptwo .airportwaptwoItem a { display: block; } .airportwaptwo .airportwaptwoItem:hover p { color: #FF3333; } .airportwaptwo .airportwaptwoItem:hover .Itembtnsx { text-decoration: underline; } .airportwaptwo .airportwaptwoItem:nth-child(1) { margin-right: 60px; } .airportwaptwo .airportwaptwoItem img { width: 570px; height: 180px; } .airportwaptwo .airportwaptwoItem p, .mainpicul li a p, .airportwapThree .airportwapThreeItem p { font-size: 18px; text-align: center; font-weight: 400; color: #333; line-height: 40px; margin-top: 10px; } .airportwaptwo .airportwaptwoItem p, .airportwapThree .airportwapThreeItem p { text-align: left; } .airportwaptwo .airportwaptwoItem h5, .airportwapThree .airportwapThreeItem h5 { font-size: 16px; line-height: 30px; font-weight: 300; color: #666; word-break: normal; text-align: justify; text-justify: inter-ideograph; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .airportwapThreeItem:hover p { color: #FF3333; } .airportwapThreeItem:hover span { text-decoration: underline; } .Itembtnsx { display: block; width: 80px; font-size: 16px; font-weight: 400; color: #FF3333; line-height: 30px; text-align: left; background: url(/wwwroot/images/index/arrow_red.png) right center no-repeat; background-size: 6px 12px; margin-top: 10px; } .ItembtnsxCen { margin: 0 auto; } .Itembtnsxitem a:hover h3 { color: #FF3333; } .Itembtnsxitem a:hover i { text-decoration: underline; } .airportwapThree { width: 100%; overflow: hidden; padding-top: 50px; } .airportwapThree .airportwapThreeItem { float: left; width: 360px; } .airportwapThree .airportwapThreeItem:nth-child(2) { margin: 0 60px; } .airportwapThree .airportwapThreeItem img { width: 360px; height: 180px; } .airportitem { height: 240px; } .airportitem img { width: 500px; height: 240px; } .airportitem .airportitemText { height: 240px; padding: 50px; box-sizing: border-box; font-size: 16px; word-break: normal; text-align: justify; text-justify: inter-ideograph; overflow: hidden; } .airportTransverse { width: 100%; height: 660px; margin-top: 30px; } .airportTransverse img { width: 450px; height: 100%; } .airportTransverse .airportTransverseText { float: right; width: 750px; height: 660px; word-break: normal; text-align: justify; text-justify: inter-ideograph; padding: 40px 50px; box-sizing: border-box; background: #F4F4F4; overflow: hidden; } .airportTransverse .airportTransverseText div { float: left; width: 300px; height: 100%; column-width: 300px; /*IE10+ opera*/ -webkit-column-width: 300px; -moz-column-width: 300px; column-count: 2; /*IE10+ opera*/ -webkit-column-count: 2; -moz-column-count: 2; column-gap: 50px; -webkit-column-gap: 50px; -moz-column-gap: 50px; } .airportTransverse .airportTransverseText div p { font-size: 16px; font-weight: 400; color: #666; line-height: 33px; margin-bottom: 36px; } /* 领导团队 */ .leading { width: 100%; } .leadingImg { background: url(/wwwroot/images/about/aboutus_pic_logobg.png) center no-repeat; background-size: 1200px 384px; } .leading > p { color: #999; font-size: 16px; font-weight: 300; line-height: 26px; } .leadingwap { width: 100%; padding: 10px 0; overflow: hidden; } .leadingitem { float: left; font-size: 30px; line-height: 40px; font-weight: 300; color: #333; margin-right: 200px; } .leadingitem span { font-size: 20px; line-height: 100px; color: #999; margin-left: 20px; } /* 航联简介 组织结构 */ .introducewap { width: 100%; height: 240px; font-size: 0; background: #F4F4F4; } .introducewap img { float: left; width: 500px; height: auto; } .introducewapright { float: right; width: 620px; height: 180px; padding: 30px 40px; font-size: 16px; font-weight: 300; color: #333; line-height: 36px; overflow: hidden; text-align: justify; word-break: normal; text-justify: inter-ideograph; } .introduceText { width: 100%; margin-top: 50px; margin-bottom: 70px; word-break: normal; text-align: justify; text-justify: inter-ideograph; column-width: 360px; /*IE10+ opera*/ -webkit-column-width: 360px; -moz-column-width: 360px; column-count: 3; /*IE10+ opera*/ -webkit-column-count: 3; -moz-column-count: 3; column-gap: 60px; -webkit-column-gap: 60px; -moz-column-gap: 60px; font-size: 16px; font-weight: 300; color: #333; line-height: 36px; } .introduceImg { width: 100%; background: url(/wwwroot/images/about/aboutus_pic_logobg.png) center no-repeat; background-size: 1207px 385px; font-size: 0; text-align: center; padding-top: 10px; } .introduceImg img { display: inline-block; width: 710px; height: auto; } /* 总部与分支 */ .branch { width: 100%; border-bottom: 1px solid #E5E5E5; padding: 20px 0 10px; overflow: hidden; } .branch ul li { float: left; width: 350px; height: 415px; margin-right: 75px; } .branch ul li:nth-child(3n) { margin-right: 0; } .branch ul li a { display: block; } .branch ul li a > img { width: 100%; height: 160px; } .branchText { width: 100%; } .branchText h3 { font-size: 20px; line-height: 56px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .branchText p { font-size: 16px; line-height: 30px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .branchText span { display: inline-block; width: 100%; line-height: 40px; font-size: 16px; color: #ff3333; background: url(/wwwroot/images/index/arrow_red.png) 76px center no-repeat; background-size: 7px 15px; } .branchText:hover span { text-decoration: underline; } .branchText:hover h3 { color: #ff3333; } /* 总部与分支详情 */ .branchDetails > h3 { margin-bottom: 15px; } .branchDetails p { font-size: 14px; font-weight: 400; color: #999; line-height: 24px; } .branchDetails > img { width: 100%; height: auto; margin-left: -50px; margin-top: 30px; box-sizing: border-box; } .branchDetailsText { padding: 30px 30px 10px; margin: 20px 0 30px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; box-sizing: border-box; } .branchDetailsText > h4 { font-size: 16px; color: #111; font-weight: 500; line-height: 40px; } .branchDetailsText > h6 { font-size: 14px; color: #111; font-weight: 500; line-height: 30px; text-indent: 2em; } .branchDetailsText > p { font-size: 14px; line-height: 30px; color: #333; padding-bottom: 30px; text-indent: 2em; word-break: normal; text-align: justify; text-justify: inter-ideograph; } .branchDetailsText > img { width: 100%; height: auto; margin-bottom: 30px; } /* 大事记 */ .storys { width: 100%; height: 676px; } .storys video { width: 100%; height: 676px; } .timeaxis { width: 100%; margin-top: 40px; } .timeaxis ul li h2 { font-size: 36px; font-weight: bold; color: #333; line-height: 40px; margin-left: -8px; margin-bottom: 30px; } .track-list { padding-left: 8px; position: relative; } .track-list li { position: relative; padding: 9px 0 0 25px; line-height: 18px; border-left: 1px solid #d9d9d9; color: #999; padding-bottom: 40px; } .track-list li.first { padding-top: 0; border-left-color: #E5E5E5; } .track-list li:last-child { padding-bottom: 0; } .track-list li > .node-icon { position: absolute; top: 12px; left: -8px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #FF3333; margin-right: 30px; } .track-list li > .node-iconhd::after { position: relative; content: ''; top: -15px; left: 0; display: block; width: 15px; height: 15px; background: #fff; } .firstwap { position: relative; width: 100%; font-size: 20px; line-height: 30px; margin-bottom: 30px; } .firstwap .node-icon { position: absolute; top: 11px; left: -29px; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #FF3333; margin-right: 30px; } .firstwap:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 } .firstwap { zoom: 1 } .firstwap .firstCleft { float: left; width: 70px; font-weight: bold; color: #FF3333; font-size: 18px; } .firstwap .firstCright { float: left; width: 900px; color: #666666; } .firstwap .firstCright p { font-size: 18px; } .firstCrightItem { width: 1000px; overflow: hidden; } .firstwaplt { float: left; width: 440px; margin-right: 40px; } .firstwaplt .firstCleft { width: 100px; font-weight: bold; color: #FF3333; font-size: 18px; line-height: 50px; } .firstwaplt .firstCrightItem { width: 100%; } .firstwaplt .firstCrightItem p { width: 100%; font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 10px; word-break: normal; text-align: justify; text-justify: inter-ideograph; } /* 企业理念 */ .philosophy { width: 100%; max-width: 1200px; background-color: #F4F4F4; padding: 50px 50px; box-sizing: border-box; } .philosophy li { width: 100%; height: 300px; background-color: #fff; display: flex; margin-bottom: 50px; } .philosophy li:last-child { margin-bottom: 0; } .philosophy li img { width: 160px; height: auto; margin: 0 50px; } .philosophy li .philosophyText { display: inline-block; width: 290px; height: 90px; font-size: 16px; line-height: 30px; color: #666666; padding-left: 100px; border-left: 1px solid #FF3333; margin: 110px 0; } /* 关于内容导航 */ .navChild { float: right; width: 300px; padding: 20px 40px; box-sizing: border-box; background-color: #F4F4F4; /*transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s;*/ z-index: 10; } .navChildfixed { top: 160px; } .navChildabsolute { bottom: 30px; right: 0; } .navChild h5 { font-weight: bold; color: #333; font-size: 16px; line-height: 60px; } .navChildP { padding-bottom: 10px; } .navChildP h3 { font-size: 30px; line-height: 40px; font-weight: 300; color: #333; } .navChildP p { font-size: 18px; font-weight: 300; color: #a6a6a6; line-height: 40px; text-transform: uppercase; } .navChildul { width: 100%; } .navChildul li { width: 100%; line-height: 60px; } .navChildul li ul { display: none; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .navChildul li a { position: relative; display: block; width: 100%; height: 100%; color: #333333; font-weight: 400; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navChildul li h5 { position: relative; display: block; width: 100%; height: 100%; } .navChildul li h5 i { position: absolute; top: 26px; right: 0; display: inline-block; width: 15px; height: 8px; background: url(/wwwroot/images/Other/icon_unfold_grey.png) center no-repeat; background-size: 100%; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .navChildul .navClavt h5 i { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } .navChildul li a span { float: right; color: #999; font-weight: 400; font-size: 16px; } .navChildul li a:hover { color: #FF3333; } .navChildul li a:hover span { color: #FF3333; } .navChildul .navClavt .navClavtChd a { color: #FF3333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .navChildul .navClavtjd a { color: #FF3333; } .navChildul .navClavtjd a span { color: #FF3333; } .navChildul .navClavt ul { display: block; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .navChildul .branch_cdul ul { display: block; } .branch_cd { display: block; float: right; width: 15px; margin-top: 26px; height: 8px; background: url(/wwwroot/images/Other/icon_unfold.png) center no-repeat; background-size: 100%; } .navChildSubheading { width: 100%; height: 160px; padding: 25px 0 15px; box-sizing: border-box; border-top: 1px solid #ffffff; } .navChildSubheading h4 { font-weight: bold; color: #333; font-size: 16px; line-height: 40px; margin-bottom: 10px; } .navChildSubheading p { font-size: 16px; font-weight: 400; color: #333; line-height: 26px; } .itemhr { width: 100%; height: 1px; background: #E5E5E5; margin: 90px 0; } .itemhrliu { width: 100%; height: 1px; background: #E5E5E5; margin: 15px 0 15px 0; } .aboutdz { width: 100%; overflow: hidden; } .aboutdz > div { float: left; } .aboutdz .aboutdzo { width: 510px; margin-bottom: 30px; } .aboutdz .aboutdzT { width: 230px; margin-bottom: 30px; } .aboutdz .aboutdBig { width: 100%; padding-bottom: 30px; } .aboutdz p { font-size: 16px; line-height: 40px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aboutdz span { font-size: 18px; line-height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contentPcTe { float: left; width: 800px; background-color: #fff; box-sizing: border-box; overflow: auto; } .contentPcTe h2 { font-size: 30px; font-weight: 300; color: #333; line-height: 40px; } .contentPcTe h5 { font-size: 18px; font-weight: 300; color: #999999; line-height: 36px; margin-bottom: 30px; text-transform: uppercase; } .contentTeLt { float: left; width: 350px; } .contentTeLt-marginrh { margin-right: 36px; } .contentTeLtItem { padding-bottom: 36px; font-size: 16px; color: #333; font-weight: 300; line-height: 30px; text-indent: 2em; word-break: normal; text-align: justify; text-justify: inter-ideograph; } .contentTeLt .contentTeLtItem:last-child { padding-bottom: 0; } .contentTeLtItemImg { width: 100%; padding-top: 8px; margin-bottom: 36px; } .contentTeLtItemImg img { width: 100%; height: auto; } /* 关于股东 */ .shareholders { width: 100%; } .shareholders li { display: flex; width: 100%; margin-bottom: 40px; } .shareholders li:last-child { margin-bottom: 0; } .shareholders li img { display: inline-block; width: 180px; height: auto; margin-right: 30px; } .shareholders li .shareholdersText { flex: 1; color: #333; line-height: 30px; padding-top: 10px; } .shareholders li .shareholdersText h3 { font-size: 18px; font-weight: bold; } .shareholders li .shareholdersText p { font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } /* 新闻 */ .newsnav { /*float: left;*/ width: 770px; height: 30px; margin-bottom: 30px; overflow: hidden; } .newsnavbtn { display: block; float: right; width: 15px; margin-top: 10px; height: 8px; background: url(/wwwroot/images/Other/icon_unfold_red.png) center no-repeat; background-size: 100%; } .newsnavbtnLS { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ } .newsnav li { display: inline-block; width: 114px; height: 30px; font-size: 14px; background-color: #F4F4F4; border-radius: 5px; color: #666666; line-height: 30px; text-align: center; margin-right: 10px; padding: 0 5px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .newsnav li:last-child { margin-right: 0px; } .newsnav li i { margin-left: 5px; } .newsnav li:hover { background-color: #DF0C15; color: #fff; } .newsnav .newsavt { background-color: #DF0C15; color: #fff; } .newswap li { display: flex; width: 100%; padding: 30px 0; border-top: 1px solid #E5E5E5; } .newswap li:last-child { border-bottom: 1px solid #E5E5E5; } .newsText { flex: 1; } .newswap li > a { position: relative; padding-right: 240px; } .newswap li > a > img { position: absolute; top: 0; right: 0; display: block; width: 210px; height: 140px; margin-left: 30px; object-fit: cover; } .newswap li a:hover h3 { color: #FF3333; } .newsText h3 { font-size: 18px; color: #333; font-weight: bold; line-height: 40px; } .newsText p { font-size: 14px; color: #666; font-weight: 400; height: 48px; line-height: 25px; margin: 5px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .newswap li .newsTextinfo { height: 40px; } .newsTextinfo span { float: left; font-size: 14px; line-height: 40px; color: #999; font-weight: 400; } .newsTextinfodet { margin-top: 15px; } .newsTextinfodet p { font-size: 16px; font-weight: 400; color: #333; line-height: 30px; } .newsTextinfoTime { margin-right: 20px; } .newsTextinfo .newsTextinfoBrowse { float: right; } .newspaging { float: left; width: 100%; padding-left: 350px; padding-top: 20px; box-sizing: border-box; } .detailsReturn { display: block; width: 110px; height: 40px; line-height: 38px; font-size: 16px; font-weight: 400; color: #DF0C15; border: 1px solid #FF3333; border-radius: 3px; padding-left: 24px; text-align: center; background-image: url(/wwwroot/images/Other/pic_icon_arrowleft.png); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 12px; box-sizing: border-box; } .detailsReturn:hover { background-color: #FF3333; color: #fff; background-image: url(/wwwroot/images/Other/pic_icon_arrowleft_white.png); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 12px; } .newsdetails-title h3 { font-size: 30px; line-height: 40px; color: #333; font-weight: bold; margin-top: 50px; text-align: center; } .newsdetails-title h4 { font-size: 20px; line-height: 70px; text-align: center; } .newsdetails-subtitle { font-size: 16px; font-weight: 400; color: #333; line-height: 50px; } .newsdetails-title .newsTextinfo { height: 40px; } .newsdetails-title .newsTextinfo span { line-height: 40px; } .titleitem { position: relative; line-height: 30px; font-size: 16px; color: #FF3333; font-weight: 400; padding-left: 12px; } .titleitem::after { content: ''; position: absolute; left: 0; top: 7px; width: 2px; height: 16px; background-color: #FF3333; } .titleitemisafter { position: relative; line-height: 30px; font-size: 16px; color: #FF3333; font-weight: 400; padding-left: 0px; } .titleitemisafter ::after { content: ''; position: absolute; left: 0; top: 0px; width: 0; height: 0; } .Contacts { width: 100%; overflow: hidden; padding: 20px 0; } .ContactsItem { float: left; width: 245px; overflow: hidden; } .Contacts > div:nth-child(2) { margin: 0 30px; } .ContactsLeft { float: left; width: 50px; height: 50px; border-radius: 50%; background: #F4F4F4; font-size: 22px; font-weight: bold; color: #FF3333; line-height: 50px; text-align: center; margin-right: 10px; } .ContactsRight { float: left; } .ContactsRight h3 { font-size: 18px; font-weight: 500; color: #333; line-height: 30px; } .ContactsRight span { display: block; font-size: 14px; font-weight: 400; color: #FF3333; line-height: 30px; } .ContactsRight p { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; } .newsdetailsWap { border-top: 1px solid #E5E5E5; margin: 50px 0 30px 0; padding: 50px 0; } .newsdetailsWap > p { font-size: 16px; line-height: 30px; color: #666; text-indent: 2em; word-break: normal; text-align: justify; text-justify: inter-ideograph; padding: 15px 0; } .newsdetailsWap > div { font-size: 16px; } .newsdetailsWap > div > p { font-size: 16px; line-height: 30px; color: #666; word-break: normal; text-align: justify; text-justify: inter-ideograph; padding: 15px 0; } .newsdetailsWap > div p { font-size: 16px; } .newsdetailsWap > div p span { font-size: 16px; } .newsdetailsWap > div > p span { font-size: 16px; } .newsdetailsWap img { display: block; max-width: 800px; margin: 30px auto 30px; } .newsdetailsWapl { border-top: 0; border-bottom: 1px solid #E5E5E5; margin-bottom: 50px; padding: 10px 0 35px; margin-top: 0; } /* 通知公告 */ .notice-title h3 { font-size: 30px; color: #333; font-weight: 300; line-height: 70px; padding-bottom: 20px; } .notice li { border-top: 1px solid #E5E5E5; padding: 30px 0; } .notice li :hover h3 { color: #FF3333; } .notice li:last-child { border-bottom: 1px solid #E5E5E5; } .notice li .newsTextinfo { height: 50px; } .noticeBtn { width: 100%; height: 36px; display: flex; justify-content: space-between; } .noticeBtn a { display: block; font-size: 16px; font-weight: 400; padding-left: 25px; color: #DF0C15; line-height: 36px; cursor: pointer; } .noticeBtn span { display: block; font-size: 16px; font-weight: 400; padding-left: 25px; color: #DF0C15; line-height: 36px; cursor: pointer; } .noticeBtn .noticeUpper { background: url(/wwwroot/images/Other/pic_icon_arrowleft.png) left center no-repeat; background-size: 14px 12px; } .noticeBtn .noticeList { background: url(/wwwroot/images/Other/pic_icon_newslist.png) left center no-repeat; background-size: 14px 10px; } .noticeBtn .noticeLower { padding-left: 0; padding-right: 24px; background: url(/wwwroot/images/Other/pic_icon_arrowright.png) right center no-repeat; background-size: 14px 12px; } /* 航联资讯 */ .information { padding: 40px 0; box-sizing: border-box; background-color: #fff; margin-top: 50px; margin-bottom: 50px; } .informationbottom { border-bottom: 1px solid #E5E5E5; padding-bottom: 50px; } .information h2 { font-size: 30px; font-weight: 300; color: #333; line-height: 40px; } .information h5 { font-size: 18px; font-weight: 300; color: #999999; line-height: 40px; margin-bottom: 15px; text-transform: uppercase; } .inftWap > ul > li { display: flex; border-top: 1px solid #E5E5E5; padding: 30px 0 20px; } .inftLeft { width: 340px; padding: 0 40px; box-sizing: border-box; } .inftLeft img { width: 100%; height: auto; padding-top: 10px; } .inftLeft h4 { font-size: 24px; font-weight: bold; color: #333; line-height: 36px; padding-left: 20px; } .inftLeft h5 { font-size: 14px; font-weight: 400; color: #666; line-height: 30px; padding-left: 20px; } .inftRight { flex: 1; } .inftRight > ul > li { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E5; } .inftRight > ul > li:last-child { border-bottom: none; } .inftRightLabel { padding-top: 15px; } .inftRightLabel span { display: inline-block; font-size: 14px; font-weight: 400; color: #666; line-height: 24px; padding: 0 10px; border-radius: 5px; background-color: #F4F4F4; margin-right: 10px; } /* 分页 */ .paging { overflow: hidden; padding: 50px 0 50px; } .paging li { float: left; width: 40px; height: 40px; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; color: rgba(102,102,102,1); background: #F4F4F4; margin-right: 10px; } .paging .pagingactive { background: #DF0C15; color: #fff; } .paging li:hover { background: #DF0C15; color: #fff; } .paging .prev, .paging .next { width: 80px; } .pagingSmall { text-align: center; } .pagingSmall li { display: inline-block; width: 40px; height: 40px; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; opacity: 0.5; } .pagingSmall .prev, .pagingSmall .next, .pagingSmall .pageSmall { width: 80px; } /* 人员招聘 */ .recruitLeft { width: 150px; height: 150px; background-color: #F4F4F4; margin-right: 50px; text-align: center; } .recruitLeft h3 { color: #FF3333; font-size: 60px; font-weight: 300; line-height: 70px; margin-top: 30px; } .recruitLeft p { color: #999999; font-size: 16px; font-weight: 400; line-height: 36px; } .nodatawap { width: 100%; height: 400px; background: #F4F4F4; padding-top: 110px; box-sizing: border-box; } .nodatawap img { display: block; width: 100px; height: 100px; margin: 0 auto 20px; } .nodatawap h2 { font-size: 30px; font-weight: 400; color: #333; line-height: 50px; text-align: center; } .nodatawap p { font-size: 18px; font-weight: 400; color: #999; line-height: 40px; text-align: center; } .recruitText { position: relative; padding-bottom: 50px; border-bottom: 1px dashed #CCCCCC; } .recruitText h3 { font-size: 24px; line-height: 50px; } .recruitText p { color: #FF3333; font-weight: 400; font-size: 24px; line-height: 50px; } .recruitTextTime { position: absolute; right: 0; top: 50px; } .recruitTextTime p { font-size: 16px; font-weight: 400; line-height: 24px; color: #999; } .recruitcon { padding: 0 0 20px; } .recruiItem { margin-top: 40px; } .recruiItemPx { /* float: left; */ display: inline-block; width: 49%; box-sizing: border-box; } .recruiItem h4 { font-size: 16px; font-weight: 400; color: #999; line-height: 30px; } .recruiItem p { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; } /* 航联资讯 */ .businessNav { padding: 30px 0; text-align: center; } .businessNav li { display: inline-block; width: 260px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; font-weight: 400; color: #666; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 5px; margin: 0 15px; } .businessNav .businessNavAvt { color: #fff; background-color: #FF4141; } .businessNav li:hover { color: #fff; background-color: #FF4141; } .businessCon { background-color: #fff; } .businessConText { text-align: center; padding: 50px 0 70px; } .businessConText > h3 { font-size: 30px; font-weight: 400; color: #FF3333; line-height: 40px; } .businessConText > p { margin: 0 auto; width: 834px; font-size: 16px; font-weight: 300; color: #333; line-height: 30px; padding: 30px 0; } .businessCT { display: flex; } .businessCT > div { padding: 0 30px; box-sizing: border-box; } .businessCT img { width: 100px; height: auto; } .businessCT h5 { font-size: 18px; font-weight: bold; line-height: 80px; } .businessCT p { font-size: 16px; line-height: 30px; text-align: left; } .businessService { width: 100%; background: url(/wwwroot/images/business/businessbg.png) center no-repeat; background-size: 100%; } .businessService > div { padding: none; } .businessService > div > p { color: #fff; } .businessServiceUl { display: flex; justify-content: space-around; margin-top: 30px; } .businessServiceUl > div { width: 260px; height: 360px; border: 1px solid rgba(255,255,255,1); border-radius: 20px; margin: 0 50px; padding-top: 40px; } .businessServiceUl > div:hover { background-color: #DF0C15; border: none; } .businessServiceUl > div > p, .businessServiceUl > div > h5 { color: #fff; } .advantage { background-color: #fff; } .advantage > div { width: 25%; box-sizing: border-box; border-right: 1px solid #e5e5e5; padding: 50px 40px; } .advantage > div > h5 { font-size: 18px; line-height: 24px; padding: 30px 0; } /* 业务模块 */ .Modular { padding-bottom: 30px; } .businessModular { padding: 50px 0 100px; overflow: hidden; } .businessModular li { float: left; width: 570px; margin-bottom: 50px; } .businessModular li:nth-child(2n-1) { margin-right: 60px; } .businessModular li:hover .aModularBottom { background-color: #FF3333; color: #fff; } .businessModular li:hover .aModularBottom p { color: #fff; } .businessModular li:hover .aModularBottom span { color: #fff; } .businessModular li:hover .aModularTop p { color: #fff; background-color: #FF3333; opacity: 1; } .aModularTop { position: relative; width: 100%; font-size: 0; } .aModularTop img { width: 100%; height: atuo; } .aModularTop p { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 80px; font-size: 24px; font-weight: bold; color: #FF3333; padding: 0 50px 0; background-color: #fff; opacity: 0.9; box-sizing: border-box; } .aModularBottom { width: 100%; padding: 20px 50px; background-color: #fff; box-sizing: border-box; } .aModularBottom p { font-size: 16px; font-weight: 300; color: #333; line-height: 30px; word-break: normal; text-align: justify; text-justify: inter-ideograph; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .aModularBottom span { display: inline-block; font-size: 16px; font-weight: 300; color: #FF3333; line-height: 70px; } /* 业务模块详情 */ .ModularDetails { position: relative; font-size: 0; } .ModularDetails img { width: 100%; height: auto; } .MDTitle { position: absolute; width: 1100px; height: 100px; font-size: 30px; font-weight: bold; color: #fff; line-height: 100px; margin: -50px 50px 0; padding: 0 34px; background: #FF3333; box-sizing: border-box; } .ModularDetailsText { background-color: #fff; padding: 70px 50px 30px; box-sizing: border-box; overflow: hidden; } .ModularDetailsText p { font-size: 16px; font-weight: 400; color: #333; line-height: 30px; margin-bottom: 30px; text-indent: 2em; word-break: normal; text-align: justify; text-justify: inter-ideograph; } .ModularDetailsTextWap { float: left; width: 524px; } .ModularDetailsText div:nth-child(2n-1) { margin-right: 50px; } .ModularDetailsText span { display: inline-block; font-size: 16px; font-weight: 400; color: #DF0C15; padding: 10px 50px 10px 0; } .ModularBack { position: absolute; left: 50px; top: 50px; display: block; width: 120px; height: 40px; font-size: 16px; font-weight: 400; padding-left: 20px; background-color: #fff; background-image: url(/wwwroot/images/news/pic_icon_arrowleft.png); background-repeat: no-repeat; background-position: 15px center; background-size: 14px 12px; color: #DF0C15; text-align: center; line-height: 40px; box-sizing: border-box; } /* 航通服务 */ .mainpicul { width: 100%; overflow: hidden; } .mainpicul li:hover span { text-decoration: underline; } .mainpicul li { float: left; width: 25%; text-align: center; } .mainpicul li a { width: 100%; display: block; } .mainpicul li a img { width: 180px; height: 180px; } .mainpicCustomer ul { width: 100%; overflow: hidden; margin-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #E5E5E5; } .mainpicCustomer ul li { float: left; width: 240px; height: 150px; margin: 0 60px 60px 0; } .mainpicprize { width: 100%; padding-top: 20px; } .mainpicprize ul { overflow: hidden; } .mainpicprize ul li { float: left; width: 360px; border-radius: 10px; background-color: #F2F2F2; text-align: center; padding: 40px 0; box-sizing: border-box; } .mainpicprize ul li img { width: 250px; height: 330px; margin: 0 auto; } .mainpicprize ul li:nth-child(2) { margin: 0 60px; } .mainpicprized { width: 100%; background-color: #F2F2F2; border-radius: 10px; text-align: center; margin-top: 60px; padding: 40px 0; box-sizing: border-box; } .mainpicprized p, .mainpicprize ul li p { font-size: 18px; font-weight: 300; color: #333; line-height: 30px; } .mainpicprized img { width: 250px; height: 330px; margin: 0 auto; } /* 民航财经 */ .informa ul { width: 100%; overflow: hidden; border-bottom: 1px solid #E5E5E5; } .informa > ul > li { width: 100%; border-top: 1px solid #E5E5E5; padding: 30px 0; overflow: hidden; } .informationleft { float: left; max-width: 230px; margin: 0 30px 0 10px; } .inforleftimg { position: relative; font-size: 0; max-width: 230px; max-height: 300px; padding: 12px 12px 18px 18px; box-sizing: border-box; } .inforleftimg::after { position: absolute; top: 0; left: 0; content: ''; width: 230px; height: 300px; background: url(/wwwroot/images/infor/pic_auibnesw_magazine_template.png) center no-repeat; background-size: 100%; } .inforleftText h5 { font-size: 24px; font-weight: bold; color: #333; line-height: 36px; margin-bottom: 0; padding-left: 10px; box-sizing: border-box; } .inforleftText p { font-size: 18px; font-weight: 400; color: #666; line-height: 30px; padding-left: 10px; box-sizing: border-box; } .informationright { float: right; width: 530px; } .informaright { border-bottom: 1px solid #E5E5E5; padding: 10px 0 20px; } .informaright h5 { font-size: 18px; font-weight: bold; color: #333; line-height: 36px; } .infoad > h5 { margin-bottom: 5px; } .informaright p { font-size: 14px; font-weight: 400; color: #666; line-height: 24px; height: 48px; word-break: normal; text-align: justify; text-justify: inter-ideograph; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .informaright > div { padding-top: 10px; overflow: hidden; } .itemI { float: left; background: #F4F4F4; font-size: 14px; font-weight: 400; color: #666; padding: 2px 6px; border-radius: 2px; width: 70px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .itemS { float: right; font-size: 14px; font-weight: 400; color: #666; line-height: 24px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .informaul div { overflow: hidden; } .informaul h4 { width: 70%; font-size: 14px; font-weight: bold; color: #333; line-height: 50px; border: 0; } .informaul ul { border: 0; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s; } .informaul ul li { display: block; width: 100%; border: 0; overflow: hidden; padding-bottom: 10px; } .informaul ul li p { float: left; max-width: 290px; font-size: 14px; font-weight: 400; color: #333; line-height: 24px; margin-left: 10px; } .informaul-zk ul li p { max-width: 350px; } .informaul-zkbtn { position: relative; float: right; color: #999999; font-size: 14px; font-weight: 400; line-height: 50px; width: 60px; padding-right: 20px; text-align: center; box-sizing: border-box; } .informaul-zkbtn .zkbtnL { position: absolute; top: 21px; right: 0; display: inline-block; width: 15px; height: 8px; background: url(/wwwroot/images/Other/icon_unfold_grey.png) center no-repeat; background-size: 100%; } .informaul-zkbtn .zkbtnLS { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ } .informaul-zk h4 { float: left; } /*404*/ .errorwap { position: relative; min-width: 1200px; height: 720px; font-size: 0; margin-top: 100px; overflow: hidden; } .errorwap > img { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 720px; } .errorwap .err_container { position: absolute; top: 100px; left: 50%; margin-left: -600px; width: 1200px; height: 560px; } .errorwap .err_container img { float: right; width: 450px; height: 450px; margin-right: 100px; } .errorwap .err_container .errorText { float: left; width: 500px; height: 500px; margin-left: 100px; } .errorwap .err_container .errorText h2 { display: inline-block; line-height: 110px; font-size: 36px; font-weight: bold; color: rgba(51,51,51,1); } .errorwap .err_container .errorText h6 { line-height: 110px; font-size: 18px; font-weight: bold; color: #999999; line-height: 30px; } .errorwap .err_container .errorText p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #F23838; line-height: 40px; } .errorwap .err_container .errorText a { display: inline-block; width: 110px; height: 38px; line-height: 36px; border: 1px solid #FF3333; border-radius: 3px; font-size: 16px; font-weight: 400; color: #FF3333; box-sizing: border-box; text-align: center; background: url(/wwwroot/images/index/arrow_red.png) 90px center no-repeat; background-size: 8px 16px; padding-right: 15px; box-sizing: border-box; margin-top: 30px; } .errorwap .err_container .errorText a:hover { background-color: #FF3333; color: #fff; background-image: url(/wwwroot/images/index/home_arrow_white.png); background-repeat: no-repeat; background-position: 90px center; background-size: 8px 16px; } /*信息披露*/ .Informationheader { width: 100%; line-height: 120px; font-size: 30px; font-weight: bold; color: #333; } .Informationwap { width: 100%; } .Informationwap p { line-height: 36px; font-size: 16px; font-weight: 400; line-height: 36px; color: #333; } .Informationwap p span { display: inline-block; width: 134px; font-size: 16px; font-weight: 400; color: #999; line-height: 36px; } .Informationwap p a { display: inline-block; color: #0066FF; font-size: 16px; font-weight: 400; line-height: 36px; margin-right: 24px; } .Informationwap p a:hover { text-decoration: underline; } .Informationbox { width: 100%; border: 1px solid #ddd; border-collapse: collapse; table-layout: fixed; word-break: break-all; } } .Informationbox tr { width: 1200px; max-width: 1200px; } .Informationbox tr .infactive:hover { color: #0066FF; text-decoration: underline; } .Informationbox th { background: #E5E5E5; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: bold; color: #333; line-height: 36px; padding: 0 20px; text-align: left; } .Informationbox td { border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #333; line-height: 50px; padding: 0 20px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .InsuranceWap { width: 100%; overflow: hidden; } .InsuranceWap .InsuranceWapItem { display: inline-block; width: 585px; height: 120px; background: #F8F8F8; margin-right: 24px; margin-bottom: 30px; } .InsuranceWap > div:nth-child(2n) { margin-right: 0; } .InsuranceWap .InsuranceWapItem img { float: left; width: 210px; height: 120px; } .InsuranceWap .InsuranceWapItem .InsuranceText { float: left; width: 375px; height: 80px; padding: 20px 0; } .InsuranceWap .InsuranceWapItem .InsuranceText .InsuranceTextbt { position: relative; height: 80px; padding: 0 30px; border-left: 1px solid #E5E5E5; } .InsuranceWap .InsuranceWapItem .InsuranceText .InsuranceTextbt .Textbt_center { position: absolute; left: 30px; top: 50%; width: 310px; transform: translateY(-50%); } .InsuranceWap .InsuranceWapItem .InsuranceText .InsuranceTextbt h5 { line-height: 30px; font-size: 18px; font-weight: bold; color: #333; } .InsuranceWap .InsuranceWapItem .InsuranceText .InsuranceTextbt p span { display: inline-block; font-size: 16px; font-weight: 300; color: #666; padding-right: 14px; line-height: 24px; } .InsuranceWap .InsuranceWapItem .InsuranceText .InsuranceTextbt p span:hover { text-decoration: underline; color: #FF3333; } .InsuranceCon { width: 100%; overflow: hidden; } .InsuranceCon .InsuranceConItem { display: inline-block; width: 505px; height: 70px; background: #F8F8F8; margin-right: 25px; margin-bottom: 30px; padding: 25px 40px; } .InsuranceCon .InsuranceConItem:nth-child(2n) { margin-right: 0; } .InsuranceCon .InsuranceConItem h5 { line-height: 36px; font-size: 18px; font-weight: bold; color: #333; } .InsuranceCon .InsuranceConItem p span { display: inline-block; font-size: 16px; font-weight: 300; color: #666; padding-right: 14px; line-height: 28px; } .InsuranceCon .InsuranceConItem p span:hover { text-decoration: underline; } .msk { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 101; } .msk .mskText { position: relative; left: 50%; top: 50%; margin-left: -450px; margin-top: -315px; width: 900px; height: 630px; background: #fff; padding: 20px 50px 0; box-sizing: border-box; } .msk .mskText .itemhgS { height: 360px; padding-bottom: 30px; } .itemhgW { height: 550px; } .msk .mskText h5 { font-size: 24px; font-weight: bold; color: #333; line-height: 80px; } .msk .mskText .mskTextTitle { padding-bottom: 30px; } .msk .mskText .mskTextTitle span { display: inline-block; width: 220px; height: 30px; font-size: 14px; font-weight: 400; color: #666; text-align: center; line-height: 30px; border-radius: 5px; background: #F4F4F4; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; padding: 0 10px; box-sizing: border-box; } .msk .mskText .mskTextTitle .avt { background: #DF0C15; color: #fff; } .msk .mskText .mskTextTitle span:hover { background: #DF0C15; color: #fff; } .mskText .InformationClose, .cfeClose { display: block; position: absolute; top: 50px; right: 50px; width: 20px; height: 20px; background-image: url(/wwwroot/images/publicity/close.png); background-position: center; background-repeat: no-repeat; background-size: 20px; cursor: pointer; } .mskText .InformationClose:hover { background-image: url(/wwwroot/images/publicity/close_red.png); } .cfeClose:hover { background-image: url(/wwwroot/images/publicity/close_red.png); } .media:hover { color: #FF3333; text-decoration: underline; } /*分页*/ .pagination-wrap { display: inline-block; } .pagenum, #pagination-next, #pagination-prev, .pagination-ellipsis { display: inline-block; width: 40px; height: 40px; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; color: rgba(102,102,102,1); background: #F4F4F4; margin: 0 5px; } #pagination-next, #pagination-prev { width: 80px; } .pagination-current { background: #DF0C15; color: #fff; } .pagination-wrap li:hover { background: #DF0C15; color: #fff; } #pagination-prev:hover { background: #DF0C15; color: #fff; } #pagination-next:hover { background: #DF0C15; color: #fff; } .certificate { cursor: pointer; } .pdf-list a { display: inline-block; width: 220px; height: 220px; background-color: #F4F4F4; margin-right: 20px; text-align: center; margin-bottom: 20px; border-radius: 10px; } .pdf-list p { padding: 0 10px 0 10px; } .pdf-list_img_box { padding: 40px 50px 20px 50px; } .pdf-list a img { width: 100px; } /*维护起*/ .container-repairing { width: 100%; margin-top: 100px; min-height: 900px; background-image: url(/wwwroot/images/repairing/bapic.png); background-position: center top; background-size: 100%; background-repeat: no-repeat; background-color: #fff; text-align: center; padding-top: 100px; } .container-repairing img { display: inline-block; width: 513px; height: 354px; } .container-repairing > h3 { font-size: 36px; font-weight: bold; color: #333333; line-height: 100px; padding-top: 30px; } .container-repairing > p { font-size: 18px; font-weight: 400; color: #999999; line-height: 36px; } .container-repairing .repairingText { display: inline-block; width: 1000px; height: 80px; background: #F4F4F4; border-radius: 10px; margin-top: 30px; } .repairingLabel { float: left; font-size: 18px; font-weight: 300; color: #333; line-height: 80px; margin-left: 30px; font-weight: 500; } .repairingLabel span { font-size: 18px; color: #999; margin-right: 5px; } /*维护止*/ .consultingwap { margin-top: 30px; } .consultingwap .consultingbox:nth-child(2) { margin-left: 27px; margin-right: 27px; width: 265px; } .consultingbox { display: inline-block; width: 235px; overflow: hidden; } .consultingitem { }