@charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; /* line-height: 1.15; */ margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /********* * reset * ********/ p { margin: 0 ; padding: 0; } html { font-size: 10px; font-family: sans-serif; } html,body { /*width: 100%;*/ min-height: 100%; font-size: 14px; line-height: 1.5; font-family: "PingFang SC", 'Microsoft YaHei', Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif; color: #222; background-color: #F3F5F7; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: "Microsoft YaHei"; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } ::-moz-selection { background-color: #b3d4fc; text-shadow: none; } ::selection { background-color: #b3d4fc; text-shadow: none; } /** 当用户用鼠标选中文字的背景色 **/ ul, ol { margin: 0; padding: 0; } li { list-style: none; } input::-webkit-input-placeholder { color: #95a5a6; } input[type=password], input[type=text]:focus, select:focus { /*border-color: #4D90FE;*/ outline: none; } a { text-decoration: none; cursor: pointer; outline: none; } select { border: 1px solid #ccc; } /**========== 工具样式 ==========**/ .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .to-wrap{ word-break: break-all;word-wrap: break-word; white-space: pre-wrap; } .text-justify{text-align:justify;text-justify:inter-ideograph;} .hide { display: none !important; } .show { display: block !important; } .invisible { visibility : hidden !important; } .text-hide { /** 隐藏文本,比如logo下边的H1 **/ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .clearfix:before, .clearfix:after { content: ""; display: table; } .bold {font-weight: bold; } .clearfix:after { clear: both; } .padding-left24 { padding-left: 24px !important; } .margin-left8 { margin-left: 8px; } .margin-left12 { margin-left: 12px; } .margin-left16 { margin-left: 16px; } .margin-left24 { margin-left: 24px; } .margin-right4 { margin-right: 4px; } .margin-right8 { margin-right: 8px; } .margin-right12 { margin-right: 12px; } .margin-right24 { margin-right: 24px; } .margin-top12 { margin-top: 12px; } .margin-bottom8 { margin-bottom: 8px; } .margin-bottom16 { margin-bottom: 16px; } .margin-bottom24 { margin-bottom: 24px; } .red-color { color: #f01414 !important;} .gray-color { color: #93999f !important; } .large-size { font-size: 16px; } .medium-size { font-size: 14px; } .small-size { font-size: 12px; } /**=============== 浏览器更新提示 ===============**/ .browserupgrade { margin: 0 auto; padding: 1rem; background-color: #ccc; } /**=============== 自定义页面样式 ===============**/ .container { margin-right: auto; margin-left: auto; width: 1200px; box-sizing: border-box; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /**========== 打印样式 ==========**/ @media print { *, *:before, *:after { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } /** 使用#和javascript的超链接不打印href **/ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; /** 只有opera浏览器支持,作用是:避免在元素内部插入分页符**/ } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } /** 只有opera浏览器支持,作用是:避免在元素内部插入分页符**/ img { max-width: 100% !important; } p, h2, h3 { widows: 3; /** 当元素内部发生分页的时候,必须在页面顶部保留的最小行数 **/ orphans: 3; /** 当元素内部发生分页的时候,必须在页面底部保留的最小行数 **/ } h2, h3 { page-break-after: avoid; } /** 避免在元素后面插入一个分页符 **/ } /**========== 按钮样式 ==========**/ /** 按钮 **/ .btn { display: inline-block; padding: .3em 1.2em; vertical-align: middle; font-family: Arial; line-height: 1.42857143; font-size: 14px; color: #666; background-color: #fff; border: 1px solid #dcdcdc; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; text-align: center; text-decoration:none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; outline: none; cursor: pointer; } .btn:hover, .btn:focus, .btn.focus { background-color: #f6f6f6; } /*.btn:active, .btn.active { position:relative; top:1px; }*/ .btn.disabled, .btn[disabled] { cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: .65; } a.btn.disabled { pointer-events: none; } .btn-default { color: #666; background-color: #f9f9f9; border-color: #dcdcdc; } .btn-default:hover, .btn-default:focus, .btn-default.focus { background-color: #e9e9e9; } .btn-danger { color: #fff; background-color: #f01414; border-color: #d83526; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus { background-color: #EF3232; } /***************************************** * 以下内容 是 包含 header、footer 里的 css * *****************************************/ /** 头部导航 **/ .header { background-color: #fff; } .header .container { height: 100%; text-align: center; } /** header-nav **/ .header .header-nav { min-width: 1200px; height: 32px; line-height: 32px; background-color: #F5F5F5; } .header .header-nav .container { font-size: 0; } .division-thread { display: inline-block; width: 1px; height: 12px; vertical-align: middle; background-color: #c4c4c4; } .list-child { position: relative; display: inline-block; vertical-align: middle; height: 100%; line-height: 32px; text-align: center; font-size: 12px; color: #999; } .list-child a.inner-list-child:hover { color: #f01414; } .list-child .inner-list-child { display: inline-block; padding: 0 24px; height: 32px; line-height: 32px; color: #999; } .list-child .link { color: #999; cursor: pointer; } .list-child .link:hover { color: #f01414; } .list-child .inner-list-child .fa.left-icon { margin-right: 4px; } .list-child .inner-list-child .fa.right-icon { margin-left: 4px; } .list-child .inner-list-child .fa-caret-up { vertical-align: 1px; } .list-child .list-ul { position: absolute; top: 32px; left: 0; display: none; width: 80px; padding: 4px; text-align: center; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; z-index: 2; background-color: #F5F5F5; } .list-child .list-ul .list-item { line-height: 1.5; } .list-child .list-ul .list-item .link { padding: 6px 4px; display: block; color: #999; } .list-child .list-ul .list-item:hover .link { color: #fff; background-color: #f01414; } .list-child .list-ul .list-item.border-bottom { border-bottom: 1px solid #eee; } /** header-content **/ .header .header-content { min-width: 1200px; height: 72px; background: #fff; box-shadow: 0 4px 8px 0 rgba(7,17,27,.1); } .header .header-content .logo { float: left; display: block; width: 100px; height: 100%; line-height: 72px; box-sizing: border-box; } .header-content .logo img { vertical-align: middle; height: 100%; } .header-content .nav-item { display: inline-block; float: right; width: auto; max-width: 1100px; height: 100%; overflow: hidden; } .header-content .nav-item .item { position: relative; float: left; font-size: 0; } .nav-item .item .item-link { padding: 0 16px; display: block; line-height: 72px; font-size: 16px; color: #4D555D; text-align: center; text-decoration: none; } .nav-item.child-padd-zh .item .item-link { padding: 0 16px; } .nav-item.child-padd-en .item .item-link { padding: 0 12px; } .nav-item .item .item-link:hover, .nav-item .item .item-link.active { position: relative; color: #f01414; cursor: pointer; } .nav-item .item .item-link:hover:after, .nav-item .item .item-link.active:after { position: absolute; left: 0; bottom: 0; display: block; width: 100%; border-top: 2px solid #f01414; content: ''; } .nav-item .item .sub-menu { position: absolute; top: 72px; left: 0; display: none; padding: 8px 0; width: 146px; font-size: 14px; background-color: #fff; z-index: 2; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .nav-item .item .sub-menu:after { position: absolute; left: 0; top: 0; display: block; width: 100%; border-top: 1px solid #ddd; border-top: 1px solid rgba(7, 17, 27, .1); content: ''; } .item .sub-menu .sub-menu-list { display: inline-block; padding: 8px 0; width: 100%; box-sizing: border-box; } .item .sub-menu .sub-menu-list a { display: block; width: 100%; color: #333; text-align: center; text-decoration: none; cursor: pointer; } .item .sub-menu .sub-menu-list a:hover { color: #f01414; } .header-nav-hover { position: absolute; top: 104px; left: 0; right: 0; display: none; width: 100%; min-width: 1200px; font-size: 0; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.2); z-index: 2; } .header-nav-hover:after { position: absolute; left: 0; top: 0; display: block; width: 100%; border-top: 1px solid #ddd; border-top: 1px solid rgba(7, 17, 27, .1); content: ''; } .header-nav-hover .full { display: none; } .header-nav-hover .container { text-align: left; } .header-nav-hover .sub-menu-item { display: inline-block; padding: 24px 20px 16px 20px; } .header-nav-hover .sub-menu-item.img-into { width: 200px; } .header-nav-hover .sub-menu-item.icon-into { width: 160px; } .header-nav-hover .sub-menu-item a { display: block; width: 100%; color: #333; text-align: left; text-decoration: none; cursor: pointer; } .header-nav-hover .sub-menu-item a:hover { color: #f01414; } .header-nav-hover .sub-menu-item .sub-menu-item-img { display: block; width: 100%; height: 132px; } .header-nav-hover .sub-menu-item .sub-menu-item-img img { width: 100%; height: 100%; } .header-nav-hover .sub-menu-item .sub-menu-item-text { padding: 8px 0; width: 100%; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .header-nav-hover .sub-menu-item .sub-menu-item-icon { display: block; width: 100%; font-size: 36px; text-align: center; } /** 版权链接 **/ .footer { margin-top: 40px; padding: 16px 8px; width: 100%; min-width: 1200px; font-size: 0; color: #787D82; background-color: #1C1B1B; box-sizing: border-box; } .footer .footer-content { padding: 16px 0; font-size: 0; } .footer .footer-content .footer-map { float: left; display: inline-block; margin-right: 67px; width: 560px; } .footer .footer-content .footer-map.i18n-l { /** 法语 **/ margin-right: 0; width: 656px; } .footer-content .footer-map .footer-item { float: left; display: inline-block; width: 140px; } .footer .footer-content .footer-map.i18n-l .footer-item { /** 法语 **/ padding-right: 10px; width: 164px; box-sizing: border-box; } .footer-map .footer-item .footer-item-h4 { margin-bottom: 16px; } .footer-map .footer-item .footer-item-h4 a { font-size: 14px; color: #c8cdd2; text-decoration: none; cursor: pointer; } .footer-map .footer-item .footer-item-h4 a:hover { color: #fff; } .footer-map .footer-item .footer-ul-item { padding-bottom: 8px; } .footer-map .footer-item .footer-ul-item a { display: block; font-size: 14px; color: #787D82; text-decoration: none; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .footer-map .footer-item .footer-ul-item a:hover { color: #c8cdd2; } .footer .footer-content .footer-qr-code { float: left; width: 250px; margin-right: 67px; } .footer .footer-content .footer-qr-code.i18n-l { margin-right: 54px; } /** 法语 **/ .footer-content .footer-qr-code .weichat { float: left; width: 47%; } .footer-qr-code .weichat .weichat-img img { width: 100%; } .footer-qr-code .weichat .weichat-text { padding: 8px 0; font-size: 14px; text-align: center; } .footer-content .footer-qr-code .weibo { float: right; width: 47%; } .footer-qr-code .weibo .weibo-img img { width: 100%; } .footer-qr-code .weibo .weibo-text { padding: 8px 0; font-size: 14px; text-align: center; } .footer-qr-code .weibo .weibo-text a { font-size: 14px; color: #787D82; text-align: center; text-decoration: none; cursor: pointer; } .footer-qr-code .weibo .weibo-text a:hover { color: #c8cdd2; } .footer .footer-content .contact { float: left; width: 240px; font-size: 0; } .footer-content .contact .footer-contact-title { padding: 4px 0; font-size: 18px; color: #fff; text-align: right; } .footer-content .contact .contact-phone { padding: 4px 0; font-size: 18px; color: #fff; text-align: right; } .footer-content .contact .contact-time { padding: 4px 0; font-size: 14px; text-align: right; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; } .footer-content .contact .focus-on { padding: 6px 0 0 0; text-align: right; font-size: 14px; color: blue; } .focus-on .focus-item img { width: 30px; } .footer .footer-copyright { padding-bottom: 16px; font-size: 14px; } .footer .footer-copyright a { color: #787D82; } .footer .footer-copyright a:hover { color: #c8cdd2; } .mt15 { margin-top:15px!important; } .mt25{ margin-top:25px!important; } .mb15{ margin-bottom:15px!important; } .mb25{ margin-bottom:25px!important; } .btn-block{ display:block; width:100%; } .green{ color:green; } .bfc{ overflow: hidden; *zoom: 1; } .inline-block{ display:inline-block!important; } .loading-masker{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; /* background-color: rgba(0,0,0,.3); */ z-index:2000 } .loading { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .loading: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%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .loading-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); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }