<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="favicon.ico"> <link rel="stylesheet" href="./css/pure-min.css"> <link rel="stylesheet" href="./css/grids-responsive-min.css"> <title>平安人寿保险官网</title> <link href="static/js/0.1573026567780.js" rel="prefetch"><link href="static/js/1.1573026567780.js" rel="prefetch"><link href="static/js/10.1573026567780.js" rel="prefetch"><link href="static/js/11.1573026567780.js" rel="prefetch"><link href="static/js/12.1573026567780.js" rel="prefetch"><link href="static/js/13.1573026567780.js" rel="prefetch"><link href="static/js/14.1573026567780.js" rel="prefetch"><link href="static/js/15.1573026567780.js" rel="prefetch"><link href="static/js/2.1573026567780.js" rel="prefetch"><link href="static/js/3.1573026567780.js" rel="prefetch"><link href="static/js/4.1573026567780.js" rel="prefetch"><link href="static/js/5.1573026567780.js" rel="prefetch"><link href="static/js/6.1573026567780.js" rel="prefetch"><link href="static/js/7.1573026567780.js" rel="prefetch"><link href="static/js/8.1573026567780.js" rel="prefetch"><link href="static/js/9.1573026567780.js" rel="prefetch"><link href="static/js/app.1573026567780.js" rel="preload" as="script"><style type="text/css">@charset "UTF-8"; /** * ------------------------------------------------------------------ * 支持文件 * 需要引用的地方均需要加上这个支持文件 * * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass Minxins * * 参考收集: * https://github.com/twbs/bootstrap-sass/tree/master/assets/stylesheets/bootstrap/mixins * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass 变量 * * ------------------------------------------------------------------ * */ .bis[data-v-3b4f35af] { background-repeat: no-repeat; background-size: 100% 100%; } .fl[data-v-3b4f35af] { display: flex; } .fj[data-v-3b4f35af] { display: flex; justify-content: space-between; } .fcc[data-v-3b4f35af] { display: flex; justify-content: center; align-items: center; } .bb[data-v-3b4f35af] { box-sizing: border-box; } .fullp[data-v-3b4f35af] { width: 100%; height: 100%; } .pointer[data-v-3b4f35af] { cursor: pointer; } .text-l[data-v-3b4f35af] { text-align: left; } .text-r[data-v-3b4f35af] { text-align: right; } .text-c[data-v-3b4f35af] { text-align: center; } .bc[data-v-3b4f35af] { text-align: center; } /* 图片字体 */ @font-face { font-family: 'iconfont'; src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2"); } .iconfont[data-v-3b4f35af] { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconrefresh[data-v-3b4f35af]:before { content: '\E874'; } .iconempty[data-v-3b4f35af]:before { content: '\E6A6'; } .iconclose[data-v-3b4f35af]:before { content: '\E849'; } .drop-list[data-v-3b4f35af] { display: inline-block; min-width: 6.25rem; position: relative; margin: 0 1rem; } .drop-list .list[data-v-3b4f35af] { position: absolute; width: 100%; } .drop-list .list .space[data-v-3b4f35af] { height: 1.5rem; } .drop-list span[data-v-3b4f35af] { display: block; text-align: center; } .drop-list ul[data-v-3b4f35af] { display: none; overflow: hidden; box-shadow: 0 0 1.5rem 0 rgba(255, 87, 0, 0.15); border-radius: .5rem; } .drop-list ul li[data-v-3b4f35af] { border-bottom: solid 1px #f1f1f1; background: #ffffff; text-align: center; padding: 1.5rem 0; } .drop-list ul li[data-v-3b4f35af]:last-child { border-bottom: none; } .drop-list ul li[data-v-3b4f35af]:hover { color: #ec6429; } .user[data-v-3b4f35af] { width: 7.333333rem; height: 2.25rem; background-color: #f05a23; border-radius: 1.333333rem; display: flex; align-items: center; justify-content: center; color: #ffffff; } .user .icon-img[data-v-3b4f35af] { margin: 0 .5rem; } </style><style type="text/css">.v-header[data-v-6fba8daf] { height: 5.833333rem; background-color: #fff; color: #4c4948; position: relative; z-index: 11; } .v-header .header-container[data-v-6fba8daf] { max-width: 950px; height: 100%; margin: auto; display: flex; align-items: center; position: relative; } .v-header .main-nav[data-v-6fba8daf] { height: 100%; flex: 1 0 auto; } .v-header .logo-img[data-v-6fba8daf] { margin-right: 2rem; cursor: pointer; } .v-header .nav-list[data-v-6fba8daf] { height: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative; } .v-header .nav-item[data-v-6fba8daf] { display: flex; align-items: center; height: 100%; margin: 0; font-size: 1rem; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; } .v-header .main-nav-list[data-v-6fba8daf] { display: flex; cursor: pointer; } .v-header .nav-item.link-item[data-v-6fba8daf] { padding: 0 50px; height: 5rem; } .v-header .nav-item.search[data-v-6fba8daf] { flex: 1 1 auto; } .v-header .nav-item.auth[data-v-6fba8daf] { color: #ffffff; } .v-header .nav-item.auth .user[data-v-6fba8daf] { width: 7.333333rem; height: 2.25rem; background-color: #f05a23; border-radius: 1.333333rem; display: flex; align-items: center; justify-content: center; } .v-header .nav-item.auth .user .icon-img[data-v-6fba8daf] { margin: 0 .5rem; } .v-header .nav-item.auth .lang[data-v-6fba8daf] { color: #f05a23; } @media (max-width: 950px) { .v-header .header-container[data-v-6fba8daf] { width: 96%; } } @media (max-width: 800px) { .v-header .main-nav-list[data-v-6fba8daf] { display: none; } } </style><style type="text/css">.bis[data-v-f678fc22] { background-repeat: no-repeat; background-size: 100% 100%; } .fl[data-v-f678fc22] { display: flex; } .fj[data-v-f678fc22] { display: flex; justify-content: space-between; } .fcc[data-v-f678fc22] { display: flex; justify-content: center; align-items: center; } .bb[data-v-f678fc22] { box-sizing: border-box; } .fullp[data-v-f678fc22] { width: 100%; height: 100%; } .pointer[data-v-f678fc22] { cursor: pointer; } .text-l[data-v-f678fc22] { text-align: left; } .text-r[data-v-f678fc22] { text-align: right; } .text-c[data-v-f678fc22] { text-align: center; } .bc[data-v-f678fc22] { text-align: center; } .v-footer[data-v-f678fc22] { font-family: MicrosoftYaHei; color: #ffffff; background-color: #2e2b2a; } .v-footer .footer-containter[data-v-f678fc22] { margin: 0 auto; } .v-footer .footer-containter .cont[data-v-f678fc22] { margin-left: 3.166667rem; } .v-footer .footer-containter .cont .logo-wrap[data-v-f678fc22] { padding: 1.75rem 0; } .v-footer .footer-containter .cont .logo-wrap .logo-img[data-v-f678fc22] { cursor: pointer; } .v-footer .footer-containter .cont .line[data-v-f678fc22] { width: 100%; height: 1px; opacity: 0.2; background-color: #ffffff; } .v-footer .footer-containter .cont .info[data-v-f678fc22] { padding: 1.25rem 0 1.5rem; display: flex; } .v-footer .footer-containter .cont .info .hotline[data-v-f678fc22] { min-width: 280px; } .v-footer .footer-containter .cont .info .hotline .contact .n-item[data-v-f678fc22] { margin-bottom: 0.6rem; } .v-footer .footer-containter .cont .info .hotline .contact .phone[data-v-f678fc22] { color: #ea5a26; font-size: 1.666667rem; font-weight: bold; } .v-footer .footer-containter .cont .info .hotline .contact[data-v-f678fc22]:first-child { margin-bottom: 2rem; } .v-footer .footer-containter .cont .info .nav[data-v-f678fc22] { flex: 1; display: flex; } .v-footer .footer-containter .cont .info .nav .n-item[data-v-f678fc22] { cursor: pointer; min-width: 14rem; } .v-footer .footer-containter .cont .info .focus[data-v-f678fc22] { width: 6.25rem; text-align: center; margin-right: 3rem; } .v-footer .footer-containter .cont .info .focus .qrcode[data-v-f678fc22] { margin-top: .75rem; } .v-footer .footer-containter .cont .info .n-item[data-v-f678fc22] { margin-bottom: 1.416667rem; color: rgba(179, 177, 168, 0.5); } .v-footer .footer-containter .cont .info .n-item[data-v-f678fc22]:first-child { color: #ffffff; margin-bottom: 2rem; } .v-footer .footer-containter .cont .info .n-item[data-v-f678fc22]:last-child { margin-bottom: 0; } .v-footer .footer-containter .cont .copyright[data-v-f678fc22] { color: rgba(179, 177, 168, 0.5); padding: 1.5rem 0; line-height: 1.58; } @media (max-width: 950px) { .v-footer .footer-containter .cont .info[data-v-f678fc22] { display: block; } .v-footer .footer-containter .cont .info .nav[data-v-f678fc22] { margin-top: 2rem; display: flex; } .v-footer .footer-containter .cont .info .nav .nav-v[data-v-f678fc22] { width: 100%; } .v-footer .footer-containter .cont .info .nav .n-item[data-v-f678fc22] { min-width: 0; } .v-footer .footer-containter .cont .info .focus[data-v-f678fc22] { margin-top: 2rem; text-align: left; } .v-footer .footer-containter .cont .copyright[data-v-f678fc22] { box-sizing: border-box; padding-right: 2rem; } } </style><style type="text/css">@charset "UTF-8"; /** * ------------------------------------------------------------------ * 支持文件 * 需要引用的地方均需要加上这个支持文件 * * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass Minxins * * 参考收集: * https://github.com/twbs/bootstrap-sass/tree/master/assets/stylesheets/bootstrap/mixins * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass 变量 * * ------------------------------------------------------------------ * */ .bis { background-repeat: no-repeat; background-size: 100% 100%; } .fl { display: flex; } .fj { display: flex; justify-content: space-between; } .fcc { display: flex; justify-content: center; align-items: center; } .bb { box-sizing: border-box; } .fullp { width: 100%; height: 100%; } .pointer { cursor: pointer; } .text-l { text-align: left; } .text-r { text-align: right; } .text-c { text-align: center; } .bc { text-align: center; } /* 图片字体 */ @font-face { font-family: 'iconfont'; src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2"); } .iconfont { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconrefresh:before { content: '\E874'; } .iconempty:before { content: '\E6A6'; } .iconclose:before { content: '\E849'; } html { font-family: "Microsoft YaHei","Arial"; font-size: 12px; word-spacing: 1px; word-break: break-word; text-rendering: optimizeLegibility; color: #333; background-color: #ffffff; box-sizing: border-box; } html, body { -webkit-text-size-adjust: none; } body, div { border: 0; margin: 0; padding: 0; } *, *:before, *:after { box-sizing: border-box; margin: 0; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; } img, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } fieldset, img { border: 0; } address, caption, cite, dfn, em, th, var, i, em { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } a { text-decoration: none; color: inherit; } a:hover { text-decoration: none; } a, label, button, input, select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, select, button { vertical-align: baseline; border-radius: 0; background-color: transparent; } select { outline: none; -webkit-appearance: none; -moz-appearance: none; } select::-ms-expand { display: none; } input { background: none; outline: none; border: none; } button::-moz-focus-inner, input, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } input[type="checkbox"], input[type="radio"] { vertical-align: middle; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; margin: 0; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } input[type="search"], input[type="tel"], input[type="text"], input { -webkit-appearance: none; /*去除系统默认的样式*/ -webkit-box-sizing: content-box; font-size: 100%; box-sizing: border-box; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bfbfbf; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bfbfbf; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bfbfbf; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bfbfbf; opacity: 1; } select, input, option { color: #333333; } textarea { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; color: #333333; } .cOrange { color: #f05a23; } .cGreen { color: #006441; } .cGray { color: #bfbfbf; } .cDark { color: #dcdcdc; } #app { border: 0; margin: 0; padding: 0; } .main-container { position: relative; margin: 0 auto; width: 100%; } .main-container::after { display: table; content: ""; clear: both; } .content { max-width: 1024px; width: 100%; margin: 0 auto; } .box-w { max-width: 950px; width: 100%; margin: 0 auto; } .box { max-width: 950px; width: 100%; margin: 0 auto; } .app__width { width: 750px; } .app__width { width: 750px; } .app__inner { margin: 20px; } .app__title { font-size: 32px; line-height: 36px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 0.5px solid #eeeeee; } .app__desc { font-size: 24px; line-height: 26px; margin-bottom: 20px; color: #475669; } .app__bgc { position: fixed; background-color: #ffffff; width: 100%; height: 100%; } .app__bg { position: absolute; width: 100%; height: 100%; } .app__top-shadow { position: fixed; width: 750px; height: 1px; box-shadow: 0px 4px 0.9px 0.1px rgba(6, 0, 1, 0.07); background-color: #ffffff; } .app__content { position: relative; } .swiper-pagination-bullet { width: 1rem !important; height: 1rem !important; } .swiper-pagination-bullet-active { background: #f05a23 !important; } </style><style type="text/css">@charset "UTF-8"; /** * ------------------------------------------------------------------ * 支持文件 * 需要引用的地方均需要加上这个支持文件 * * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass Minxins * * 参考收集: * https://github.com/twbs/bootstrap-sass/tree/master/assets/stylesheets/bootstrap/mixins * ------------------------------------------------------------------ * */ /** * ------------------------------------------------------------------ * Sass 变量 * * ------------------------------------------------------------------ * */ .bis[data-v-1badc801] { background-repeat: no-repeat; background-size: 100% 100%; } .fl[data-v-1badc801] { display: flex; } .fj[data-v-1badc801] { display: flex; justify-content: space-between; } .fcc[data-v-1badc801] { display: flex; justify-content: center; align-items: center; } .bb[data-v-1badc801] { box-sizing: border-box; } .fullp[data-v-1badc801] { width: 100%; height: 100%; } .pointer[data-v-1badc801] { cursor: pointer; } .text-l[data-v-1badc801] { text-align: left; } .text-r[data-v-1badc801] { text-align: right; } .text-c[data-v-1badc801] { text-align: center; } .bc[data-v-1badc801] { text-align: center; } /* 图片字体 */ @font-face { font-family: 'iconfont'; src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASEAAsAAAAACSAAAAQ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqFGIQnATYCJAMYCw4ABCAFhG0HVBvZBxGVnNvIfhzYDV+BAe9wtJiGONTGYuHBZ/Oh77Q3OxupItOeFFTcQjpRXwK+AIbn08ne766XppsiwRKPksQTj7AO4xAOv3fOAdsJc0KNZO3Io89Lf8K9BkY+ce+4df4Dms+yXMacNNbEAOOAAtrbF1mBxAlqy/Dq8uqwrgMBiPGAD4g6dbgGQhSseQRAKstK8iFMmFAVBMHSdsFWFpkNHhYzhbkEYJb3efIGQUQIDCaFtXQ0l1KEhOfKV+G019Ary7GgbzgHAGEXUIAPABZIZ6GrGTSI+oBia7/A4gVAioWBeq58vvHlkJeNr8INBhIyy0dwwV8esJg4MBAgfGCVlKUNj/HguZIawGrqjZgLPHg5xACK1Y2YCwy8Cpdclo4/YIMIcBLANZh9YGkIPHta2NorTKxUSlUNV7Koz2zswo0mRfNNRs9fbFq8YJr5uEXLWo7cEd+6pbl9W3v3rj4g7tzRpU+7HauR0YbmJ2+dalLELZy6ude0uGh+75Zp5iXFCxZMW2Q+0IQOKsa7SMJIKH18h3y9hWY+mN4tEtW0bYT2memWpk1db7L81tQ7dgs3isUbt1rrl0kU0yy1Sza7ZCw0m4lCIzFMF2ww15+Qp1u43sRk/hJT7YJN5uaLluolPZSTvq1m4vmbgR7veM116OjBGp2K21oMbkRGnvqglnCLVharuAM6gl+toTNYPZs5doyZDXyHbx/RSvZMt6tNtx7RlzkWlcysWQySV2I+Pio008Np8mQvL/j0CEVLLIItloiEIPIFnCBDN7ZpC6n3i/erE0uXICT/t+269rVrjx4de+wrwynfjo1BaN/tXQmzJ3wIF9krghUHqN1eFB4fMvuCROrnvVwdkUeWLff2k70IiO8fs2yOabXpHHdlvX+A5rmK6dx4piXlbHunib+iNeVM+UnXFvWZjR2uleVF/jsbK12wo8OWDpY+TRH0jP8syLs0WIlOAIDhFHOP+gIA1TF3kCOBOcbaj9FjgYCJ97CEFvwt35GfKZ2Yq4j5JiGUsAC+Juu7saSZavDK1Wgs/jeaagB/Q0WUsuYutTOdIKDlmTLhATa03MskN0+G0t1vcjyETCMMArY4CLmQiuaDSSIETSgem7dBu0/G6o2REgGeJiAQSrvAkDsKSukyiaU9Bo+Zd+BTZgwxXdZHSrjFro4ZoqKlgj+VSe4UsdaVX3iDfgeR41KP8UIuNkCBfgHpxBUd8hArGj760FgVcZkjpaLbEAJTbWYHWTeltfaNvz9X9KJNIcfBSrIMhApapMAfKSOxjnJ6V6vM+29AewuEXNFR432BrLCDk0B+AhqQrqquUceljG7woR00qhQ7i5OxiKRiBwSIMlJbPMkBqdoo7RDuNfyZblxT1WZ6TbzLfbBZ53QYQglLeIRPBBB9hPTHH9oLMhQ5r5ipDFwwMRwxRezrfzAAAA==") format("woff2"); } .iconfont[data-v-1badc801] { font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconrefresh[data-v-1badc801]:before { content: '\E874'; } .iconempty[data-v-1badc801]:before { content: '\E6A6'; } .iconclose[data-v-1badc801]:before { content: '\E849'; } .content[data-v-1badc801] { padding-bottom: 2.25rem; } .top-space[data-v-1badc801] { height: 2.25rem; } .box[data-v-1badc801] { position: relative; } .banner-contaner[data-v-1badc801] { position: relative; width: 100%; overflow: hidden; height: 250px; } .banner[data-v-1badc801] { position: absolute; left: 50%; top: 0; width: 1024px; margin-left: -512px; height: 100%; overflow: hidden; } .banner-img[data-v-1badc801] { width: 100%; height: 100%; } .recommend[data-v-1badc801] { display: flex; text-align: center; justify-content: space-between; max-width: 79.166667rem; } .recommend-item[data-v-1badc801] { margin-top: 2.25rem; position: relative; width: 25.833333rem; border-radius: .75rem; box-shadow: 0 0 1.5rem 0 rgba(255, 87, 0, 0.15); background-color: #fbfbfb; padding: 0 5px; } .recommend-item .btn[data-v-1badc801] { position: absolute; left: 0; right: 0; bottom: 3rem; margin: 0 auto; width: 13.5rem; height: 4rem; line-height: 4rem; font-size: 16px; border-radius: 4rem; text-align: center; color: #ffffff; background-color: #f05a23; box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); background-blend-mode: soft-light; background-image: linear-gradient(to bottom, #f05f28, #f05021); } .recommend-item .tt[data-v-1badc801] { position: absolute; width: 100%; color: #4c4948; } .recommend-item .t1[data-v-1badc801] { bottom: 9.3rem; } .recommend-item .t2[data-v-1badc801] { bottom: 11.42rem; } .recommend-item[data-v-1badc801]:first-child { padding-left: 0; } .recommend-item[data-v-1badc801]:last-child { padding-right: 0; } .more[data-v-1badc801] { margin: 3.5rem auto 0; position: relative; } .more .btn[data-v-1badc801] { position: absolute; width: 26%; height: 8%; top: 83%; left: 69%; z-index: 1; } .more .cont[data-v-1badc801] { position: relative; margin-left: 6.583333rem; width: 85%; } .more .cont img[data-v-1badc801] { width: 100%; } .news[data-v-1badc801] { margin: 4.25rem auto 0; } .news .linear[data-v-1badc801] { width: 100%; height: 2.04rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7YAAAAbBAMAAAC6vg4GAAAAD1BMVEX/MBX/MBX/MBX/MBX/MBVZEpHiAAAABXRSTlMBAwYKDvRkOdAAAALdSURBVGje7NcBroIwDIDh9QarN3jtDdrdAO5/pieDotBtmBfEF7MvikgEpn8mIeDqRs9YvTQOY3c1LRPa+MFVjDGEADHgA20IM+/S6jDen73vVYbM1ZXMpzW5bLiLUK2bD6LOcsre+L3mHzjp3pSEiVppIazQ1zWqJKJFaUw7Y3eCZAZ1eKLUKosxhsmyhFZd4uWIR9IwSSU6bOUt6ZCms9gQ8suWG15h4EeHPlP9ApuzqrTLYq66hU9u5PuqTPRSSbtMMlUqQPO41CLW2yLt2cRl7S5Gy5Qi46esv9TGYGBeuqnriMpMu3cTEWYScTc7PqyZQ8b8MGCvuEE1rGyox34HP1d92HJZCAChDHfoNSqXY4fkWxBb12pZJwTMk7YO/tZWNGPWiSipbZlXjGgdr59heyeNXbmwjbRKHrt50j6ysVHxbgPb+vPefDgk/y1pwe2u3pIU8k1PWXR5qxffNqEz/NPT8ueGhEUAVvYVWHaj7kOwZv0bBmgWzcsIEaC3/W3HDHATiGEg6P3B+Av9/yMrXeLbWFeVFhUKUkYioCS2g70J5F6F/AaW0zZQ3MKTlTf52DyGvAla6qUgfoYtdJjk5qUgsv451cXn13C02rV9GTjqwbzG4iLdx/BkbeyN/B+4FgO5vQ/Vi+goN0+jTt+qLSHFnyFWqSTs2j6UKiOj8a8q8x4Tj4HlKKDt7vnmD8ba0NWf0FCiapgewupielLkqeExWPYQE8BRPJ9lvdmPJ+J6V3SU7kxhOJuxLh0OnJxLZkQmq3WFIPE6D7LFVjwDqCTpq/xR07LS2cAWTSD4K+S0waIwaCmAo2bpwCS9RFfklt4rRpdRF4BX1SSjGa3BqogsgaBFS8gaOSGeByN4KhZqHxm8FZwGZz1VvQROLnbCdAkX1fZQ3SIEChyKqa3UWrm0tM7YSiKy+5SrmFp7oR7epqtjpZaY7CDxqccYndowIjabzWaz2bwZn4kVXoPimRIxAAAAAElFTkSuQmCC); } .news .tit[data-v-1badc801] { text-align: center; color: #f05a23; font-size: 18px; font-weight: bold; letter-spacing: 1.8px; } .news .under-line[data-v-1badc801] { margin: .75rem auto 0; width: 4rem; height: .25rem; background-color: #275d40; } .news .news-wrap[data-v-1badc801] { margin: 3.2rem auto 0; max-width: 100rem; } .news .news-wrap .more[data-v-1badc801] { width: 85%; text-align: right; margin-bottom: .5rem; } .news .news-wrap .news-item[data-v-1badc801] { width: 85%; margin: auto; height: 4.25rem; color: #4c4948; display: flex; justify-content: space-between; align-items: center; border-top: solid 1px #dcdddd; cursor: pointer; } .news .news-wrap .news-item[data-v-1badc801]:last-child { border-bottom: solid 1px #dcdddd; } .swiper-button-prev[data-v-1badc801] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAuCAMAAAAFiil6AAAAM1BMVEUAAAD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQADIOb6AAAAEHRSTlMAJBM8LPgaDNXH8eQz3bF3c64jtAAAAFZJREFUOMvF1MEVgCAQA1FAkICg9F+tFpAc5K24xz/njaO34+J+DAiv/kMPXXqKbxw2nh9v3Af1YufbD+5O4Trksq40u4KpkiItwbb0qVK9eOVlBXJkbrftCFHy0aPQAAAAAElFTkSuQmCC); } .swiper-button-next[data-v-1badc801] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAuCAMAAAAFiil6AAAAPFBMVEUAAAD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQD/SQC43r6mAAAAE3RSTlMAKcry1foyDBPhGjsjwT/rsXp75PzLkAAAAGRJREFUOMut1EsOgCAMAFHQivhF7f3v6gVGDC0s5yUkhLThljXgES0se9HlQ0abZJRokUmln6SqzCxakaGfbDY5WE6bXL/AV3Hnh/h7MnX+9NaeoUdP5zHgzkPo7wV6dWU8wv0Fq/cJL8kFDSkAAAAASUVORK5CYII=); } @media (max-width: 950px) { .box[data-v-1badc801] { width: 96%; } } </style><style type="text/css">/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } </style></head> <body> <noscript> <strong>We're sorry but website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"><header data-v-6fba8daf="" class="v-header"><div data-v-6fba8daf="" class="header-container"><img data-v-6fba8daf="" src="assets/img/header-logo.png" alt="中国平安人寿保险" class="logo-img"><div data-v-6fba8daf="" class="main-nav"><div data-v-6fba8daf="" class="nav-list"><div data-v-6fba8daf="" class="main-nav-list"><div data-v-3b4f35af="" data-v-6fba8daf=""><div data-v-3b4f35af="" class="drop-list"><span data-v-3b4f35af=""> 產品介紹 </span><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"></ul></div></div></div><div data-v-3b4f35af="" data-v-6fba8daf=""><div data-v-3b4f35af="" class="drop-list"><span data-v-3b4f35af=""> 客戶服務 </span><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"><li data-v-3b4f35af="">聯系我們</li><li data-v-3b4f35af="">繳付保費</li><li data-v-3b4f35af="">保單查詢</li><li data-v-3b4f35af="">保單變更</li><li data-v-3b4f35af="">理賠申請</li><li data-v-3b4f35af="">預約服務</li><li data-v-3b4f35af="">投訴受理</li><li data-v-3b4f35af="">常用表格</li></ul></div></div></div><div data-v-3b4f35af="" data-v-6fba8daf=""><div data-v-3b4f35af="" class="drop-list"><span data-v-3b4f35af=""> 新聞資訊 </span><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"></ul></div></div></div><div data-v-3b4f35af="" data-v-6fba8daf=""><div data-v-3b4f35af="" class="drop-list"><span data-v-3b4f35af=""> 關於平安人壽 </span><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"><li data-v-3b4f35af="">公司簡介</li><li data-v-3b4f35af="">領導人概況</li></ul></div></div></div></div><div data-v-6fba8daf="" class="nav-item search"></div><div data-v-6fba8daf="" class="nav-item submit"></div><div data-v-6fba8daf="" class="nav-item auth"><div data-v-3b4f35af="" data-v-6fba8daf="" class="lang"><div data-v-3b4f35af="" class="drop-list"><div data-v-3b4f35af="" class="user"><img data-v-3b4f35af="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAA40lEQVQokYWRPUpDQRRGjyEP3UAIaGkqUbIDQXQHkk2Ji1AQUwiKhBRaPLSQBxYuwiZNoiABUYLHwjtxjA+98MGd755vfhhUMnXVK/VdfYt+K2dyeFOdBjxQh9G/qBt1gXP1Q93OvJ3wzuoCI/V+4YqoD+pjWjf4rgmwCjQzrwjvORl5oA+sAUfAOtABjoE2cDqnsqML9cbfVcbsxxua6qE6qwnM1INgQF1S+zG8U3fVZXVF3VOrmJ2kQC+Mi7TLggr1Mph91Fv1VW3VwEltv36+JODrP+CkUp02gDFQ8X9VwNMn4rqc0xVlVWkAAAAASUVORK5CYII=" class="icon-img"> 登入 </div><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"><li data-v-3b4f35af="">註冊</li><li data-v-3b4f35af="">登入</li><li data-v-3b4f35af="">修改密碼</li><li data-v-3b4f35af="">登出</li></ul></div></div></div><div data-v-3b4f35af="" data-v-6fba8daf="" class="lang"><div data-v-3b4f35af="" class="drop-list"><span data-v-3b4f35af=""> 繁 </span><div data-v-3b4f35af="" class="list"><div data-v-3b4f35af="" class="space"></div><ul data-v-3b4f35af="" style="display: none;"><li data-v-3b4f35af="">繁</li><li data-v-3b4f35af="">简</li><li data-v-3b4f35af="">EN</li></ul></div></div></div></div></div></div></div></header><main class="main-container"><div data-v-1badc801=""><div data-v-1badc801="" class="content"><div data-v-1badc801="" class="banner-contaner"><div data-v-1badc801="" class="banner"><div data-v-1badc801="" class="swiper-container swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);"><div data-v-1badc801="" class="swiper-slide swiper-slide-active" style="width: 1024px;"><img data-v-1badc801="" src="assets/img/banner.png" class="banner-img"></div><div data-v-1badc801="" class="swiper-slide swiper-slide-next" style="width: 1024px;"><img data-v-1badc801="" src="assets/img/banner.png" class="banner-img"></div></div> <div data-v-1badc801="" class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div> <div data-v-1badc801="" class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div> <div data-v-1badc801="" class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div></div></div><div data-v-1badc801="" class="box recommend"><div data-v-1badc801="" class="recommend-item"><div data-v-1badc801="" class="btn pointer">了解更多產品</div><div data-v-1badc801="" class="tt t1">為自己和家人尋找壹份保障</div><img data-v-1badc801="" src="assets/img/recommend-1.png"></div><div data-v-1badc801="" class="recommend-item"><div data-v-1badc801="" class="btn pointer">立即預約</div><div data-v-1badc801="" class="tt t1">在線預約 專業服務</div><img data-v-1badc801="" src="assets/img/recommend-2.png"></div><div data-v-1badc801="" class="recommend-item"><div data-v-1badc801="" class="btn pointer">客戶服務</div><div data-v-1badc801="" class="tt t2">專業客服為妳服務</div><div data-v-1badc801="" class="tt t1">想了解更多,可致電 <span data-v-1badc801="" class="cOrange">95511</span>聯絡我們,或進入</div><img data-v-1badc801="" src="assets/img/recommend-3.png"></div></div><div data-v-1badc801="" class="box more"><div data-v-1badc801="" class="cont"><div data-v-1badc801="" class="btn pointer"></div><img data-v-1badc801="" src="assets/img/more-1-tc.png"></div></div><div data-v-1badc801="" class="box news"><div data-v-1badc801="" class="linear"></div><div data-v-1badc801="" class="tit">新聞資訊</div><div data-v-1badc801="" class="under-line"></div><div data-v-1badc801="" class="news-wrap"><div data-v-1badc801="" class="more pointer"> 查看更多 > </div><div data-v-1badc801="" class="news-item"><div data-v-1badc801="" class="news-item-tit">平安人壽2019年2季度保險消費報告出爐!</div><div data-v-1badc801="" class="news-item-date">2019-09-27</div></div><div data-v-1badc801="" class="news-item"><div data-v-1badc801="" class="news-item-tit">公益獻禮華誕年,創新開拓扶貧路</div><div data-v-1badc801="" class="news-item-date">2019-09-27</div></div><div data-v-1badc801="" class="news-item"><div data-v-1badc801="" class="news-item-tit">平安920要放大招啦!內含超強攻略!</div><div data-v-1badc801="" class="news-item-date">2019-09-27</div></div><div data-v-1badc801="" class="news-item"><div data-v-1badc801="" class="news-item-tit">突發!平安人壽迅速應對廣東陽江大巴交通事故</div><div data-v-1badc801="" class="news-item-date">2019-09-27</div></div><div data-v-1badc801="" class="news-item"><div data-v-1badc801="" class="news-item-tit">伴成長、助扶貧,平安人壽客服節給家庭“AI”的力量</div><div data-v-1badc801="" class="news-item-date">2019-09-27</div></div></div></div></div></div></main><footer data-v-f678fc22="" class="v-footer "><div data-v-f678fc22="" class="content footer-containter "><div data-v-f678fc22="" class="cont"><div data-v-f678fc22="" class="logo-wrap"><img data-v-f678fc22="" src="assets/img/footer-logo.png" alt="中国平安人寿保险" class="logo-img"></div><div data-v-f678fc22="" class="line"></div><div data-v-f678fc22="" class="info"><div data-v-f678fc22="" class="hotline"><div data-v-f678fc22="" class="contact"><div data-v-f678fc22="" class="n-item">客戶服務熱線(香港)</div><div data-v-f678fc22="" class="phone">(852)2983 8866</div></div><div data-v-f678fc22="" class="contact"><div data-v-f678fc22="" class="n-item">客戶服務熱線(內地)</div><div data-v-f678fc22="" class="phone">(86)40078 95511</div></div></div><div data-v-f678fc22="" class="nav"><div data-v-f678fc22="" class="nav-v"><div data-v-f678fc22="" class="n-item">關於我們</div><div data-v-f678fc22="" class="n-item">公司介紹</div><div data-v-f678fc22="" class="n-item">新聞資訊</div><div data-v-f678fc22="" class="n-item">加入我們</div></div><div data-v-f678fc22="" class="nav-v"><div data-v-f678fc22="" class="n-item">幫助中心</div><div data-v-f678fc22="" class="n-item">隱私政策</div><div data-v-f678fc22="" class="n-item">使用條款</div><div data-v-f678fc22="" class="n-item">網站地圖</div></div><div data-v-f678fc22="" class="nav-v"><div data-v-f678fc22="" class="n-item">聯絡我們</div><div data-v-f678fc22="" class="n-item">聯繫方式</div><div data-v-f678fc22="" class="n-item">服務網點</div></div></div><div data-v-f678fc22="" class="focus"><div data-v-f678fc22="" class="tit">官方公眾號</div><img data-v-f678fc22="" src="assets/img/qrcode-focus.png" alt="" class="qrcode"></div></div><div data-v-f678fc22="" class="line"></div><div data-v-f678fc22="" class="copyright"> 版權所有 © 中國平安保險(集團)股份有限公司未經許可不得復制、轉載或摘編,違者必究! <br data-v-f678fc22="">Copyright © PING AN INSURANCE (GROUP) COMPANY OF CHINA ,LTD. All Rights Reserved </div></div></div></footer></div> <!-- built files will be auto injected --> <script type="text/javascript" src="static/js/app.1573026567780.js"></script> </body></html>