@charset "utf-8"; .pa { position: absolute; } .pr { position: relative; } .pf { position: fixed; } body, p, h1, h2, h3, h4, h5, h6, hr, dl, dd, dt { margin: 0; } ul, ol { list-style: none; margin: 0; padding: 0; } a { color: #999; text-decoration: none; } img { border: none; outline: none; vertical-align: middle; /*201606 update:新增 *border:0; */ *border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; margin: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } a { background-color: transparent; } a:active, a:hover { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::-moz-placeholder { color: #7f7f7f; } ::-webkit-input-placeholder { color: #7f7f7f; } :-ms-input-placeholder { color: #7f7f7f; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; padding: 0; outline: none; border: none; font-size: 100%; border: 0; } select:hover, input:hover, textarea:hover { -webkit-tap-highlight-color: transparent; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; background-color: transparent; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; *border: 0; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b3b3b3; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b3b3b3; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b3b3b3; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b3b3b3; opacity: 1; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset; } /*------------------------------------swiper*/ /* * Swiper 2.7.6 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: February 11, 2015 */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-transition:left,top 0s 0s ease,-webkit-transform;transition:left,top 0s 0s ease,-webkit-transform;-o-transition:transform,left,top 0s 0s ease;transition:transform,left,top 0s 0s ease;transition:transform,left,top 0s 0s ease,-webkit-transform;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-wrapper:after,.swiper-wrapper:before{content:" ";display:table}.swiper-wrapper:after{clear:both}.swiper-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{width:100%;float:left;-ms-flex-negative:0;flex-shrink:0;position:relative}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.swiper-next,.swiper-prev{position:absolute;z-index:2;top:50%;width:40px;height:40px;width:.9rem;height:.9rem;max-width:40px;max-height:40px;min-width:30px;min-height:30px;border-radius:50%;-webkit-transition:all .3s 0s ease;-o-transition:all .3s 0s ease;transition:all .3s 0s ease;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.swiper-next:active,.swiper-prev:active{background-color:#ce1849}.swiper-prev{left:40px;background:#e73263 url(../images/swiperP.png) no-repeat center center}.swiper-next{right:40px;background:#e73263 url(../images/swiperN.png) no-repeat center center}.swiper-pagination{position:absolute;left:.390625rem;right:.390625rem;text-align:center;font-size:0;bottom:.3125rem;z-index:2}.swiper-pagination-switch{display:inline-block;width:.21875rem;height:.21875rem;margin:0 .125rem;overflow:hidden;vertical-align:middle;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.swiper-pagination-switch:first-child{margin-left:0}.swiper-pagination-switch:last-child{margin-right:0}.swiper-active-switch{background-color:#003381} .swiper-visible-switch { /* Specific visible button style: */ } .clearfix { zoom: 1; } .clearfix:after, .clearfix:before { content: ""; display: table; } .clearfix:after { clear: both; } .pull-left { float: left; } .pull-right { float: right; } .text-lf { text-align: left; } .text-rt { text-align: right; } .text-center { text-align: center; } html { width: 100%; height: 100%; background: #fff; margin-left: auto; margin-right: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { position: relative; font-size: 14px; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; min-width: 320px; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; overflow-x: hidden; color: #999; opacity: 0; background-color: #f3f3f3; padding-top: 90px } body.initialized { opacity: 1 } @media (max-width: 1440px) { body { padding-top:80px } } @media (max-width: 1280px) { body { padding-top:75px } } @media (max-width: 768px) { body { padding-top:60px } } .container { max-width: 1200px; margin: 0 auto; zoom: 1; } .container:after, .container:before { content: ""; display: table; } .container:after { clear: both; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } /*modal*/ .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal .close { position: absolute; top: 30px; right: 4.5%; z-index: 10; padding: 0.15rem; width: .9rem; height: .9rem; max-width: 40px; max-height: 40px; min-width: 30px; min-height: 30px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #003381 url("../images/close.png") no-repeat center center; /*Mozilla*/ -moz-background-size: 40% auto; /*Webkit*/ -webkit-background-size: 40% auto; /*Oprea*/ -o-background-size: 40% auto; /*W3c��׼*/ background-size: 40% auto; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transform: translate3d(0, -25%, 0); -ms-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 500; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .tab-content > .tab-pane { display: none; } .tab-content > .active.tab-pane { display: block; } .pg-header { background-color: #fff; padding-left: 20px; padding-right: 20px; position: fixed; left: 0; right: 0; z-index: 100; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 3px rgba(100,100,100,.2); box-shadow: 0 2px 3px rgba(100,100,100,.2) } .pg-header:after,.pg-header:before { content: " "; display: table } .pg-header:after { clear: both } .pg-header .header-inner { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .pg-header .header-inner>* { display: table-cell; vertical-align: middle } .pg-header .brand { width: 9% } .pg-header .brand img { max-width: 100% } .pg-header .fw-tel { width: 12% } .pg-header .fw-tel img { max-width: 100% } .pg-header .city-cell { width: 1%; padding-left: 1.5em; padding-right: 1em } .pg-header .city-select { position: relative; color: #333; border: 1px solid #ddd } .pg-header .city-select .title { display: inline-block; white-space: nowrap; font-size: 16px; padding: .5em 2em .5em 1em; position: relative } .pg-header .city-select .title:after { content: ""; position: absolute; right: .8em; top: 50%; margin-top: -2.5px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #565656; -webkit-transition: -webkit-transform .25s 0s ease-out; transition: -webkit-transform .25s 0s ease-out; -o-transition: transform .25s 0s ease-out; transition: transform .25s 0s ease-out; transition: transform .25s 0s ease-out,-webkit-transform .25s 0s ease-out } .pg-header .city-select:hover .title:after { -webkit-transform: rotate(-180deg) translate(0,5px); -ms-transform: rotate(-180deg) translate(0,5px); transform: rotate(-180deg) translate(0,5px) } .pg-header .city-select:hover .city-dropdown { -webkit-transition: opacity .35s 0s ease-out,-webkit-transform .35s 0s ease-out; transition: opacity .35s 0s ease-out,-webkit-transform .35s 0s ease-out; -o-transition: opacity .35s 0s ease-out,transform .35s 0s ease-out; transition: opacity .35s 0s ease-out,transform .35s 0s ease-out; transition: opacity .35s 0s ease-out,transform .35s 0s ease-out,-webkit-transform .35s 0s ease-out; visibility: visible; opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0) } .pg-header .city-dropdown { position: absolute; top: 100%; margin-top: 20px; left: -1px; background-color: #fff; border: 1px solid #ddd; padding: 20px; width: 310px; color: #666; visibility: hidden; opacity: 0; -webkit-transform: translate(0,30px); -ms-transform: translate(0,30px); transform: translate(0,30px) } .pg-header .city-dropdown::after,.pg-header .city-dropdown::before { content: ""; position: absolute; bottom: 100% } .pg-header .city-dropdown::before { width: 15px; height: 9px; left: 25px; background: url(../images/trianglebg.png) no-repeat center top } .pg-header .city-dropdown:after { left: 0; width: 100%; height: 21px } .pg-header .city-dropdown h3 { font-size: 1em } .pg-header .city-options { padding-top: 14px; margin: -5px } .pg-header .city-options li { float: left; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px } .pg-header .city-options a { display: block; background-color: #f5f5f5; text-align: center; padding: .4em 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } @media (min-width: 992px) { .pg-header .city-options a { color:#666; -webkit-transition: color .25s 0s ease-out; -o-transition: color .25s 0s ease-out; transition: color .25s 0s ease-out } .pg-header .city-options a:hover { color: #e33763 } } @media (max-width: 1440px) { .pg-header .city-select .title { font-size:14px } } @media (max-width: 1280px) { .pg-header .city-cell { padding-left:1em } .pg-header .city-select .title { font-size: 13px } } .navbar { font-size: 0; letter-spacing: -3px; text-align: center; margin: 0 -1% } .navbar>li { display: inline-block; vertical-align: top; letter-spacing: normal; font-size: 18px; padding: 1.5em 1%; position: relative } .navbar>li>a { display: block; color: #626262; height: 2em; line-height: 2em; padding: 0 .8em; border-radius: 1em; -webkit-transition: all .3s 0s ease; -o-transition: all .3s 0s ease; transition: all .3s 0s ease } .navbar>.active>a { background-color: #003381; color: #fff } @media (min-width: 992px) { .navbar>li:hover>a { background-color:#003381; color: #fff } .navbar>li:hover .sub-nav { -webkit-transition: all .3s .2s ease-in-out; -o-transition: all .3s .2s ease-in-out; transition: all .3s .2s ease-in-out; z-index: 10; opacity: 1; -webkit-transform: translate(-50%,0) scale(1); -ms-transform: translate(-50%,0) scale(1); transform: translate(-50%,0) scale(1) } } @media screen and (max-width: 1440px) { .navbar>li { font-size:16px } } @media screen and (max-width: 1280px) { .navbar>li { margin:0; font-size: 15px } .navbar>li>a { padding: 0 .5em } } .sub-nav { position: absolute; top: 100%; left: 50%; background-color: #fff; white-space: nowrap; padding: .2em 0; -webkit-transform: translate(-50%,20px) scale(0); -ms-transform: translate(-50%,20px) scale(0); transform: translate(-50%,20px) scale(0); border-top: 2px solid #003381; z-index: -10; opacity: 0; -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.3); box-shadow: 0 3px 5px rgba(100,100,100,.3) } .sub-nav:before { content: ""; display: block; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #003381 } .sub-nav>li { padding: .5em 1.8em } .sub-nav>li>a { font-size: 16px; display: block; height: 1.8em; line-height: 1.8em; padding: 0 .75em; -webkit-transition: all .3s 0s ease; -o-transition: all .3s 0s ease; transition: all .3s 0s ease; border-radius: .9em } @media (min-width: 992px) { .sub-nav>li:hover>a { background-color:#003381; color: #fff } } .nav-trigger { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; display: none } .nav-trigger>span { display: block; width: .8rem; height: 2px; max-width: 30px; background-color: #003381 } .nav-trigger>span+span { margin-top: 8px } @media screen and (max-width: 959px) { .pg-header { padding-top:15px; padding-bottom: 15px } .pg-header .header-inner { display: block } .pg-header .header-inner>* { display: block } .pg-header .header-inner>nav { display: none } .pg-header .brand { width: auto; text-align: center } .pg-header .brand img { height: 45px } .pg-header .fw-tel { display: none } .pg-header .city-cell { position: absolute; left: 20px; top: 50%; margin-top: -15px; padding: 0; width: auto } .pg-header nav { padding: 0; border-top: 1px solid #003381; position: absolute; left: 0; right: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 3px 5px rgba(100,100,100,.2); box-shadow: 0 3px 5px rgba(100,100,100,.2); display: none } .pg-header nav:before { content: ""; display: block; position: absolute; width: 0; height: 0; border: .5em solid transparent; border-bottom-color: #003381; bottom: 100%; left: 50%; margin-left: -.5em } .pg-header nav.dropped { display: block } .nav-trigger { display: block } .sub-nav { position: static; opacity: 1; border-top: none; text-align: left; -webkit-transform: translate(0,0) scale(1); -ms-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); padding-top: .5em; white-space: normal; -webkit-box-shadow: 0 3px 5px rgba(100,100,100,0); box-shadow: 0 3px 5px rgba(100,100,100,0) } .sub-nav:before { display: none } .sub-nav>li { display: inline-block; padding: 0 } .sub-nav>li>a { font-size: 1em } .navbar { margin: 0; max-height: 300px; overflow: auto; padding: 0 20px } .navbar>li { font-size: 16px; display: block; padding: .6em 0; border-bottom: 1px solid #ddd } .navbar>li:last-child { border-bottom: none } .navbar>li>a { font-size: 1.143em; text-align: left; background-color: #fff; color: #333; padding: 0 } .navbar>li:hover .sub-nav { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0) } .navbar .active>a { background-color: #fff; color: #333 } } @media screen and (max-width: 767px) { .navbar>.active-red>a { text-align:center } .sub-nav>li>a { padding: 0 .75em 0 0 } .pg-header { padding: 15px .15px } .pg-header .brand img { height: 30px } .pg-header .city-cell { left: 15px } .pg-header .city-dropdown { margin-top: 14px; left: -10px; padding: 10px } .pg-header .city-options { font-size: 13px; padding-top: 10px } } .pg-banner { position: relative; padding-top: 26%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-shadow: 0 3px 3px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 3px 3px rgba(100, 100, 100, 0.4); box-shadow: 0 3px 3px rgba(100, 100, 100, 0.4); } .pg-banner:before { position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; /* background-color: rgba(2, 53, 126, 0.44);*/ } .pg-banner .banner-caption { position: absolute; left: 0; right: 0; top: 50%; font-size: 46px; font-size: 0.3833rem; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .pg-banner .pet-img { position: absolute; left: 50%; bottom: -59px; width: 118px; height: 118px; margin-left: -59px; bottom: -0.4916rem; width: 0.9833rem; height: 0.9833rem; margin-left: -0.4916rem; } .qyyj-section { position: relative; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); } .qyyj-section .sec-inner { background-position: center center; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .qyyj-section .sec-inner .container { position: relative; height: 100%; } .half-summary { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 45%; color: #fff; } .half-summary > h2 { font-size: 36px; font-weight: normal; } .half-summary article { margin-top: 1.71em; font-size: 1.2857em; line-height: 1.7; word-break: break-all; max-height: 11.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .half-img { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .banner-gap { padding-top: 59px; padding-top: 0.4916rem; } .qyyj-header { text-align: center; font-size: 1.2857em; padding: 1em 0; } .qyyj-header h2 { font-size: 1em; font-weight: normal; } .fwln-section { padding-top: 3em; padding-bottom: 3em; } .fwln-profile { margin-top: 3em; } .fwln-profile header { font-size: 2.57em; color: #333; text-align: center; } .fwln-profile article { padding: 1em 0; font-size: 1.2857em; text-align: center; line-height: 1.7; } .fwln-banner { height: 400px; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .fwln-banner .banner-caption { position: absolute; left: 12.08%; right: 12.08%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #fff; font-size: 1.143em; } .fwln-banner .banner-caption article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; max-width: 100%; position: relative; padding: 38px 112px 20px 130px; padding: 0.3166rem 0.9333rem 0.167rem 1.0833rem; } .fwln-banner .banner-caption article .inner { line-height: 1.75; max-height: 14em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .fwln-banner .banner-caption article:before, .fwln-banner .banner-caption article:after { content: ""; display: block; position: absolute; } .fwln-banner .banner-caption article:before { width: 57px; height: 38px; width: 0.475rem; height: 0.3166rem; left: 0; top: 0; background: url("../images/quaot01.png") no-repeat center center; -webkit-background-size: contain; background-size: contain; } .fwln-banner .banner-caption article:after { width: 30px; height: 20px; width: 0.25rem; height: 0.167rem; right: 0; bottom: 0; background: url("../images/quaot02.png") no-repeat center center; -webkit-background-size: contain; background-size: contain; } .half-summary.right { left: auto; right: 0; } .half-img.left { right: auto; left: 0; } .pg-footer { background-color: #003381; color: #fff; } .pg-footer .bdsharebuttonbox { font-size: 0; letter-spacing: -4px; margin: 0 -5px; } .pg-footer .bdsharebuttonbox > * { display: inline-block; letter-spacing: normal; } .pg-footer .bdsharebuttonbox li { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 5px; position: relative; } .pg-footer .bdsharebuttonbox li > a { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .pg-footer section { padding-top: 30px; padding-bottom: 30px; } .pg-footer .foot-table { display: table; width: 100%; table-layout: fixed; } .pg-footer .foot-table > * { display: table-cell; vertical-align: middle; } .pg-footer .logo { width: 23.75%; } .pg-footer .logo img { width: 73.4%; } .pg-footer .wechat { width: 25.67%; text-align: right; } .pg-footer .wechat > * { display: inline-block; vertical-align: middle; } .pg-footer .wechat > a + a { margin-left: 1em; } .pg-footer .wechat .img { width: 36.36%; margin-left: 20%; } .pg-footer .wechat .img img { width: 100%; } .pg-footer .wechat .img p { text-align: center; font-size: 1.4286em; margin-top: .3em; } .pg-footer .addr { width: 50.58%; } .pg-footer .addr ul { font-size: 0; letter-spacing: -3px; text-align: center; border-left: 1px solid #0564b6; border-right: 1px solid #0564b6; } .pg-footer .addr li { display: inline-block; font-size: 14px; letter-spacing: normal; text-align: left; vertical-align: top; max-width: 500px; margin: 0 3.5%; } .pg-footer .addr p { font-size: 1.2857em; line-height: 2; } .pg-footer .addr p span { vertical-align: middle; } .pg-footer .addr p img { width: 1em; margin-right: .5em; } .web-info { font-size: 1.143em; line-height: 2; padding: .8em 0; background-color: #003381; color: #8fb0cc; -webkit-box-shadow: 0 -5px 5px rgba(0, 45, 119, 0.9); -moz-box-shadow: 0 -5px 5px rgba(0, 45, 119, 0.9); box-shadow: 0 -5px 5px rgba(0, 45, 119, 0.9); } .web-info ul { margin: 0 -1.5em; padding-left: 2em; } .web-info li { float: left; margin: 0 1.5em; } .web-info li > a { display: block; color: #8fb0cc; } .ylwl-header { font-size: 1.4em; text-align: center; padding: 1em 0; line-height: 1.85; } .yl-filter .filter-wrap { position: relative; } .yl-filter-tabs { position: relative; z-index: 1; background-color: #fff; padding: 2.57em 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .yl-filter-tabs .search-btn { position: absolute; right: 30.5%; top: 50%; margin-top: -30px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #e23668 url("../images/searchicon.png") no-repeat center center; /*Mozilla*/ -moz-background-size: 40% auto; /*Webkit*/ -webkit-background-size: 40% auto; /*Oprea*/ -o-background-size: 40% auto; /*W3c��׼*/ background-size: 40% auto; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .yl-filter-tabs .search-btn:active { background-color: #c81d4f; } .yl-filter-tabs ul { max-width: 820px; margin-left: auto; margin-right: auto; } .yl-filter-tabs ul .active { font-weight: bold; } .yl-filter-tabs ul li { float: left; font-size: 1.143em; color: #333; padding: .5em; cursor: pointer; } .yl-filter-tabs ul li + li { margin-left: 14.6%; } .yl-filter-options.show { z-index: 5; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .yl-filter-options { background-color: #fff; padding: 1em 0; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; position: absolute; left: 0; right: 0; top: 100%; margin-top: 10px; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; } .yl-filter-options ul { margin-left: auto; margin-right: auto; font-size: 0; letter-spacing: -3px; } .yl-filter-options li { display: inline-block; vertical-align: middle; letter-spacing: normal; width: 25%; font-size: 16px; padding: .8em 1em .8em 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .yl-filter-options li > a { display: inline-block; } .yl-filter-options li > a:hover { color: #003381; } .ylwl-section { margin-top: 3em; } .ylwl-list { font-size: 0; letter-spacing: -3px; margin: -15px; margin: -0.125rem; } .ylwl-list a { display: block; padding-top: 15%; padding-bottom: 13%; background-color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 0.125rem; -moz-border-radius: 0.125rem; border-radius: 0.125rem; -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; } .ylwl-list a:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } .ylwl-list li { display: inline-block; letter-spacing: normal; vertical-align: top; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; padding: 0.125rem; } .ylwl-list .img { width: 65.789%; margin-left: auto; margin-right: auto; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } .ylwl-list .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .ylwl-list .content { font-size: 14px; padding: 8% 5% 0; text-align: center; } .ylwl-list .content h2 { font-weight: normal; font-size: 24px; color: #000; } .ylwl-list .content p { font-size: 16px; margin-top: 1em; color: #003381; } .ylwl-list .get-more { margin-top: 1.4em; } .ylwl-list .get-more span { color: #05347e; font-size: 20px; display: inline-block; border-bottom: 1px solid #003381; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .ylwl-list .get-more span:hover { color: #e23668; border-bottom-color: #e23668; } .pager { text-align: center; margin-top: 3em; } .pager .load-more { display: inline-block; width: 50px; height: 50px; background-color: #e23668; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .pager .load-more:hover { background-color: #c81d4f; } .pager .load-more:active { background-color: #e23668; } .pager .load-more:before, .pager .load-more:after { content: ""; display: block; top: 50%; left: 50%; background-color: #fff; position: absolute; } .pager .load-more:before { width: 50%; height: 4px; margin-left: -25%; margin-top: -2px; } .pager .load-more:after { width: 4px; height: 50%; margin-left: -2px; margin-top: -25%; } .pager .loading { -webkit-animation: myscale linear 1.5s 0s infinite; -o-animation: myscale linear 1.5s 0s infinite; animation: myscale linear 1.5s 0s infinite; } @-webkit-keyframes myscale { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes myscale { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zjtd-list { font-size: 0; letter-spacing: -3px; margin: -15px; margin: -0.125rem; } .zjtd-list a { display: block; padding-top: 12%; padding-bottom: 12%; background-color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 0.125rem; -moz-border-radius: 0.125rem; border-radius: 0.125rem; -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; } .zjtd-list a:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } .zjtd-list a:hover .content h3 { background-color: #e23668; } .zjtd-list a:hover .get-more span { background-color: #e23668; } .zjtd-list li { font-size: 14px; display: inline-block; letter-spacing: normal; vertical-align: top; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; padding: 0.125rem; } .zjtd-list .swiper-imgs { display: none; } .zjtd-list .sb-detail { display: none; } .zjtd-list .img { width: 65.789%; margin-left: auto; margin-right: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e3e3e3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .zjtd-list .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .zjtd-list .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .zjtd-list .content { margin-top: 1.4286em; margin-left: 38px; margin-right: 38px; margin-left: 0.3166rem; margin-right: 0.3166rem; } .zjtd-list .content h3 { font-size: 1.7em; font-weight: normal; background-color: #003381; color: #fff; margin-right: -38px; margin-right: -0.3166rem; padding: .4em 10%; -webkit-border-radius: 1.15em 0 0 1.15em; -moz-border-radius: 1.15em 0 0 1.15em; border-radius: .35em 0 0 .35em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .zjtd-list .content article { margin-top: .8em; line-height: 2; text-align: center; font-size: 1.143em; } .zjtd-list .get-more { text-align: center; margin-top: 2em; } .zjtd-list .get-more span { display: inline-block; width: 40px; height: 40px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #003381; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .zjtd-list .get-more span:before, .zjtd-list .get-more span:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; } .zjtd-list .get-more span:before { width: 50%; height: 4px; margin-left: -25%; margin-top: -2px; } .zjtd-list .get-more span:after { width: 4px; height: 50%; margin-left: -2px; margin-top: -25%; } .mt-3em { margin-top: 3em; } .index-banner .swiper-slide { position: relative; background-position: center center; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .index-banner .swiper-slide:before { content: ""; display: block; padding-top: 34.635%; } .index-banner .swiper-caption { position: absolute; right: 0; top: 50%; width: 770px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 60%; background-color: rgba(0, 51, 129, 0.73); color: #fff; padding: 2em 1.5em; font-size: 18px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .index-banner .swiper-caption article { line-height: 1.83; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 8.88em; overflow: hidden; } .index-banner .swiper-caption article > h2 { font-weight: normal; font-size: 1.94em; } .article-nav { padding: 0 5%; } .article-nav ul { width: 100%; display: table; table-layout: fixed; } .article-nav li { display: table-cell; vertical-align: top; text-align: center; padding: 70px 10px; padding: 0.58333rem .3125rem; } .article-nav .img img { height: 74px; height: 0.6166rem; } .article-nav header { font-size: 1.7em; margin-top: 1em; } @media screen and (max-width: 1600px) { .article-nav header { font-size: 18px; } } @media screen and (max-width: 1400px) { .article-nav header { font-size: 16px; } } .map-sec { padding: 40px 0; background: url("../images/gridbg.jpg") repeat center center; } .map-sec .fw-tel { margin-top: 30px; font-size: 0; letter-spacing: -3px; white-space: nowrap; display: inline-block; background-color: #003381; color: #fff; padding: 0.125rem .25rem; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align: left; } .map-sec .fw-tel > * { display: inline-block; letter-spacing: normal; font-size: 14px; font-size: 0.1167rem; vertical-align: middle; } .map-sec .fw-tel > img { margin-right: 10px; width: .45833rem; } .map-sec .fw-tel h2 { font-size: 1.7857em; } .map-sec .fw-tel p { font-size: 1.2857em; } .map-sec .map-box { max-width: 650px; margin-left: auto; margin-right: auto; margin-top: 30px; position: relative; } .map-sec .map-box > img { display: block; width: 100%; } .map-sec .pos-list { padding-top: 40px; font-size: 0; margin: -1.75% -2.75%; letter-spacing: -3px; } .map-sec .pos-list li { display: inline-block; font-size: 14px; letter-spacing: normal; width: 16.66%; padding: 1% 1.2%; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .map-sec .pos-list span { font-size: 1.7em; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e9e9e9; text-align: center; padding: .5em .4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #fff; background-color: #003381; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .map-sec .pos-list span:hover { background-color: #e23668; } .addrs li { position: absolute; width: 35px; background: url("../images/iconpos.png") no-repeat center center; -webkit-background-size: contain; background-size: contain; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .addrs li:hover { z-index: 2; } .addrs li:hover > span { z-index: 2; padding: .2em 1em; width: auto; -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .addrs li:before { content: ""; display: block; padding-top: 155%; } .addrs li > span { font-size: 1.143em; white-space: nowrap; position: absolute; top: 80%; left: 50%; background: #fff; border: 1px solid #e7e7e7; z-index: -1; width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; overflow: hidden; -webkit-transform: translate(20px, 20px); -moz-transform: translate(20px, 20px); -ms-transform: translate(20px, 20px); -o-transform: translate(20px, 20px); transform: translate(20px, 20px); opacity: 0; } .addrs li:nth-child(1) { left: 75.187%; top: 37.777%; } .addrs li:nth-child(2) { left: 85.93%; top: 62.62%; } .addrs li:nth-child(3) { left: 77.025%; top: 39.898989%; } .addrs li:nth-child(4) { left: 60.416%; top: 67.67%; } .addrs li:nth-child(5) { left: 86.88%; top: 33.333%; } .addrs li:nth-child(6) { left: 91.06%; top: 15.1515%; } .addrs li:nth-child(7) { left: 90.225%; top: 25.2525%; } .addrs li:nth-child(8) { left: 65.83%; top: 34.34%; } .addrs li:nth-child(9) { left: 67.916%; top: 46.4646%; } .addrs li:nth-child(10) { left: 78.529%; top: 48.484848%; } .addrs li:nth-child(11) { left: 70.83333%; top: 55.555%; } .addrs li:nth-child(12) { left: 73.517%; top: 43.4343%; } .addrs li:nth-child(13) { left: 83.333%; top: 56.5656%; } .addrs li:nth-child(14) { left: 50.125%; top: 65.6565%; } .addrs li:nth-child(15) { left: 72.681%; top: 83.838383%; } .addrs li:nth-child(16) { left: 68.3333%; top: 73.7373%; } .sec-header { text-align: center; font-size: 20px; } .sec-header h2 { font-size: 2.5em; font-size: 0.408rem; font-weight: normal; margin-top: .4em; color: #333; } .sec-header h2 span { display: inline-block; position: relative; padding: 0 .5em; } .sec-header h2 span:before, .sec-header h2 span:after { content: ""; display: block; position: absolute; top: 50%; border-top: 1px solid #cdcdcd; width: 100px; width: 0.83rem; } .sec-header h2 span:before { right: 100%; } .sec-header h2 span:after { left: 100%; } .sec-header small { font-size: 1em; margin-top: 1em; display: block; } .about-team { padding-top: 100px; padding-bottom: 100px; } .about-list { padding-top: 70px; font-size: 0; letter-spacing: -3px; margin: -14px; } .about-list li { display: inline-block; font-size: 14px; letter-spacing: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1em; width: 25%; color: #003381; } .about-list .inner { padding: 6.428% 8.92%; border: 1px solid #eeeeee; -webkit-border-radius: 3%; -moz-border-radius: 3%; border-radius: 3%; -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; } .about-list .inner:hover { background-color: #f6acc1; color: #fff; -webkit-box-shadow: 0 0 30px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 30px rgba(100, 100, 100, 0.4); box-shadow: 0 0 30px rgba(100, 100, 100, 0.4); } .about-list .inner:hover header a { color: #fff; } .about-list .inner:hover .get-more { background-color: #e83063; } .about-list .img { display: block; position: relative; } .about-list .img:before { content: ""; display: block; padding-top: 100%; } .about-list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .about-list header { font-size: 2em; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .8em; } .about-list header a { -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; color: #003381; } .about-list h3 { font-weight: normal; font-size: 1.2857em; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about-list article { margin-top: 1em; font-size: 1.2857em; text-align: center; line-height: 1.8; height: 7.2em; overflow: hidden; } .about-list .get-more { display: block; margin: 2.143em auto 0 auto; width: 40px; height: 40px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #003381; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .about-list .get-more:hover { background-color: #003d9b; } .about-list .get-more:before, .about-list .get-more:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; } .about-list .get-more:before { width: 50%; height: 4px; margin-left: -25%; margin-top: -2px; } .about-list .get-more:after { width: 4px; height: 50%; margin-left: -2px; margin-top: -25%; } .yltd-sec { margin-top: 100px; } .yltd-sec .swiper-next, .yltd-sec .swiper-prev { position: absolute; z-index: 2; top: 6.5em; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; cursor: pointer; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .yltd-sec .swiper-next:active, .yltd-sec .swiper-prev:active { background-color: #ce1849; } .yltd-sec .swiper-prev { left: -55px; background: #e73263 url("../images/swiperP.png") no-repeat center center; } .yltd-sec .swiper-next { right: -55px; background: #e73263 url("../images/swiperN.png") no-repeat center center; } .yltd-swiper { margin-top: 70px; padding: 20px 0; margin-right: -30px; margin-right: -0.25rem; } .yltd-swiper .swiper-slide { width: 400px; -webkit-transition: transform 0.35s 0s ease; -moz-transition: transform 0.35s 0s ease; transition: transform 0.35s 0s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; padding-right: 0.25rem; } .yltd-swiper .swiper-slide:hover { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .yltd-swiper .swiper-slide:hover article { background-color: #003381; color: #fff; } .yltd-swiper .swiper-slide:hover article:before { border-top-color: #003381; } .yltd-swiper article { -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; font-size: 1.143em; color: #666; line-height: 1.625; background-color: #f9f9f9; padding: 2.5em 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; } .yltd-swiper article .txt { height: 6.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .yltd-swiper article:before { content: ""; width: 0; height: 0; position: absolute; top: 100%; left: 10%; border: 10px solid transparent; border-top-color: #f9f9f9; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .yltd-swiper .summary { display: block; font-size: 0; letter-spacing: -3px; margin-top: 10%; } .yltd-swiper .summary > * { display: inline-block; font-size: 14px; letter-spacing: normal; vertical-align: middle; } .yltd-swiper .summary .img { position: relative; width: 20%; font-size: 0; } .yltd-swiper .summary .img:before { content: ""; display: block; padding-top: 100%; } .yltd-swiper .summary .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .yltd-swiper .summary .exp { width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5%; } .yltd-swiper .summary h3 { font-weight: normal; color: #333; font-size: 1.7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yltd-swiper .summary p { font-size: 1.4286em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .2em; } .gy-tabs { position: relative; font-size: 1.4386em; top: -1.4em; z-index: 2; } .gy-tabs .gy-table { display: table; table-layout: fixed; width: 845px; max-width: 100%; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 0 1em rgba(100, 100, 100, 0.5); -moz-box-shadow: 0 0 1em rgba(100, 100, 100, 0.5); box-shadow: 0 0 1em rgba(100, 100, 100, 0.5); } .gy-tabs li { display: table-cell; width: 25%; text-align: center; background-color: #fff; border-right: 1px solid #ccc; } .gy-tabs li > a { display: block; padding: .8em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .gy-tabs li > a:hover { background-color: #f3f3f3; } .gy-tabs li:last-child { border-right: none; } .gy-tabs li.active { background-color: #f3f3f3; } .gy-tabs img { max-width: 40%; } .gy-tabs p { color: #000; font-weight: bold; margin-top: .5em; } .gy-list { margin: -15px -20px; } .gy-list .grid-sizer { width: 50%; } .gy-list li { float: left; width: 50%; font-size: 1.143em; } .gy-list .grid-item { padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gy-list .inner { display: table; width: 100%; table-layout: fixed; -webkit-border-radius: 1.5%; -moz-border-radius: 1.5%; border-radius: 1.5%; overflow: hidden; -webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3); -moz-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3); box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3); } .gy-list .inner > * { display: table-cell; vertical-align: top; } .gy-list aside { width: 100px; width: 0.833rem; background-color: #8ca3c4; text-align: center; padding: 1.5em 0; } .gy-list aside img { width: 60%; } .gy-list section { background-color: #fff; padding: 1.5em; } .gy-list section header { font-size: 1.7em; color: #000; } .gy-list section .date { margin-top: .3em; } .gy-list section article { text-align: justify; margin-top: .3em; line-height: 1.5; } .gy-list section figure { margin-top: 1em; } .gy-list section figure img { max-width: 100%; } .gy-list section address { margin-top: 1em; } .gy-list section address img { margin-right: .8em; } .gy-list section address span { vertical-align: middle; border: 1px solid #ccc; line-height: 1.625em; display: inline-block; -webkit-border-radius: 0.8125em; -moz-border-radius: 0.8125em; border-radius: 0.8125em; padding: 0 .8em; } .gy-list .gy-wx aside { background-color: #8ca3c4; } .gy-list .gy-mx aside { background-color: #f09ab3; } .gy-list .gy-qt aside { background-color: #f295c4; } .edit-gy { margin-top: 2.9em; font-size: 1.7em; text-align: center; } .edit-gy a { display: inline-block; background-color: #e23668; color: #fff; padding: .4em 1.5em; -webkit-border-radius: 1.25em; -moz-border-radius: 1.25em; border-radius: 1.25em; -webkit-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 2px 3px rgba(100, 100, 100, 0.4); box-shadow: 0 2px 3px rgba(100, 100, 100, 0.4); -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .edit-gy a:hover { background-color: #c81d4f; } .edit-gy a:active { background-color: #e23668; } .gy-modal { font-size: 1.4286em; } .gy-modal .modal-dialog { width: 990px; max-width: 100%; margin: 50px auto; } .gy-modal .modal-content { padding: 5%; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .gy-modal .form-group .label { font-size: 1.4em; color: #000; } .gy-modal .form-group .label + * { margin-top: .8em; } .gy-modal .form-group + .form-group { margin-top: 1.5em; } .gy-modal .lf-main, .gy-modal .rt-main { width: 47%; } .gy-modal .gy-tabs { position: static; font-size: 1em; } .gy-modal .gy-tabs .gy-table { width: 100%; -webkit-box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); } .gy-modal .gy-tabs p { font-weight: normal; } .gy-modal .form-control { border: 1px solid #ccc; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .8em 1em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); box-shadow: 0 0 0.5em rgba(100, 100, 100, 0.3); } .gy-modal textarea.form-control { resize: vertical; height: 250px; } .gy-modal .upload-img { margin-top: 10px; } .gy-modal footer { text-align: center; margin-top: 2.8em; } .gy-modal .sub-btn { display: inline-block; width: 40px; height: 40px; background: #e23668 url("../images/iconchecked.png") no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .gy-modal .sub-btn:hover { background-color: #c81d4f; } .gy-modal .sub-btn:active { background-color: #e23668; } .uploaded-imgs { margin: -4px; padding-top: 0.75em; } .uploaded-imgs li { float: left; width: 20%; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uploaded-imgs li.uploaded .img { border: 1px solid #ccc; } .uploaded-imgs .delete { position: absolute; width: 12px; height: 12px; background: #333 url("../images/close.png") no-repeat center center; right: 4px; top: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*Mozilla*/ -moz-background-size: 50% auto; /*Webkit*/ -webkit-background-size: 50% auto; /*Oprea*/ -o-background-size: 50% auto; /*W3c��׼*/ background-size: 50% auto; } .uploaded-imgs .img { position: relative; display: block; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; border: 1px dashed #ccc; } .uploaded-imgs .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .upload-img .upload-btn { padding: 1em; border: 1px dashed #ccc; background-color: #f3f3f3; position: relative; border-radius: 10px; text-align: center; overflow: hidden; } .upload-img .upload-btn input[type="file"] { position: absolute; z-index: 1; opacity: 0; font-size: 1000px; cursor: pointer; } .upload-img .upload-btn > span { display: inline-block; } .upload-img .upload-btn > span img { width: 50px; } .upload-img .upload-btn > span p { margin-top: .5em; } .partner-list { margin-top: 4em; } .partner-item + .partner-item { margin-top: 3em; } .partner-item { font-size: 1.143em; padding-left: 90px; padding-bottom: 4em; position: relative; } .partner-item:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 23px; width: 4px; background-color: #003381; } .partner-item:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; border: 5px solid #e53465; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 15px; bottom: 0; background-color: #fff; } .partner-item > h2 { font-weight: normal; font-size: 2em; color: #333; margin-left: -90px; padding-left: 90px; position: relative; } .partner-item > h2:before, .partner-item > h2 .before { content: ""; display: block; position: absolute; z-index: 1; top: 50%; left: 0; width: 50px; height: 50px; background: #003381 url("../images/iconposwhite.png") no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*Mozilla*/ -moz-background-size: 45% auto; /*Webkit*/ -webkit-background-size: 45% auto; /*Oprea*/ -o-background-size: 45% auto; /*W3c��׼*/ background-size: 45% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .partner-item main { margin-top: 3em; } .partner-item section { padding-bottom: .8em; background-color: #e23668; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); overflow: hidden; } .partner-item .partner-tab { display: table; table-layout: fixed; width: 100%; } .partner-item .partner-tab > * { display: table-cell; padding: .5em 3%; vertical-align: top; } .partner-item .partner-tab li:first-child { width: 25.2777%; } .partner-item .partner-tab li:nth-child(2) { width: 18%; } .partner-item .partner-tab li:last-child { width: 18%; } .partner-item .partner-header { background-color: #003381; color: #fff; font-size: 1.5em; } .zhiwei-item { background-color: #fff; } .zhiwei-item .partner-tab { border-bottom: 1px solid #ccc; font-size: 1.125em; color: #000; background-color: #fff; cursor: default; } .zhiwei-item .partner-tab li { border-right: 1px solid #ccc; } .zhiwei-item .partner-tab li:last-child { border-right: none; } .zhiwei-item .zhiwei-xq { padding: 1.75em; line-height: 1.8; display: none; background-color: #fff; border-bottom: 1px solid #ccc; } .zhiwei-item article > h3 { font-weight: normal; font-size: 1em; color: #000; margin-top: 2em; } .zhiwei-item article .txt { padding-left: 2em; } .zhiwei-item .zhiwei-header { color: #000; } .tcnr-banner { padding-top: 35%; } .tcnr-banner .banner-imgcap { left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner-imgcap { position: absolute; top: 50%; left: 20%; max-width: 60%; max-height: 69%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .jlb-banner:before { display: none; } .jlb-sec { font-size: 1.143em; padding: 4.5em 0; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; background-color: #ffffff; } .jlb-summary { width: 93%; } .jlb-summary > h2 { font-size: 3em; } .jlb-summary article { margin-top: 2em; line-height: 1.875; word-break: break-all; } .jlb-tc { position: absolute; top: 0; left: 0; width: 100%; } .jlb-tc img { max-width: 100%; } .jlb-lf, .jlb-rt { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .jlb-lf img, .jlb-rt img { max-width: 100%; } .jlb-rt { float: right; } .jlb-rt .jlb-summary { float: right; } .tc-card { text-align: center; background-color: #9aaecb; width: 410px; max-width: 100%; padding: 3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: -2em; } .tc-card header { font-size: 2em; margin-top: .8em; } .tc-card ul { margin-top: 1em; font-size: 1.25em; } .tc-card li a { color: #fff; text-decoration: underline; } .tc-card li a:hover { color: #e23668; } .tc-card li + li { margin-top: .5em; } .jlb-hyqy { padding-bottom: 300px; } .jlb-hyqy .jlb-summary { color: #000; } .jlb-hyqy .hyqy-list { margin-top: 2em; color: #999; } .jlb-hyqy .hyqy-list img { margin-right: 1em; } .jlb-hyqy .jlb-tc > img { max-width: 90%; } .jlbjkjh-sec .jlb-summary { text-align: right; } .jlbjkjh-sec .jlb-tc { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); } .jlbjkjh-sec .tc-card { background-color: rgba(255, 255, 255, 0.5); } .jlbjkjh-sec .jkjh-summary h3 { font-weight: normal; font-size: 2em; } .jlbjkjh-sec .jkjh-summary h3 img { max-width: 1em; max-height: 1em; margin-right: .5em; } .jlbjkjh-sec .jkjh-summary li + li { margin-top: 2em; } .jlbxm-sec { font-size: 1.143em; padding: 4em 0; padding-bottom: 4em; background-color: #fff; } .jlbxm-sec header { color: #003381; text-align: center; } .jlbxm-sec header h2 { font-size: 3em; } .jlbxm-sec header small { color: #999; font-size: 1em; } .jlbxm-sec.fjxm { background-color: #f3f3f3; } .jlbxm-list { font-size: 14px; text-align: center; padding-top: 36px; font-size: 0; letter-spacing: -3px; margin: -2.9% 0; } .jlbxm-list li { display: inline-block; width: 106px; vertical-align: top; margin: 0; letter-spacing: normal; padding: 2.9%; width: 16.66666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .jlbxm-list img { max-width: 100%; } .jlbxm-list p { font-size: 20px; color: #003381; margin-top: .5em; } .jlbjj-sec { font-size: 1.143em; background-color: #fff; padding-top: 4em; padding-bottom: 4em; } .jlbjj-sec .logo { width: 17.5%; } .jlbjj-sec .logo img { max-width: 100%; } .jlbjj-sec section { margin-left: 17.5%; padding-left: 6.66%; } .jlbjj-sec section > h2 { font-size: 3em; color: #000; } .jlbjj-sec section ul { padding-top: 1.7em; margin: 0 -4.5%; } .jlbjj-sec section header { font-size: 2em; } .jlbjj-sec section article { line-height: 1.875; margin-top: 1em; } .jlbjj-sec section li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 4.5%; } .breadcrumb-wrap { background-color: #f3f3f3; padding-top: 1em; padding-bottom: 1em; } .breadcrumb { font-size: 1.143em; } .breadcrumb * { color: #333; } .breadcrumb a:hover { color: #e23668; } .breadcrumb span { color: #e23668; } .breadcrumb .index { width: 54px; height: 54px; width: 1rem; height: 1rem; max-width: 54px; max-height: 54px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: opacity 0.35s 0s ease; -moz-transition: opacity 0.35s 0s ease; transition: opacity 0.35s 0s ease; } .breadcrumb .index img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .breadcrumb .index:hover { opacity: .85; } .breadcrumb .index .hover { opacity: 0; } .tcd-section { background-color: #fff; padding-top: 3.57em; } .tcd-header { font-size: 1.143em; } .tcd-header h2 { font-size: 1.75em; font-weight: normal; color: #000; } .tcd-header small { display: block; font-size: 1em; margin-top: .5em; } .tcd-grid { margin-top: 2em; } .tcd-main { width: 75%; } .tcd-aside { width: 20.833%; } .tc-select { background-color: #f3f3f3; border: 1px solid #ddd; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); text-align: center; font-size: 1.143em; padding: 3em 1em; } .tc-select > header { font-size: 2em; color: #000; } .tc-option { margin-top: 2.5em; } .tc-option figure img { width: 60px; height: 60px; width: 1rem; height: 1rem; max-width: 60px; max-height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tc-option figure figcaption { font-size: 1.25em; color: #000; margin-top: .5em; } .tc-option ul { margin-top: 1em; } .tc-option ul li > img { margin-right: .5em; } .tc-option ul li + li { margin-top: .6em; } .tc-option ul a { border-bottom: 1px solid #999; vertical-align: middle; display: inline-block; padding-top: .2em; padding-bottom: .2em; } .tc-option ul a:hover { color: #e23668; border-color: #e23668; } .tcd-article img { max-width: 100%; } .partner-item.hzhb { font-size: 14px; } .partner-item.hzhb section { background-color: #fff; padding: 2%; } .partner-item.hzhb > h2:before { background-image: url('../images/iconhzhb.png'); } .partner-item.hzhb > h2.yypp-h:before { background-image: url('../images/iconyypp.png'); } .partner-item.hzhb > h2.xhjg-h:before { background-image: url('../images/iconxhjg.png'); } .xhjj-list { font-size: 1.143em; line-height: 1.875; margin: -5%; padding: 7% 9%; } .xhjj-list li + li { margin-top: .5em; } .hahb-list { font-size: 0; letter-spacing: -3px; } .hahb-list > li { width: 25%; display: inline-block; vertical-align: top; letter-spacing: normal; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .hahb-list figure { position: relative; } .hahb-list figure:before { content: ""; display: block; padding-top: 68%; } .hahb-list figure img { display: block; position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hahb-list p { font-size: 16px; margin-top: 1em; text-align: center; } .pb-divider { padding-bottom: 5em; } .jdsb-header { font-size: 2.57em; text-align: center; color: #000; padding: 1em 0; } .gsb-modal { font-size: 1.143em; } .gsb-modal .modal-dialog { margin: 80px 0; } .gsb-modal .modal-content { max-width: 990px; margin-left: auto; margin-right: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .gsb-modal .img-summary { padding: 3.5% 7%; } .gsb-modal .img-summary header { font-size: 1.75em; text-align: center; color: #000; } .gsb-modal .img-summary article { margin-top: 1em; line-height: 1.625; text-align: justify; overflow: auto; } .img-modal-swiper { max-height: 500px; overflow: hidden; } .img-modal-swiper .swiper-slide { width: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .img-modal-swiper .swiper-slide:before { content: ""; display: block; font-size: 0; padding-top: 50%; } .img-modal-swiper .swiper-next, .img-modal-swiper .swiper-prev { width: 40px; height: 40px; width: 1rem; height: 1rem; max-width: 40px; max-height: 40px; top: 50%; position: absolute; z-index: 3; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; /*Mozilla*/ -moz-background-size: 20% auto; /*Webkit*/ -webkit-background-size: 20% auto; /*Oprea*/ -o-background-size: 20% auto; /*W3c��׼*/ background-size: 20% auto; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .img-modal-swiper .swiper-next:hover, .img-modal-swiper .swiper-prev:hover { background-color: #c81d4f; } .img-modal-swiper .swiper-next:active, .img-modal-swiper .swiper-prev:active { background-color: #e23668; } .img-modal-swiper .swiper-prev { left: 40px; background: #e23668 url("../images/swiperP.png") no-repeat center center; } .img-modal-swiper .swiper-next { right: 40px; background: #e23668 url("../images/swiperN.png") no-repeat center center; } .cwyy-item section { background-color: #fff; padding-bottom: 0; } .cwyy-item .yy-info { padding: 6% 0; } .cwyy-item .ts-profile { display: none; } .yy-info { background-color: #fff; padding: 6% 0; } .yy-info .txt { float: left; width: 42%; } .yy-info .txt h2 { font-weight: normal; font-size: 2em; background-color: #003381; color: #fff; padding: .6em 1em; border-radius: 0 .3em .3em 0; } .yy-info .txt ul { padding: 1.5em 10%; } .yy-info .txt li + li { margin-top: 1em; } .yy-info .txt li { color: #333; padding: .6em 0 .6em 4em; line-height: 1.4286; position: relative; } .yy-info .txt li a { color: #333; } .yy-info .txt li a:hover { color: #e23668; border-bottom-color: #e23668; } .yy-info .txt li > img { width: 2.5em; position: absolute; left: 0; top: .2em; } .yy-info .txt li > span, .yy-info .txt li a { border-bottom: 1px solid #333; } .yy-info .ts-summary { padding: 6% 9%; text-align: justify; line-height: 1.875; } .yy-info .ts-img { overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); } .yy-info .ts-img img { width: 100%; } .partner-item > h2.ts-h:before { background-image: url('../images/iconts.png'); /*Mozilla*/ -moz-background-size: 55% auto; /*Webkit*/ -webkit-background-size: 55% auto; /*Oprea*/ -o-background-size: 55% auto; /*W3c��׼*/ background-size: 55% auto; } .partner-item > h2.td-h:before { background-image: url('../images/icontd.png'); /*Mozilla*/ -moz-background-size: 55% auto; /*Webkit*/ -webkit-background-size: 55% auto; /*Oprea*/ -o-background-size: 55% auto; /*W3c��׼*/ background-size: 55% auto; } .yy-profile .banner img { width: 100%; } .yy-profile article { padding: 1.5em 4%; line-height: 1.875; text-align: justify; } .map-panel { float: right; width: 50%; padding-right: 4%; } .map-panel #map { height: 300px; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .yy-team { position: relative; } .yy-team .team-card { padding: 6% 0; position: relative; z-index: 2; } .yy-team .team-card .img { margin-left: 10%; display: block; width: 30.5%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .yy-team .team-card .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .yy-team .team-card .txt { float: right; width: 50%; } .yy-team .team-card .txt > h2 { font-size: 2em; font-weight: normal; background-color: #003381; color: #fff; padding: .6em 1em; border-radius: .3em 0 0 .3em; } .yy-team .team-card .txt > h2 small { font-size: .6em; margin-left: 3em; } .yy-team .team-card .txt article { padding: 6% 8%; line-height: 1.875; } .yy-team .team-summary { padding: 3em 8% 5.5em; } .yy-team .team-summary table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .yy-team .team-summary table td { vertical-align: top; padding: 1em; } .yy-team .team-summary td:first-child { width: 1%; white-space: nowrap; color: #000; } .yy-team .team-summary td:first-child b { font-size: 1.2857em; font-weight: normal; } .yy-team .team-summary td:nth-child(2) { line-height: 1.875; } .expand-trigger.active:after { width: 0; opacity: 0; } .expand-trigger { position: absolute; left: 50%; bottom: 2em; width: 40px; height: 40px; width: .8rem; height: .8rem; max-width: 40px; max-height: 40px; background-color: #e23668; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; z-index: 5; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: background-color 0.2s 0s ease; -moz-transition: background-color 0.2s 0s ease; transition: background-color 0.2s 0s ease; } .expand-trigger:active { background-color: #c81d4f; } .expand-trigger:before, .expand-trigger:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; } .expand-trigger:before { width: 50%; height: 4px; } .expand-trigger:after { content: ""; height: 50%; width: 4px; -webkit-transition: all 0.2s 0s ease; -moz-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease; } .yy-team + .yy-team { margin-top: 3em; } .team-swiper .swiper-slide { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .team-swiper .swiper-slide:before { display: block; content: ""; font-size: 0; padding-top: 46.3%; } .team-hidden.show { position: static; opacity: 1; z-index: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .team-hidden { position: absolute; left: 0; right: 0; z-index: -1; opacity: 0; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; } .team-modal { font-size: 1.143em; } .team-modal .modal-dialog { max-width: 990px; margin: 80px auto; } .team-modal .modal-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .team-modal .team-profile { padding: 3em 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } .team-modal .team-profile .img { display: block; float: left; width: 40%; margin-left: 8%; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; } .team-modal .team-profile .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .team-modal .team-profile .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .team-modal .team-profile .exp { padding-top: 3em; float: right; width: 45%; } .team-modal .team-profile header { font-size: 2em; font-weight: normal; background-color: #003381; color: #fff; padding: .6em 1em; border-radius: .3em 0 0 .3em; } .team-modal .team-profile article { padding: 6% 10%; line-height: 1.875; font-size: 1.375em; } .team-modal .team-detail { padding: 3em 0 0 0; background-color: #f3f3f3; } .team-modal .team-detail article > h2 { display: inline-block; font-size: 2em; font-weight: normal; background-color: #003381; color: #fff; padding: .6em 5% .6em 10%; border-radius: 0 .3em .3em 0; } .team-modal .team-detail .txt { padding: 1em 10% 3em; line-height: 1.875; text-align: justify; font-size: 1.125em; } body.modal-open { overflow: hidden; } .jkbk-list { font-size: 1.143em; } .jkbk-list li { background-color: #fff; padding: 3%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 0.4); box-shadow: 0 0 5px rgba(100, 100, 100, 0.4); } .jkbk-list li:hover { -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); box-shadow: 0 0 20px rgba(100, 100, 100, 0.4); } .jkbk-list li:after { content: ""; display: table; clear: both; } .jkbk-list li + li { margin-top: 3%; } .jkbk-list .img { float: left; width: 20%; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 1px solid #ddd; } .jkbk-list .img:before { content: ""; display: block; font-size: 0; padding-top: 100%; } .jkbk-list .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .jkbk-list header { font-size: 1.75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jkbk-list header a { color: #333; } .jkbk-list header a:hover { color: #e23668; } .jkbk-list .exp { margin-left: 20%; padding-left: 3%; padding-top: 1em; } .jkbk-list article { line-height: 1.5; margin-top: 1em; max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .jkbk-list .get-more { display: inline-block; margin-top: 1em; background-color: #e23668; color: #fff; padding: .5em 1.5em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .jkbk-list .get-more:hover { background-color: #c81d4f; } .txt-wrap { font-size: 1.143em; line-height: 1.875; padding: 2em 0; text-align: justify; } .txt-wrap img { max-width: 100%; } .tj-panel { padding: 3em 0; font-size: 1.143em; } .tj-header { font-size: 2em; color: #000; text-align: center; } .tj-list { margin: -0.875em; padding-top: 2.5em; } .tj-list li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.875em; } .tj-list figure { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; } .tj-list figure:hover { -webkit-box-shadow: 0 0 1.5em rgba(100, 100, 100, 0.6); -moz-box-shadow: 0 0 1.5em rgba(100, 100, 100, 0.6); box-shadow: 0 0 1.5em rgba(100, 100, 100, 0.6); } .tj-list figure:hover .img { opacity: .85; } .tj-list figure:hover .progress { width: 100%; } .tj-list .img { display: block; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: opacity 0.35s 0s ease; -moz-transition: opacity 0.35s 0s ease; transition: opacity 0.35s 0s ease; } .tj-list .img:before { content: ""; display: block; font-size: 0; padding-top: 87.5%; } .tj-list .content { background-color: #fff; padding: 7% 9%; } .tj-list .progress { height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #e23668; width: 12%; -webkit-transition: width 0.5s 0s ease; -moz-transition: width 0.5s 0s ease; transition: width 0.5s 0s ease; } .tj-list h3 { font-weight: normal; font-size: 1.125em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .8em; } .tj-list h3 a { color: #000; } .tj-list p { line-height: 1.7; font-size: 0.875em; height: 3.4em; margin-top: .5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xw-pg { font-size: 1.143em; } .pg-pagination { text-align: center; font-size: 1.125em; margin-top: 3em; } .pg-pagination > * { background-color: #003381; line-height: 1; display: inline-block; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .pg-pagination > *:hover { opacity: .85; } .pg-pagination > * > * { display: block; color: #fff; padding: .5em 1em; } .pg-pagination > .active { background-color: transparent; } .pg-pagination > .active > * { color: #666; } .ts-panel { padding: 2em 0 5em; position: relative; } .ts-panel .expand-trigger:after { display: none; } .ts-header { font-size: 2em; font-weight: normal; background-color: #003381; color: #fff; padding: .6em 1em; border-radius: 0 .3em .3em 0; display: inline-block; } .tszl-item { padding-bottom: 0; } .tszl-item > h2 { cursor: pointer; } .ts-areas .cities { color: #333; } .ts-areas .cities > h5 { font-weight: normal; font-size: 1.4286em; } .ts-areas ul { padding: .5em 0; margin: 0 -1em; color: #003381; } .ts-areas ul li { display: inline-block; margin: 0 1em; font-size: 1.143em; } .ts-areas ul a { color: #003381; border-bottom: 1px solid #003381; } .px-summary { font-size: 1.143em; } .px-summary .container { padding-top: 2em; padding-bottom: 3em; } .px-summary aside { width: 207px; } .px-summary aside img { width: 100%; } .px-summary main { margin-left: 207px; padding-left: 7.3%; } .px-summary main h2 { font-size: 2em; color: #333; } .px-summary main article { margin-top: 1em; line-height: 1.5; text-align: justify; } .px-scenes { background-color: #cbd7e7; } .px-scenes ul { padding: 9px; } .px-scenes ul:after { content: ""; display: table; clear: both; } .px-scenes li { float: left; width: 16.666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px; } .px-scenes .img { display: block; position: relative; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; overflow: hidden; -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.4); box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.4); } .px-scenes .img:before { content: ""; display: block; font-size: 0; padding-top: 66.666%; } .px-scenes .img img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .px-team { font-size: 1.143em; } .px-team .container { padding-top: 4%; padding-bottom: 4%; } .px-team-main { max-width: 930px; margin-left: auto; margin-right: auto; } .px-team-main h2 { text-align: center; font-size: 2em; color: #333; } .px-team-main header { text-align: center; margin-top: 2em; line-height: 1.5; } .px-team-main section { position: relative; } .px-team-main section .logo { position: absolute; width: 15%; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pxteam-list { margin: 4.8% -4.8% 0; position: relative; } .pxteam-list:before { content: ""; display: block; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: url("../images/pxteambg.png") no-repeat center center; z-index: 1; -webkit-background-size: contain; background-size: contain; } .pxteam-list li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4%; } .pxteam-list li:first-child .inner { background-color: rgba(227, 55, 99, 0.5); } .pxteam-list li:nth-child(2) .inner { background-color: rgba(2, 53, 126, 0.5); } .pxteam-list li:nth-child(3) .inner { background-color: rgba(227, 55, 99, 0.5); } .pxteam-list li:nth-child(4) .inner { background-color: rgba(2, 53, 126, 0.5); } .pxteam-list .inner { color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 3% 5%; } .pxteam-list .inner h3 { font-weight: normal; font-size: 1.4286em; } .pxteam-list .inner p { line-height: 2; margin-top: .5em; height: 4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .jlb-sec.zxxt .jlb-summary > h2 { font-size: 2em; } .jlb-sec.zxxt .jlb-lf { width: 60%; text-align: justify; } .jlb-sec.zxxt .jlb-rt { width: 40%; } .jlb-sec.zxxt .jlb-tc { top: -4.5em; text-align: right; -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); transform: translateY(-15%); } .jlb-sec.zxxt .jlb-tc img { max-width: 80%; } .jlb-sec.pxpp-sec { color: #999; padding: 6em 0; } .jlb-sec.pxpp-sec .jlb-summary { text-align: right; padding-top: 3em; } .jlb-sec.pxpp-sec .jlb-summary > h2 { font-size: 2em; color: #333; } .bt-fixed-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 200; background-color: rgba(227, 55, 99, 0.9); display: none; color: #fff; } .bt-fixed-bar li { float: left; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bt-fixed-bar li a { font-size: .4rem; display: block; } .bt-fixed-bar li img { vertical-align: middle; height: .8rem; margin-right: 10px; } .bt-fixed-bar li span { vertical-align: middle; } .bt-fixed-bar li:last-child { border-left: 1px solid rgba(255, 255, 255, 0.5); } .bt-fixed-bar a { color: #fff; padding: 0.3rem 0; } .zp-section { background-color: #fff; padding: 2em 0; font-size: 1.143em; } .xyzw-header { background-color: #fafafa; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; position: relative; z-index: 2; cursor: pointer; } .xyzw-tabs { display: table; width: 100%; table-layout: fixed; font-size: 1.5em; color: #333; } .xyzw-tabs > * { display: table-cell; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.7em 1em; } .xyzw-tabs .name { width: 55%; } .xyzw-tabs .money { width: 6em; } .xyzw-item.expanded main { height: auto; -webkit-transition: all 0.35s 0s ease; -moz-transition: all 0.35s 0s ease; transition: all 0.35s 0s ease; position: relative; z-index: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .xyzw-item + .xyzw-item { margin-top: 1.25em; } .xyzw-item main { position: absolute; height: 0; z-index: -1; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; margin-top: 1.25em; background-color: #fafafa; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; } .xyzw-item main .xyzw-tabs { background-color: #003381; color: #fff; } .xyzw-item section { padding: 1.5em 1.5em 5em; } .xyzw-item .xyzw-title { color: #003381; font-size: 1em; line-height: 1; position: relative; padding-left: 1em; } .xyzw-item .xyzw-title:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #003381; } .xyzw-item .expand-trigger { bottom: 1em; } .xyzw-item .expand-trigger:after { display: none; } .xyzw-item article { padding: 1.5em; line-height: 1.875; } .xyzw-card { background-color: #fafafa; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); box-shadow: 0 0 10px rgba(100, 100, 100, 0.4); -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; } .xyzw-card header { padding: 1.5em 10%; text-align: center; } .xyzw-card header img { max-width: 90%; } .xyzw-card header h3 { font-weight: normal; color: #333; font-size: 1.25em; margin-top: .2em; } .xyzw-card .er-code { text-align: center; padding-bottom: 2em; margin-top: -0.5em; } .xyzw-card .er-code img { max-width: 80%; } .xyzw-card + .xyzw-card { margin-top: 1.85em; } .zyzw-nav { border-top: 1px solid #e1e1e1; text-align: center; padding: 1em 10%; font-size: 1.25em; line-height: 3em; } .zyzw-nav .active a { position: relative; } .zyzw-nav .active a:before { content: ""; position: absolute; width: 1em; height: 1em; top: 50%; margin-top: -0.5em; left: -1.9em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #e23668 url("../images/iconarrowrt.png") no-repeat center center; /*Mozilla*/ -moz-background-size: 60% auto; /*Webkit*/ -webkit-background-size: 60% auto; /*Oprea*/ -o-background-size: 60% auto; /*W3c��׼*/ background-size: 60% auto; } .zyzw-nav a { border-bottom: 1px solid #999; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .zyzw-nav a:hover { color: #333; border-color: #333; } .ques-header { font-size: 1.5em; color: #333; border-bottom: 1px solid #cccccc; padding-bottom: .5em; } .ques-main { padding: 1.5em 0 0; } .ques-item + .ques-item { margin-top: 2em; } .ques-item > h2 { font-weight: normal; font-size: 1em; color: #003381; } .ques-item > h2 b { font-size: 1.8em; } .ques-item article { margin-top: 1em; color: #333; line-height: 1.8; text-align: justify; } .ques-item article b { font-size: 1.8em; color: #e23668; line-height: 1; } .ques-item article span > * { display: inline; } .lc-item section { padding: 2em 0 0; color: #333; line-height: 1.8; } .lc-item section > h2 { font-size: 1em; line-height: 1; color: #333; position: relative; padding-left: .8em; } .lc-item section > h2:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #e23668; } .lc-item img { max-width: 100%; } .lc-item + .lc-item { margin-top: 2em; } .bdsq-fix { position: fixed; right: 0; z-index: 50; top: 65%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.143em; } .bdsq-fix .consult { background-color: #e23668; color: #fff; text-align: center; white-space: nowrap; padding: .6em 1em; } .bdsq-fix .consult a { color: #fff; } .bdsq-fix .consult img { width: 32px; margin-right: 1em; } .bdsq-fix .consult em { vertical-align: middle; } .bdsq-fix .weixin { text-align: center; background-color: #f5aec1; color: #fff; } .bdsq-fix .weixin .img { padding: 1em; } .bdsq-fix .weixin img { max-width: 100px; } .bdsq-fix .weixin p { font-size: 14px; border-top: 1px dashed #fff; padding: .5em 0; white-space: nowrap; } .baike-list { padding-top: 40px; } .bk-item.open > header i:after { height: 0; } .bk-item + .bk-item { margin-top: 1.4286em; } .bk-item { -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .bk-item > header { font-size: 1.7em; background-color: #003381; color: #fff; padding: 10px 2.5%; position: relative; } .bk-item > header h2 { font-size: 1em; } .bk-item > header i { position: absolute; width: 24px; height: 24px; right: 1em; top: 50%; cursor: pointer; margin-top: -12px; } .bk-item > header i:before, .bk-item > header i:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .bk-item > header i:before { width: 75%; height: 4px; } .bk-item > header i:after { width: 4px; height: 75%; } .bk-item > section { background-color: #fff; padding: 2.5%; display: none; } .bk-item .tab-pane { padding: 3%; margin-top: 20px; background-color: #e2e2e2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .bk-options { font-size: 0; letter-spacing: -3px; margin: -2px; } .bk-options > li { display: inline-block; letter-spacing: normal; font-size: 16px; text-align: center; width: 16.666%; vertical-align: top; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bk-options > li > * { display: block; background-color: #fff; color: #003381; padding: .7em .5em; cursor: pointer; } .bk-tabs { font-size: 0; letter-spacing: -3px; margin: -3px; } .bk-tabs > li { display: inline-block; letter-spacing: normal; font-size: 18px; text-align: center; width: 16.666%; vertical-align: top; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bk-tabs > li > * { display: block; background-color: #003381; color: #fff; padding: .7em .5em; cursor: pointer; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } .bk-tabs > li > *:hover { background-color: #e23668; } .bk-tabs .active > * { background-color: #e23668; } ³èÎïÔÚÏß×ÉѯÃâ·Ñ