@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;
}
³èÎïÔÚÏß×ÉѯÃâ·Ñ