@charset "UTF-8";
.m-weather span, .m-header, .m-nav-a a, .m-nav-ul a, .m-title h3 { font-family: "Microsoft Yahei"; font-size: 16px; color: #ffffff; }

html, body, div, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, header, section, article, aside, footer, canvas, fieldset, figure, form, span { padding: 0px; margin: 0px; }

body { font-family: "宋体"; }

html, body { background-color: #2f1f5d; }

body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }

body::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }

body::-webkit-scrollbar-thumb { background-color: #0b69b0; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); }

img, fieldset { border: 0px; }

fieldset, figure { display: block; }

ul, dl, ol { list-style-type: none; }

a { text-decoration: none; }

a:link, a:visited, a:hover, a:active { outline: none; }

button, input, optgroup, select, textarea { font-family: inherit; color: inherit; }

.m-clear-ios, input, a, button, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; outline: none; }

.m-animat { display: -webkit-box; display: box; display: -webkit-flex; display: flex; }

.m-align { -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }

.m-pack { -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; }

.m-foot { -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }

.m-stretch { -webkit-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; align-items: stretch; }

.m-both { -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.m-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.m-flex { -webkit-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; }

.u-reset ::-webkit-input-placeholder { color: #ffffff; }

.t-noselect { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }

.body-page { background: url("../images/body-bg.jpg") no-repeat center top #2f1f5d; }

.m-weather { width: 100%; height: 40px; background-image: -webkit-linear-gradient(left, #281952, #15bee8, #281952); background-image: -moz-linear-gradient(left, #281952, #15bee8, #281952); background-image: linear-gradient(left, #281952, #15bee8, #281952); }
.m-weather span { float: left; margin: 0 15px 0 0; line-height: 40px; }

.m-wrap { width: 1300px; height: auto; position: relative; margin: 0 auto; }

.m-header { height: 170px; }

.m-logo { width: 459px; height: 107px; float: left; margin: 31px 0 0 0; }
.m-logo img { width: 100%; height: auto; display: block; }

.m-nav-a { width: 468px; height: 38px; float: right; margin: 66px 0 0 0; background: url("../images/nav-bg.png") no-repeat; }
.m-nav-a a { height: 38px; float: left; display: block; line-height: 38px; text-align: center; }
.m-nav-a a:nth-of-type(1) { width: 180px; }
.m-nav-a a:nth-of-type(2) { width: 150px; margin-left: 35px; }
.m-nav-a a:nth-of-type(3) { width: 50px; margin-left: 30px; }

.m-nav-b { height: 50px; background: #0b69b0; border-radius: 5px 5px 0 0; }

.m-nav-ul { width: 100%; height: 100%; position: relative; }
.m-nav-ul li { width: 120px; height: 100%; float: left; position: relative; z-index: 2; text-align: center; line-height: 50px; }
.m-nav-ul li.active { position: absolute; top: 0; left: 0; z-index: 1; border-radius: 5px 5px 0 0; background-image: -webkit-linear-gradient(top, #15bee8, #0b69b0); background-image: -moz-linear-gradient(top, #15bee8, #0b69b0); background-image: linear-gradient(top, #15bee8, #0b69b0); }

.m-title { width: 100%; height: 44px; /*float:left;*/ position: relative; }
.m-title h3 { height: 100%; font-weight: normal; line-height: 44px; }
.m-title span { height: 100%; padding: 0px 15px; display: inline-block; background-color: #e85e30; }

.m-foot { height: 50px; margin-bottom: 115px; font-family: "Microsoft Yahei"; font-size: 14px; color: #ffffff; text-align: center; line-height: 50px; }

.b-blue-light { background-color: #a0d8ea; }

.b-blue-light-opa { background-color: rgba(160, 216, 234, 0.8); }

.b-blue-dark { background-color: #0b69b0; }

.g-page { background: url("../images/body-bg-c.png") no-repeat center bottom, url("../images/body-bg.jpg") no-repeat center top; background-blend-mode: screen; overflow: hidden; }

.g-banner { height: 328px; padding: 5px 10px; box-sizing: border-box; background: #a0d8ea; }
.g-banner img { width: 100%; height: 100%; border: 3px solid #ffffff; border-radius: 8px; box-sizing: border-box; }
.g-banner canvas { border: 3px solid #ffffff; border-radius: 8px; }

.g-section-a { padding: 0 0 10px 0; overflow: hidden; }

.g-left-a { width: 835px; float: left; }

.g-right-a { width: 465px; float: left; }

.g-left-b { width: 820px; padding: 0 0 0 15px; float: left; box-sizing: content-box; }

.g-right-b { width: 465px; float: left; padding: 10px 15px 0 0; box-sizing: border-box; }

.g-edge { width: 400px; height: 160px; float: left; margin: 10px 10px 0 0; padding: 8px; box-sizing: border-box; border: 3px solid #54c3f1; border-radius: 8px; background: url("../images/fanjiao.png") no-repeat 360px 125px #d3edfb; }
.g-edge:nth-of-type(2n) { margin-right: 0; }
.g-edge h4 { width: 100%; font-family: "Microsoft Yahei"; font-size: 16px; color: #383838; font-weight: normal; }

.g-edge-text { width: 100%; height: 100px; margin: 5px 0 0 0; overflow: hidden; font-family: "Microsoft Yahei"; font-size: 14px; color: #383838; line-height: 24px; }
.g-edge-text a { color: #0b69b0; }
.g-edge-text a:hover { color: #e85e30; }

.g-celebrity { width: 100%; height: auto; overflow: hidden; }
.g-celebrity li { width: 100%; height: auto; margin: 0 0 10px 0; overflow: hidden; }

.g-head-ortrait { width: 58px; height: 58px; padding: 2px; position: relative; float: left; border: 1px solid #54c3f1; border-radius: 3px; box-sizing: border-box; background-color: #c9f1fb; z-index: 1; }
.g-head-ortrait img { width: 100%; height: 100%; position: relative; z-index: 2; }
.g-head-ortrait::after { width: 10px; height: 10px; content: ""; display: block; position: absolute; right: -6px; top: 20px; box-sizing: border-box; border: 1px solid #54c3f1; background-color: #c9f1fb; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.g-name-saying { width: 387px; height: 58px; position: relative; float: left; margin: 0 0 0 5px; padding: 5px 10px; border: 1px solid #54c3f1; border-radius: 3px; box-sizing: border-box; background-color: #c9f1fb; }
.g-name-saying::before { width: 10px; height: 10px; content: ""; display: block; position: absolute; left: -6px; top: 20px; box-sizing: border-box; border: 1px solid #54c3f1; background-color: #a0d8ea; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.g-name { font-family: "Microsoft Yahei"; font-size: 16px; color: #0b69b0; }

.g-saying { font-family: "Microsoft Yahei"; font-size: 14px; color: #383838; line-height: 24px; }

.g-new-case { width: 806px; height: 201px; float: left; margin: 10px 10px 0 15px; padding: 0; box-sizing: content-box; border: 2px solid #54c3f1; border-radius: 6px; background-color: #d3edfb; }

.g-line-shu { width: 0px; height: 170px; float: left; margin: 15px 0 0 0; border-left: 1px dotted #383838; }

.g-case-list { width: 387px; height: auto; padding: 5px 5px 0 10px; float: left; overflow: hidden; }
.g-case-list:nth-of-type(2) { padding: 5px 10px 0 5px; }
.g-case-list:nth-of-type(2) dt { margin-left: 5px; }
.g-case-list dt, .g-case-list dd { height: 38px; float: left; border-bottom: 1px dotted #383838; overflow: hidden; box-sizing: border-box; font-family: "Microsoft Yahei"; font-size: 14px; color: #383838; line-height: 38px; }
.g-case-list dt:nth-last-of-type(1), .g-case-list dd:nth-last-of-type(1) { border-bottom: 0; }
.g-case-list dt a, .g-case-list dd a { color: #383838; }
.g-case-list dt { width: 290px; padding: 0 0 0 5px; }
.g-case-list dt:hover a { color: #0b69b0; }
.g-case-list dd { width: 90px; padding: 0 5px 0 0; text-align: right; }

.g-exhibit { width: 1270px; height: 165px; position: relative; float: left; margin: 10px 15px 0 15px; overflow: hidden; }

.g-exhibit-ul { width: 200%; height: 165px; position: absolute; left: 0; top: 0; }
.g-exhibit-ul li { width: 246px; height: 165px; position: relative; float: left; margin: 0 10px 0 0; padding: 5px; box-sizing: border-box; border: 3px solid #54c3f1; border-radius: 8px; }
.g-exhibit-ul a { width: 100%; height: 100%; display: block; background-color: #ffffff; overflow: hidden; border-radius: 6px; }
.g-exhibit-ul a img { width: 100%; height: 100%; }

.g-phone-ul { padding-bottom: 10px; }
.g-phone-ul li { width: 154px; height: 32px; float: left; margin: 10px 10px 0 0; background-color: #0b69b0; border-radius: 4px; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 14px; color: #ffffff; text-align: center; line-height: 32px; }
.g-phone-ul li:nth-of-type(3n) { background-color: #e85e30; }

.g-huofengshui { font-family: "Microsoft Yahei"; font-size: 14px; color: #000000; line-height: 24px; padding-left: 10px; }

.g-date { width: 450px; height: 205px; position: relative; float: left; margin: 10px 0 0 0; border-radius: 6px; background-image: -webkit-linear-gradient(top, #ffab4f, #e85e30); background-image: -moz-linear-gradient(top, #ffab4f, #e85e30); background-image: linear-gradient(top, #ffab4f, #e85e30); }

.g-date-left { width: 280px; height: 130px; float: left; position: relative; margin: 10px 0 0 15px; z-index: 2; }

.g-date-nyr { width: 100%; height: 24px; float: left; margin: 10px 0 0 0; }
.g-date-nyr img { width: auto; height: 24px; display: block; float: left; }

.g-date-week { width: 100%; height: 35px; float: left; margin: 16px 0 0 0; }
.g-date-week img { width: auto; height: 35px; display: block; float: left; }

.g-date-beijing { width: 100%; height: auto; float: left; margin: 22px 0 0 0; overflow: hidden; font-family: "Microsoft Yahei"; font-size: 14px; color: #ffffff; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }

.g-date-right { width: 140px; height: 128px; float: left; position: relative; margin: 10px 0 0 0; box-sizing: border-box; border-radius: 5px; border-left: 5px solid #5d1219; border-bottom: 5px solid #6c2d39; border-right: 5px solid #6c2d39; border-top: 5px solid #5d1219; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(0, 0, 0, 0.7); background-color: #f0efff; overflow: hidden; }

.g-date-kedu { width: 122px; height: 110px; position: absolute; left: 4px; top: 4px; margin: 0; border-radius: 10px; overflow: hidden; }
.g-date-kedu li { width: 0px; height: 90px; position: absolute; left: 60px; bottom: 55px; border-left: 1px solid #b9b9bc; transform-origin: center bottom; }
.g-date-kedu li:nth-of-type(1) { transform: rotate(6deg); }
.g-date-kedu li:nth-of-type(2) { transform: rotate(12deg); }
.g-date-kedu li:nth-of-type(3) { transform: rotate(18deg); }
.g-date-kedu li:nth-of-type(4) { transform: rotate(24deg); }
.g-date-kedu li:nth-of-type(5) { transform: rotate(30deg); }
.g-date-kedu li:nth-of-type(6) { transform: rotate(36deg); }
.g-date-kedu li:nth-of-type(7) { transform: rotate(42deg); }
.g-date-kedu li:nth-of-type(8) { transform: rotate(48deg); }
.g-date-kedu li:nth-of-type(9) { transform: rotate(54deg); }
.g-date-kedu li:nth-of-type(10) { transform: rotate(60deg); }
.g-date-kedu li:nth-of-type(11) { transform: rotate(66deg); }
.g-date-kedu li:nth-of-type(12) { transform: rotate(72deg); }
.g-date-kedu li:nth-of-type(13) { transform: rotate(78deg); }
.g-date-kedu li:nth-of-type(14) { transform: rotate(84deg); }
.g-date-kedu li:nth-of-type(15) { transform: rotate(90deg); }
.g-date-kedu li:nth-of-type(16) { transform: rotate(96deg); }
.g-date-kedu li:nth-of-type(17) { transform: rotate(102deg); }
.g-date-kedu li:nth-of-type(18) { transform: rotate(108deg); }
.g-date-kedu li:nth-of-type(19) { transform: rotate(114deg); }
.g-date-kedu li:nth-of-type(20) { transform: rotate(120deg); }
.g-date-kedu li:nth-of-type(21) { transform: rotate(126deg); }
.g-date-kedu li:nth-of-type(22) { transform: rotate(132deg); }
.g-date-kedu li:nth-of-type(23) { transform: rotate(138deg); }
.g-date-kedu li:nth-of-type(24) { transform: rotate(144deg); }
.g-date-kedu li:nth-of-type(25) { transform: rotate(150deg); }
.g-date-kedu li:nth-of-type(26) { transform: rotate(156deg); }
.g-date-kedu li:nth-of-type(27) { transform: rotate(162deg); }
.g-date-kedu li:nth-of-type(28) { transform: rotate(168deg); }
.g-date-kedu li:nth-of-type(29) { transform: rotate(174deg); }
.g-date-kedu li:nth-of-type(30) { transform: rotate(180deg); }
.g-date-kedu li:nth-of-type(31) { transform: rotate(186deg); }
.g-date-kedu li:nth-of-type(32) { transform: rotate(192deg); }
.g-date-kedu li:nth-of-type(33) { transform: rotate(198deg); }
.g-date-kedu li:nth-of-type(34) { transform: rotate(204deg); }
.g-date-kedu li:nth-of-type(35) { transform: rotate(210deg); }
.g-date-kedu li:nth-of-type(36) { transform: rotate(216deg); }
.g-date-kedu li:nth-of-type(37) { transform: rotate(222deg); }
.g-date-kedu li:nth-of-type(38) { transform: rotate(228deg); }
.g-date-kedu li:nth-of-type(39) { transform: rotate(234deg); }
.g-date-kedu li:nth-of-type(40) { transform: rotate(240deg); }
.g-date-kedu li:nth-of-type(41) { transform: rotate(246deg); }
.g-date-kedu li:nth-of-type(42) { transform: rotate(252deg); }
.g-date-kedu li:nth-of-type(43) { transform: rotate(258deg); }
.g-date-kedu li:nth-of-type(44) { transform: rotate(264deg); }
.g-date-kedu li:nth-of-type(45) { transform: rotate(270deg); }
.g-date-kedu li:nth-of-type(46) { transform: rotate(276deg); }
.g-date-kedu li:nth-of-type(47) { transform: rotate(282deg); }
.g-date-kedu li:nth-of-type(48) { transform: rotate(288deg); }
.g-date-kedu li:nth-of-type(49) { transform: rotate(294deg); }
.g-date-kedu li:nth-of-type(50) { transform: rotate(300deg); }
.g-date-kedu li:nth-of-type(51) { transform: rotate(306deg); }
.g-date-kedu li:nth-of-type(52) { transform: rotate(312deg); }
.g-date-kedu li:nth-of-type(53) { transform: rotate(318deg); }
.g-date-kedu li:nth-of-type(54) { transform: rotate(324deg); }
.g-date-kedu li:nth-of-type(55) { transform: rotate(330deg); }
.g-date-kedu li:nth-of-type(56) { transform: rotate(336deg); }
.g-date-kedu li:nth-of-type(57) { transform: rotate(342deg); }
.g-date-kedu li:nth-of-type(58) { transform: rotate(348deg); }
.g-date-kedu li:nth-of-type(59) { transform: rotate(354deg); }
.g-date-kedu li:nth-of-type(60) { transform: rotate(360deg); }
.g-date-kedu li:nth-of-type(5n) { border-color: #000000; border-width: 1px; }

.g-date-mask { width: 114px; height: 100px; position: absolute; left: 8px; top: 9px; border-radius: 8px; background-color: #f0efff; }

.g-date-xin { width: 80px; height: 68px; position: absolute; left: 25px; top: 25px; border: 1px solid #c6c5d2; border-radius: 8px; box-shadow: inset 0 0 20px rgba(245, 245, 255, 0.5); }

.g-date-num { width: 114px; height: 100px; position: absolute; left: 8px; top: 9px; font-family: Arial; font-size: 14px; color: #383838; }
.g-date-num li { position: absolute; }
.g-date-num li:nth-of-type(1) { left: 80px; top: 0px; }
.g-date-num li:nth-of-type(2) { left: 103px; top: 10px; }
.g-date-num li:nth-of-type(3) { left: 103px; top: 42px; }
.g-date-num li:nth-of-type(4) { left: 103px; top: 74px; }
.g-date-num li:nth-of-type(5) { left: 80px; top: 86px; }
.g-date-num li:nth-of-type(6) { left: 52px; top: 86px; }
.g-date-num li:nth-of-type(7) { left: 24px; top: 86px; }
.g-date-num li:nth-of-type(8) { left: 3px; top: 74px; }
.g-date-num li:nth-of-type(9) { left: 3px; top: 42px; }
.g-date-num li:nth-of-type(10) { left: 0px; top: 10px; }
.g-date-num li:nth-of-type(11) { left: 22px; top: 0px; }
.g-date-num li:nth-of-type(12) { left: 48px; top: 0px; }

.g-date-hour { width: 0; height: 0; position: absolute; left: 50%; bottom: 50%; margin: 4px 0 0 -2px; z-index: 10; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 32px solid #242424; transform-origin: center 28px; transform: rotate(0deg); }

.g-date-minute { width: 0; height: 0; position: absolute; left: 50%; bottom: 50%; margin: 4px 0 0 -2px; z-index: 10; border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 48px solid #242424; transform-origin: center 45px; transform: rotate(0deg); }

.g-date-second { width: 0; height: 0; position: absolute; left: 50%; top: 0; margin: 0 0 0 -1px; z-index: 10; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 68px solid #242424; transform-origin: center 56px; transform: rotate(0deg); }

.g-date-heart { width: 3px; height: 3px; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -2px; z-index: 20; background-color: #f0efff; border-radius: 4px; }

.linshibg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/date.png") no-repeat; background-size: 100% 100%; }

.g-date-time { width: 406px; height: 48px; position: relative; float: left; margin: 8px 0 0 22px; }
.g-date-time li { width: 56px; height: 48px; position: relative; float: left; margin: 0 8px 0 0; overflow: hidden; border-radius: 8px; background-color: #000000; background-image: -webkit-linear-gradient(top, rgba(81, 79, 79, 0.1), rgba(81, 79, 79, 0.5) 47%, #514f4f 48%, #514f4f 51%, #000000 52%); background-image: -moz-linear-gradient(top, rgba(81, 79, 79, 0.1), rgba(81, 79, 79, 0.5) 47%, #514f4f 48%, #514f4f 51%, #000000 52%); background-image: linear-gradient(top, rgba(81, 79, 79, 0.1), rgba(81, 79, 79, 0.5) 47%, #514f4f 48%, #514f4f 51%, #000000 52%); }
.g-date-time li:nth-of-type(2n) { margin-right: 23px; }
.g-date-time li:nth-of-type(6) { margin-right: 0px; }

.g-date-up, .g-date-down { width: 56px; height: 48px; position: absolute; left: 0; top: 0; }
.g-date-up img, .g-date-down img { width: 20px; height: 28px; display: block; float: left; margin: 10px 0 0 18px; }

.g-date-down { top: 48px; }

.g-date-maohao { width: 6px; height: 18px; position: absolute; top: 165px; z-index: 22; }
.g-date-maohao::before, .g-date-maohao::after { width: 6px; height: 6px; content: ""; display: block; position: absolute; left: 0; background-color: #ffffff; }
.g-date-maohao::before { top: 0; }
.g-date-maohao::after { bottom: 0; }
.g-date-maohao.a { left: 149px; }
.g-date-maohao.b { left: 292px; }

/*# sourceMappingURL=index.css.map */