/* Reset Css */
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

a:focus, a:hover {
    text-decoration: none;
}

h1.title {
    margin: 10px 0 10px;
    font-size: 25px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #666;
    font-family: Oswald, sans-serif;
    text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

.navbar-nav > li > a {
    line-height: inherit;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}

fieldset, img {
    border: 0;
    outline: medium none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

address, caption, cite, code, dfn, em, th, var {
    font-weight: normal;
    font-style: normal;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

[hidden], script {
    display: none;
}

a {
    text-decoration: none;
    outline: medium none;
}

input, textarea {
    outline: medium none;
}

fieldset, img {
    border: 0;
    outline: medium none;
}

/* Common */
html, body {
    font-size: 14px;
    font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    color: #444;
    background: #FFF;
}

input, label {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
}

textarea {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
}

img {
    font-size: 12px;
    vertical-align: top;
}

a {
    color: #666;
}

p {
    word-break: break-all;
    word-wrap: break-word;
}

.l {
    float: left;
}

.r {
    float: right;
}

.wrap {
    width: 1100px;
    margin: 0 auto;
}

.aft:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
    font-size: 0;
    visibility: hidden;
}

.transition {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.box-sizing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'baskerville';
    src: url('../fonts/baskerville-regular-webfont.eot');
    src: url('../fonts/baskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/baskerville-regular-webfont.woff2') format('woff2'),
    url('../fonts/baskerville-regular-webfont.woff') format('woff'),
    url('../fonts/baskerville-regular-webfont.ttf') format('truetype'),
    url('../fonts/baskerville-regular-webfont.svg#baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebas.eot');
    src: url('../fonts/bebas.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebas.woff2') format('woff2'),
    url('../fonts/bebas.woff') format('woff'),
    url('../fonts/bebas.ttf') format('truetype'),
    url('../fonts/bebas.svg#baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* swiper css */
.swiper-container {
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-property: -webkit-transform, left, top;
    -moz-transition-property: -moz-transform, left, top;
    -o-transition-property: -o-transform, left, top;
    transition-property: transform, left, top;
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    transform: translate3d(0px, 0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
}

.swiper-slide {
    height: 100%;
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*HD & FT*/
.header {
    height: 99px;
    /*border-bottom: 1px solid #364077;*/
    /*border-bottom: 1px solid #da938a;*/
    background-color: #fff;
}

.header .logo {
    float: left;
    padding-top: 26px;
    height: 85px;
    font-size: 0;
    line-height: 1;
    -moz-user-select: none;
}

.header .logo img {
    height: 100%;
}

.header .hd-row {
    float: right;
}

.header .hd-row .lang {
    text-align: right;
    margin-top: 15px;
    color: #FC9503;
}

.header .hd-row .lang a {
    color: #FC9503;
}

.header .hd-row .nav {
    /*overflow: hidden;*/
    /*margin-top: 14px;*/
    padding-bottom: 10px;
}

.header .hd-row .nav .m-menu {
    float: right;
    display: none;
    width: 40px;
    height: 26px;
    background: url(../images/m-menu.png) center center no-repeat;
    filter: brightness(0.75);
}

.header .hd-row .nav li {
    float: left;
    margin-left: 39px;
}

.header .hd-row .nav li a {
    color: #555;
    font-size: 16px;
}

.header .hd-row .nav li a:hover {
    color: #444;
    font-weight: bold;
}

.header .hd-row .nav li.cur a {
    color: #444;
}

.header .hd-row .nav li a#current {
    /*color: #FC9503;*/
    font-weight: bold;
}

.header-index {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    /*background-color: rgba(31, 42, 104, 1);*/
    background-color: white;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.header-index .hd-row .nav li a {
    text-shadow: 0 0 3px #eee;
}

h2.title {
    font-size: 20px;
    line-height: 40px;
    margin: 20px 0
}

.breadcrumb-wrapper {
    background: #FAFAFA;
    /*border: 1px solid #DDD;*/
    /*-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);*/
    /*box-shadow: 0 0 3px rgba(0, 0, 0, .1);*/
    /*border: 1px solid #f2f2f2;*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#fafafa));
    background: -webkit-linear-gradient(top, #f8f8f8, #fafafa);
    background: -moz-linear-gradient(top, #f8f8f8, #fafafa);
    background: -ms-linear-gradient(top, #f8f8f8, #fafafa);
    background: -o-linear-gradient(top, #f8f8f8, #fafafa)
}

.breadcrumbs {
    margin: 24px 0
}

.breadcrumbs ul li {
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
    color: #9e9e9e;
    margin: 0 0 0 5px
}

.breadcrumbs ul li a {
    color: #898989;
    font-weight: 600
}

.breadcrumbs ul li:first-child {
    margin-left: 2px !important
}

.breadcrumbs ul li:first-child:before, .breadcrumbs ul li:nth-child(2):before {
    content: " ";
    margin: 0
}

.breadcrumbs ul li:before {
    color: #9e9e9e;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    margin: 0 9px 0 0
}

.pagination {
    margin: 40px 0 60px;
}

.pagination > li > a, .pagination > li > span {
    border-radius: 0 !important;
}

.menu ul ul {
    background-color: #252c34;
    z-index: 999;
    border-radius: 0 0 3px 3px;
    margin: -3px 0 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.menu ul ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 175px;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer {
    background-color: #12171c;
}

.footer .ft-nav {
    height: 94px;
    /*border-bottom: 1px solid #1C3045;*/
}

.footer .ft-nav li {
    float: left;
    /*line-height: 94px;*/
    /*margin-left: 47px;*/
}

.footer .ft-nav .sf-menu ul {
    background: #b74804;
}

.footer .ft-nav .sf-menu ul li:first-child {
    border: none;
}

.footer .ft-nav .sf-menu ul li {
    padding: 7px 10px;
    border-top: 1px solid #b16e6e;
    width: 100%;
    text-align: center;
}

.footer .ft-nav li:first-child {
    margin-left: 0;
}

.footer .ft-nav li a {
    color: #e2e2e2;
    font-size: 14px;
}

.footer .ft-nav li a:hover {
    color: #FFF;
    margin-left: 0;
}

.footer .ft-cont {
    width: 1100px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
}

.footer .ft-cont .ftc-text {
    margin-top: 20px;
    float: left;
}

.footer .ft-cont .ftc-text .ft-logo {
    margin: 10px 0 20px;
    width: 202px;
    height: 69px;
    font-size: 0;
    line-height: 1;
    -moz-user-select: none;
}

.footer .ft-cont .ftc-text .ft-copyright {
    color: #bbb;
    font-size: 14px;
    white-space: pre;
    line-height: 25px;
}

.footer .ft-cont .ftc-text .ft-copyright a {
    color: #bbb;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.footer .ft-cont .ftc-text .ft-copyright a:hover {
    color: #fff;
}

.footer .ft-cont .ftc-content {
    float: right;
    /*margin-top: 40px;*/
}

.footer .ft-cont .ftc-content .tel {
    float: left;
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
}

.footer .ft-cont .ftc-content .tel p.num {
    margin-top: 7px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.footer .ft-cont .ftc-content .wechat {
    float: right;
    margin-left: 20px;
    width: 74px;
    height: 74px;
    /*padding: 3px 3px;*/
    /*background-color: #FFF;*/
    font-size: 0;
    line-height: 1;
}

.footer .ft-cont .ftc-content .wechat img {
    width: 74px;
    height: 74px;
}


/* index */
.islide {
    height: 650px;
    overflow: hidden;
}

.islide .swiper-wrapper {
    height: 100%;
}

.islide .swiper-slide a {
    display: block;
    height: 100%;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.iabout {
    padding: 61px 0 46px;
    background-color: #F2F2F2;
    overflow: hidden;
}

.iabout .left-text {
    float: left;
    width: 510px;
}

.iabout .left-text .title {
    padding-top: 10px;
}

.iabout .left-text .title span.zh {
    color: /*#0990ED*/ #555;
    font-size: 30px;
    font-weight: 700;
}

.iabout .left-text .title span.en {
    margin-left: 15px;
    color: #555;
    font-size: 24px;
    font-style: italic;
    font-family: 'baskerville', Arial;
}

.iabout .left-text .cont {
    margin-top: 18px;
}

.iabout .left-text .cont .text {
    color: #555;
    font-size: 14px;
    line-height: 32px;
}

.iabout .left-text .cont .list {
    margin-top: 30px;
    overflow: hidden;
}

.iabout .left-text .cont .list li {
    float: left;
    margin-left: 50px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #FFF;
    overflow: hidden;
    text-align: center;
}

.iabout .left-text .cont .list li:first-child {
    margin-left: 0;
}

.iabout .left-text .cont .list li span.num {
    display: block;
    color: #0083CC;
    font-size: 14px;
    margin-top: 30px;
}

.iabout .left-text .cont .list li span.num em {
    font-size: 22px;
    font-weight: 700;
}

.iabout .left-text .cont .list li span.word {
    display: block;
    margin-top: 7px;
    color: #555;
    font-size: 12px;
}

.iabout .right-video {
    float: right;
    width: 520px;
}

.iabout .right-video .video-box {
    height: 315px;
}

.iabout .right-video .video-box .video-js {
    height: 100%;
}

.iabout .right-video .video-box .vjs-default-skin .vjs-control-bar {
    display: none;
}

.iabout .right-video .video-box .vjs-user-active .vjs-control-bar {
    display: block;
}

.iabout .right-video .video-box .vjs-default-skin .vjs-big-play-button {
    margin-top: -35px;
}

.iabout .right-video a.morevideo {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 26px;
    border-radius: 0 0 3px 3px;
    background-color: #FFF;
    color: #555;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}

.iabout .right-video a.morevideo:hover {
    background-color: #FC9503;
    color: #FFF;
}

.iblock-hd {
    overflow: hidden;
}

.iblock-hd .title {
    float: left;
}

.iblock-hd .title h4 {
    color: #555;
    font-size: 30px;
    font-weight: 700;
}

.iblock-hd .title p {
    margin-top: 8px;
    color: #555;
    font-size: 12px;
}

.iblock-hd .morelink {
    float: right;
    line-height: 26px;
}

.iblock-hd .morelink a {
    color: #555;
    font-size: 14px;
}

.iblock-hd .morelink a:hover {
    text-decoration: underline;
}

.inews {
    padding: 50px 0;
    overflow: hidden;
}

.inews .inews-hot {
    float: left;
    margin-top: 27px;
    width: 415px;
    height: 360px;
    background-color: #F2F2F2;
}

.inews .inews-hot .inhot-slide {
    width: 100%;
    height: 242px;
    position: relative;
    -moz-user-select: none;
}

.inews .inews-hot .inhot-slide .swiper-slide a {
    display: block;
    height: 242px;
    overflow: hidden;
    font-size: 0;
}

.inews .inews-hot .inhot-slide .swiper-slide a img {
    width: 100%;
    height: 100%;
}

.inews .inews-hot .inhot-slide .prev {
    width: 30px;
    height: 65px;
    background: url(../images/inhot-slide-arrow.png) 0 0 no-repeat rgba(255, 255, 255, .3);
    cursor: pointer;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 89px;
    z-index: 9;
}

.inews .inews-hot .inhot-slide .next {
    width: 30px;
    height: 65px;
    background: url(../images/inhot-slide-arrow.png) -30px 0 no-repeat rgba(255, 255, 255, .3);
    cursor: pointer;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 89px;
    z-index: 9;
}

.inews .inews-hot .inhot-list {
    overflow: hidden;
    height: 118px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inews .inews-hot .inhot-list li {
    display: none;
}

.inews .inews-hot .inhot-list li.act {
    display: block;
}

.inews .inews-hot .inhot-list li h5 {
    margin-top: 18px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.inews .inews-hot .inhot-list li h5:before {
    display: inline-block;
    vertical-align: middle;
    content: 'HOT';
    margin-right: 12px;
    width: 50px;
    height: 20px;
    border-radius: 20px;
    background-color: #EE8223;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    line-height: 20px;
    text-align: center;
}

.inews .inews-hot .inhot-list li p {
    margin-top: 10px;
    color: #555;
    font-size: 14px;
    line-height: 26px;
}

.inews .inews-hot .inhot-list li p a {
    color: #EE8223;
}

.inews .inews-hot .inhot-list li p a:hover {
    text-decoration: underline;
}

.inews .inews-list {
    overflow: hidden;
    float: right;
    margin-top: 27px;
    width: 645px;
}

.inews .inews-list li {
    height: 100px;
    overflow: hidden;
    margin-top: 30px;
    background-color: #F2F2F2;
}

.inews .inews-list li:first-child {
    margin-top: 0;
}

.inews .inews-list li a {
    display: block;
    height: 100%;
}

.inews .inews-list li .date {
    float: left;
    width: 100px;
    height: 100px;
    background-color: #B4B4B4;
    text-align: center;
    color: #FFF;
}

.inews .inews-list li .date .day {
    margin-top: 23px;
    font-size: 36px;
}

.inews .inews-list li .date .month {
    margin-top: 10px;
    font-size: 14px;
}

.inews .inews-list li:hover .date {
    background-color: #266cd0;
}

.inews .inews-list li .cont {
    overflow: hidden;
    padding-left: 24px;
    padding-right: 40px;
}

.inews .inews-list li .cont .title {
    margin-top: 20px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
}

.inews .inews-list li .cont .text {
    margin-top: 10px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.iactivity {
    padding: 50px 0 60px;
    background-color: #F2F2F2;
}

.iactivity .iactivity-list {
    margin-top: 40px;
    overflow: hidden;
}

.iactivity .iactivity-list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.iactivity .iactivity-list li {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.iactivity .iactivity-list li:nth-child(2) {
    margin: 0 40px;
}

.iactivity .iactivity-list li a {
    display: block;
    overflow: hidden;
}

.iactivity .iactivity-list li .pic {
    font-size: 0;
    line-height: 1;
}

.iactivity .iactivity-list li .pic img {
    width: 100%;
}

.iactivity .iactivity-list li .cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: rgba(8, 144, 237, .8);
    color: #FFF;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.iactivity .iactivity-list li .cont .text {
    padding: 0 5%;
    margin-top: 85px;
    font-size: 16px;
    line-height: 30px;
}

.iactivity .iactivity-list li .cont .date {
    padding: 0 5%;
    margin-top: 25px;
    overflow: hidden;
    font-size: 14px;
}

.iactivity .iactivity-list li .cont .date span.r {
    display: block;
    padding-right: 30px;
    background: url('../images/iact-arrow.png') right center no-repeat;
}

.iactivity .iactivity-list li:hover .cont {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.istory {
    padding: 50px 0 60px;
}

.istory .istory-list {
    margin-top: 40px;
}

.istory .istory-list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    overflow: hidden;
}

.istory .istory-list li {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    overflow: hidden;
    background-color: #F2F2F2;
}

.istory .istory-list li:nth-child(2) {
    margin: 0 40px;
}

.istory .istory-list li a {
    display: block;
    overflow: hidden;
}

.istory .istory-list li .pic {
    font-size: 0;
    line-height: 1;
}

.istory .istory-list li .pic img {
    width: 100%;
}

.istory .istory-list li .text {
    padding: 4% 5%;
    color: #555;
}

.istory .istory-list li .text h5 {
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}

.istory .istory-list li .text p {
    font-size: 14px;
    line-height: 30px;
}

.istory .istory-list li:hover {
    background-color: #0890ED;
}

.istory .istory-list li:hover .text {
    color: #FFF;
}

.icase {
    padding: 50px 0 60px;
    background-color: #F2F2F2;
}

.icase .icase-list {
    overflow: hidden;
    margin-top: 40px;
}

.icase .icase-list ul {
    overflow: hidden;
    width: 1140px;
    margin-left: -40px;
    margin-top: -40px;
}

.icase .icase-list li {
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    width: 340px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.icase .icase-list li a {
    display: block;
    overflow: hidden;
}

.icase .icase-list li .pic {
    height: 300px;
    font-size: 0;
    line-height: 1;
}

.icase .icase-list li .pic img {
    width: 100%;
    height: 100%;
}

.icase .icase-list li .text {
    width: 100%;
    height: 40px;
    background-color: #266cd0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    color: #FFF;
    line-height: 40px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.icase .icase-list li .text span.l {
    font-size: 16px;
}

.icase .icase-list li .text span.r {
    font-size: 14px;
}

.icase .icase-list li:hover .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.iguestbook {
    padding: 50px 0;
}

.iguestbook .igb-title {
    overflow: hidden;
}

.iguestbook .igb-title .l {
    padding-left: 62px;
    height: 39px;
    background: url(../images/igb-icon.png) 0 center no-repeat;
    color: #999;
    font-size: 12px;
}

.iguestbook .igb-title .l p.fz24 {
    padding-bottom: 3px;
    color: #555;
    font-size: 24px;
}

.iguestbook .igb-title .r a {
    display: block;
    height: 18px;
    padding-left: 22px;
    margin-top: 20px;
    margin-right: 4px;
    background: url(../images/igb-qq.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.iguestbook .igb-title .r a:hover {
    text-decoration: underline;
}

.iguestbook .igb-form {
    margin-top: 40px;
    overflow: hidden;
}

.iguestbook .igb-form .input-box {
    float: left;
}

.iguestbook .igb-form .input-box p {
    overflow: hidden;
    margin-bottom: 10px;
}

.iguestbook .igb-form .input-box p input[type="text"] {
    width: 300px;
    height: 40px;
    margin-right: 30px;
    border: 1px solid #C9C9C9;
    padding: 0 13px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
}

.iguestbook .igb-form .input-box p input[type="email"] {
    width: 300px;
    height: 40px;
    margin-right: 30px;
    border: 1px solid #C9C9C9;
    padding: 0 13px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
}

.iguestbook .igb-form .textarea {
    float: right;
}

.iguestbook .igb-form .textarea textarea {
    display: inline-block;
    vertical-align: middle;
    width: 340px;
    height: 90px;
    border: 1px solid #C9C9C9;
    border-right: none;
    padding: 5px 13px;
    border-radius: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    resize: none;
}

.iguestbook .igb-form .textarea input[type="submit"] {
    vertical-align: middle;
    width: 100px;
    height: 90px;
    border: none;
    border-radius: 0 5px 5px 0;
    background-color: #0890ED;
    color: #FFF;
    font-size: 18px;
}

/* inner pages */
.inner-nav {
    padding: 40px 0;
}

.inner-nav .thispage {
}

.inner-nav .thispage span {
    display: inline-block;
    vertical-align: middle;
}

.inner-nav .thispage span.en {
    color: #555;
    font-size: 30px;
    font-family: Arial;
    text-transform: uppercase;
}

.inner-nav .thispage span.zh {
    color: #0990ED;
    font-size: 24px;
    line-height: 30px;
    margin-left: 10px;
}

.inner-nav .navlist {
    overflow: hidden;
    margin-top: 40px;
}

.inner-nav .navlist li {
    float: left;
    padding: 0 30px 1px;
    background: url(../images/inner-nav-line.png) 0 center no-repeat;
}

.inner-nav .navlist li:first-child {
    padding-left: 0;
    background: none;
}

.inner-nav .navlist li a {
    color: #555;
    font-size: 16px;
}

.inner-nav .navlist li a:hover {
    color: #0990ED;
}

.inner-nav .navlist li.cur a {
    color: #0990ED;
}

.inner-hr {
    height: 6px;
    background-color: #EBEBEB;
}

.about-article {
    width: 100%;
    overflow: hidden;
}

.about-article img {
    max-width: 100%;
}

.about-article .top-pic {
    height: 450px;
}

.about-article .about-show {
    padding: 40px 0;
    color: #555;
    font-size: 14px;
    line-height: 32px;
}

.about-article .about-show .about-honor {
    overflow: hidden;
}

.about-article .about-show .about-honor ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.about-article .about-show .about-honor li {
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    -o-flex: auto;
    flex: auto;
    text-align: center;
    padding: 40px 0 20px;
}

.about-article .about-show .about-honor li img {
    border: 1px solid #EEE;
}

.about-article .mid-pic {
    height: 300px;
}

.about-article .top-pic-2 {
    height: 300px;
}

.about-article .dev-list {
    padding: 30px 0 30px 88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.about-article .dev-list:before {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #DCDCDC;
    position: absolute;
    left: 29px;
    top: 0;
}

.about-article .dev-list li {
    padding: 40px 0 35px;
    border-top: 1px solid #DCDCDC;
    position: relative;
    cursor: default;
}

.about-article .dev-list li:first-child {
    border-top: none;
}

.about-article .dev-list li:before {
    display: block;
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background: url(../images/dev-li-icon.png) center center no-repeat #6B7B93;
    position: absolute;
    left: -80px;
    top: 34px;
    z-index: 9;
}

.about-article .dev-list li .date {
    width: 195px;
    height: 32px;
    background: url(../images/dev-li-date.png) 0 0 no-repeat;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
}

.about-article .dev-list li .cont {
    overflow: hidden;
}

.about-article .dev-list li .text {
    float: left;
    width: 630px;
    margin-top: 15px;
    color: #555;
    font-size: 14px;
    line-height: 25px;
}

.about-article .dev-list li .text p {
    position: relative;
    padding-left: 20px;
}

.about-article .dev-list li .text p:before {
    content: "●";
    position: absolute;
    left: 0px;
    color: #FC9503;
    font-size: 12px;
}

.about-article .dev-list li .pic {
    float: right;
    width: 200px;
    margin-top: 16px;
    margin-right: 10px;
}

.about-article .dev-list li .pic img {
    width: 200px;
}

.about-article .dev-list li:hover:before {
    background-color: #FC9503;
}

.about-article .dev-list li:hover .date {
    background-position: 0 -32px;
}

.about-article .dev-list .ajax-more {
    margin-bottom: 60px;
    height: 44px;
    background-color: #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.about-article .dev-list .ajax-more span {
    display: inline-block;
    padding-left: 40px;
    height: 44px;
    background: url(../images/ajax-more.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 44px;
}

.about-article .honor-list {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 50px;
}

.about-article .honor-list .honor-list-item {
    margin-top: 10px;
    overflow: hidden;
}

.about-article .honor-list .honor-list-item .hli-hd {
    height: 50px;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 15px;
    overflow: hidden;
    background: url(../images/honor-year-arrow.png) right center no-repeat;
}

.about-article .honor-list .honor-list-item .hli-hd .year {
    padding-left: 39px;
    margin-top: 11px;
    height: 30px;
    background: url(../images/honor-year-icon.png) 0 center no-repeat;
    color: #555;
    font-size: 18px;
    line-height: 30px;
}

.about-article .honor-list .honor-list-item ul {
    overflow: hidden;
    width: 1146px;
    margin-left: -46px;
}

.about-article .honor-list .honor-list-item li {
    float: left;
    width: 240px;
    margin-left: 46px;
    margin-top: 25px;
    cursor: pointer;
}

.about-article .honor-list .honor-list-item li .pic {
    width: 238px;
    height: 178px;
    border: 1px solid #E5E5E5;
    background-color: #F2F2F2;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    text-align: center;
}

.about-article .honor-list .honor-list-item li .pic img {
    max-width: 100%;
    max-height: 100%;
}

.about-article .honor-list .honor-list-item li .title {
    height: 50px;
    color: #555;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}

.about-article .honor-ajax-more {
    margin: 30px auto 70px;
    height: 44px;
    background-color: #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.about-article .honor-ajax-more span {
    display: inline-block;
    padding-left: 40px;
    height: 44px;
    background: url(../images/ajax-more.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 44px;
}

.about-article .culture-list {
    margin-top: 10px;
    overflow: hidden;
}

.about-article .culture-list .cl-block {
    overflow: hidden;
    margin-top: 30px;
}

.about-article .culture-list .cl-block .clb-1 {
    float: right;
    width: 530px;
    overflow: hidden;
}

.about-article .culture-list .cl-block .clb-1 .text {
    float: left;
    width: 330px;
    padding: 0 30px;
    background-color: #EBEBEB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-article .culture-list .cl-block .clb-1 .text .box {
    display: table-cell;
    vertical-align: middle;
    height: 240px;
}

.about-article .culture-list .cl-block .clb-1 .text h4 {
    margin-bottom: 25px;
    color: #1F2A68;
    font-size: 18px;
}

.about-article .culture-list .cl-block .clb-1 .text p {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.about-article .culture-list .cl-block .clb-1 .pic {
    float: right;
    width: 190px;
    height: 240px;
    font-size: 0;
    line-height: 1;
}

.about-article .culture-list .cl-block .clb-1 .pic img {
    width: 100%;
    height: 100%;
}

.about-article .culture-list .cl-block .clb-1:first-child {
    float: left;
}

.about-article .culture-list .cl-block .clb-1 .row-pic {
    width: 100%;
    height: 170px;
}

.about-article .culture-list .cl-block .clb-1 .row-text {
    height: 170px;
    padding: 0 30px;
    background-color: #EBEBEB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-article .culture-list .cl-block .clb-1 .row-text .box {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 170px;
}

.about-article .culture-list .cl-block .clb-1 .row-text h4 {
    margin-bottom: 20px;
    color: #1F2A68;
    font-size: 18px;
}

.about-article .culture-list .cl-block .clb-1 .row-text p {
    color: #555;
    font-size: 14px;
    line-height: 30px;
    white-space: pre;
}

.about-article .culture-list .cl-block .clb-1 .block-text {
    height: 240px;
    padding: 0 30px;
    background-color: #EBEBEB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-article .culture-list .cl-block .clb-1 .block-text .box {
    display: table-cell;
    vertical-align: middle;
    height: 240px;
}

.about-article .culture-list .cl-block .clb-1 .block-text h4 {
    margin-bottom: 25px;
    color: #1F2A68;
    font-size: 18px;
}

.about-article .culture-list .cl-block .clb-1 .block-text p {
    color: #555;
    font-size: 14px;
    line-height: 30px;
    white-space: pre;
}

.about-article .culture-list .cl-block .clb-1 .block-pic {
    font-size: 0;
    line-height: 1;
}

.about-article .culture-list .cl-block .clb-1 .block-pic img {
    width: 260px;
    height: 240px;
}

.about-article .culture-list .cl-block .clb-1 .block-pic img:first-child {
    margin-right: 10px;
}

.about-article .culture-unit {
    margin-top: 50px;
    padding: 50px 0;
    background-color: #EBEBEB;
}

.about-article .culture-unit .title {
    height: 90px;
    background-color: #1F2A68;
    color: #FFF;
    font-size: 24px;
    line-height: 90px;
    text-align: center;
}

.about-article .culture-unit .cu-list {
    overflow: hidden;
}

.about-article .culture-unit .cu-list ul {
    overflow: hidden;
    width: 1120px;
    margin-left: -20px;
    margin-top: 10px;
}

.about-article .culture-unit .cu-list li {
    float: left;
    overflow: hidden;
    width: 540px;
    margin-left: 20px;
    margin-top: 30px;
}

.about-article .culture-unit .cu-list li .text {
    float: left;
    width: 260px;
    height: 240px;
    background-color: #FFF;
    padding: 25px 10px 0 48px;
    color: #555;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-article .culture-unit .cu-list li .text p {
    line-height: 30px;
    min-height: 30px;
}

.about-article .culture-unit .cu-list li .pic {
    float: right;
    width: 260px;
    height: 240px;
    font-size: 0;
    line-height: 1;
}

.about-article .culture-unit .cu-list li .pic img {
    width: 100%;
    height: 100%;
}

.about-article .culture-unit .cu-list li:nth-child(4n) .text,
.about-article .culture-unit .cu-list li:nth-child(4n-1) .text {
    float: right;
}

.about-article .culture-unit .cu-list li:nth-child(4n) .pic,
.about-article .culture-unit .cu-list li:nth-child(4n-1) .pic {
    float: left;
}

.about-article .organization-cont {
    padding: 50px 0 75px;
    text-align: center;
}

.about-article .organization-cont img {
    max-width: 100%;
}

.about-article .team-list {
    overflow: hidden;
    padding: 40px 0 20px;
}

.about-article .team-list ul {
    overflow: hidden;
    width: 1155px;
    margin-left: -55px;
}

.about-article .team-list li {
    float: left;
    margin-left: 55px;
    margin-bottom: 50px;
}

.about-article .team-list li a {
    display: block;
    width: 330px;
    height: 500px;
    border: 1px solid #DCDCDC;
    background-color: #EEE;
    padding: 15px 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.about-article .team-list li .pic {
    width: 300px;
    height: 400px;
    font-size: 0;
    line-height: 1;
}

.about-article .team-list li .pic img {
    width: 100%;
    height: 100%;
}

.about-article .team-list li .text {
    text-align: center;
}

.about-article .team-list li .text h4 {
    margin: 19px 0 5px;
    color: #555;
    font-size: 18px;
    white-space: pre;
}

.about-article .team-list li .text p {
    color: #555;
    font-size: 14px;
    line-height: 36px;
    white-space: pre;
}

.about-article .team-show {
    overflow: hidden;
    padding: 40px 0 100px;
}

.about-article .team-show .leftpic {
    float: left;
    width: 380px;
    height: 540px;
    background-color: #EBEBEB;
    text-align: center;
    position: relative;
}

.about-article .team-show .leftpic .pic {
    font-size: 0;
    line-height: 1;
    width: 300px;
    height: 400px;
    margin: 36px auto 0;
}

.about-article .team-show .leftpic .pic img {
    max-width: 100%;
}

.about-article .team-show .leftpic .text {
}

.about-article .team-show .leftpic .text h4 {
    margin: 19px 0 5px;
    color: #555;
    font-size: 18px;
    white-space: pre;
}

.about-article .team-show .leftpic .text p {
    color: #555;
    font-size: 14px;
    line-height: 36px;
    white-space: pre;
}

.about-article .team-show .leftpic:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 33px solid #EBEBEB;
    border-top: 22px solid rgba(255, 255, 255, 0);
    border-bottom: 22px solid rgba(255, 255, 255, 0);
    position: absolute;
    right: -33px;
    top: 53px;
    z-index: 9;
}

.about-article .team-show .content {
    overflow: hidden;
    padding-left: 60px;
}

.about-article .team-show .content .ts-hd {
    overflow: hidden;
}

.about-article .team-show .content .ts-hd .title {
    float: left;
}

.about-article .team-show .content .ts-hd .title h3 {
    padding: 25px 0 16px;
    color: #1F2A68;
    font-size: 24px;
    white-space: pre;
}

.about-article .team-show .content .ts-hd .title p {
    color: #1F2A68;
    font-size: 18px;
    white-space: pre;
}

.about-article .team-show .content .ts-hd .backlink {
    float: right;
}

.about-article .team-show .content .ts-hd .backlink a {
    display: block;
    margin-top: 38px;
    height: 16px;
    padding-left: 30px;
    background: url(../images/backlink.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.about-article .team-show .content .ts-hd .backlink a:hover {
    color: #FC990C;
}

.about-article .team-show .content .ts-post {
    margin-top: 30px;
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

.about-article .team-show .content .ts-post p {
    padding-bottom: 20px;
}

.about-article .contactus-map {
    height: 330px;
}

.about-article .contactus-cont {
    margin-top: 50px;
    height: 300px;
    padding: 50px 40px 0;
    background-color: #F2F2F2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about-article .contactus-cont .cc-en {
    color: #1F2A68;
    font-size: 24px;
    font-family: Arial;
    font-weight: 700;
}

.about-article .contactus-cont .cc-zh {
    margin-top: 20px;
    color: #555;
    font-size: 18px;
    font-weight: 700;
}

.about-article .contactus-cont .cc-tel {
    padding-left: 36px;
    margin-top: 30px;
    background: url(../images/cc-tel-icon.png) 4px center no-repeat;
    border-bottom: 1px solid #DDDCDC;
    color: #555;
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.about-article .contactus-cont .cc-tel em {
    color: #0990ED;
    font-size: 22px;
    font-weight: 700;
}

.about-article .contactus-cont .cc-add {
    padding-left: 36px;
    background: url(../images/cc-add-icon.png) 4px center no-repeat;
    border-bottom: 1px solid #DDDCDC;
    color: #555;
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.about-article .contactus-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.about-article .contactus-list ul {
    overflow: hidden;
    width: 1174px;
    margin-left: -74px;
}

.about-article .contactus-list li {
    float: left;
    width: 513px;
    margin-top: 50px;
    margin-left: 74px;
    cursor: pointer;
}

.about-article .contactus-list li .name {
    color: #555;
    font-size: 18px;
    font-weight: 700;
}

.about-article .contactus-list li .tel {
    color: #555;
    font-size: 14px;
    line-height: 52px;
    border-bottom: 1px solid #DDDCDC;
    background: url(../images/cl-tel-icon.png) 0 center no-repeat;
    padding-left: 28px;
}

.about-article .contactus-list li .tel em {
    color: #00275D;
}

.about-article .contactus-list li .add {
    color: #555;
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDCDC;
    background: url(../images/cl-add-icon.png) 0 center no-repeat;
    padding-left: 28px;
}

.case-content {
}

.case-content .case-sel-nav {
    height: 211px;
    background-color: #F2F2F2;
    overflow: hidden;
}

.case-content .case-sel-nav .area-a {
    margin-top: 40px;
    height: 50px;
    overflow: hidden;
}

.case-content .case-sel-nav .area-a .name {
    float: left;
    width: 140px;
    height: 50px;
    background-color: #1F2A68;
    color: #FFF;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}

.case-content .case-sel-nav .area-a ul {
    overflow: hidden;
    height: 48px;
    border: 1px solid #E1E1E1;
    background-color: #FFF;
    border-left: none;
}

.case-content .case-sel-nav .area-a li {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 6px 14px;
    background-color: #FFF;
    border-radius: 4px;
    color: #555;
    font-size: 16px;
    cursor: pointer;
    cursor: pointer;
}

.case-content .case-sel-nav .area-a li:hover {
    background-color: #0890ED;
    color: #FFF;
}

.case-content .case-sel-nav .area-a li:hover a {
    color: #FFF;
}

.case-content .case-sel-nav .area-a li.act {
    background-color: #0890ED;
    color: #FFF;
}

.case-content .case-sel-nav .area-a li.act a {
    color: #FFF;
}

.case-content .case-sel-nav .area-b {
    margin-top: 30px;
    height: 50px;
    overflow: hidden;
}

.case-content .case-sel-nav .area-b .name {
    float: left;
    width: 140px;
    height: 50px;
    background-color: #1F2A68;
    color: #FFF;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}

.case-content .case-sel-nav .area-b ul {
    overflow: hidden;
    height: 48px;
    border: 1px solid #E1E1E1;
    background-color: #FFF;
    border-left: none;
}

.case-content .case-sel-nav .area-b li {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 6px 14px;
    background-color: #FFF;
    border-radius: 4px;
    color: #555;
    font-size: 16px;
    cursor: pointer;
}

.case-content .case-sel-nav .area-b li:hover {
    background-color: #0890ED;
    color: #FFF;
}

.case-content .case-sel-nav .area-b li:hover a {
    color: #FFF;
}

.case-content .case-sel-nav .area-b li.act {
    background-color: #0890ED;
    color: #FFF;
}

.case-content .case-sel-nav .area-b li.act a {
    color: #FFF;
}

.case-content .case-sel-map {
    margin-top: 40px;
    height: 500px;
}

.case-content .case-sel-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.case-content .case-sel-list ul {
    overflow: hidden;
    width: 1174px;
    margin-left: -74px;
}

.case-content .case-sel-list li {
    float: left;
    width: 513px;
    margin-top: 50px;
    margin-left: 74px;
    cursor: pointer;
}

.case-content .case-sel-list li .name {
    color: #555;
    font-size: 18px;
    font-weight: 700;
}

.case-content .case-sel-list li .tel {
    color: #555;
    font-size: 14px;
    line-height: 52px;
    border-bottom: 1px solid #DDDCDC;
    background: url(../images/cl-tel-icon.png) 0 center no-repeat;
    padding-left: 28px;
}

.case-content .case-sel-list li .tel em {
    color: #00275D;
}

.case-content .case-sel-list li .add {
    color: #555;
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDCDC;
    background: url(../images/cl-add-icon.png) 0 center no-repeat;
    padding-left: 28px;
}

.case-content .case-list {
    overflow: hidden;
}

.case-content .case-list > ul {
    overflow: hidden;
    width: 1140px;
    margin-left: -40px;
    margin-bottom: 30px;
}

.case-content .case-list > ul li {
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    width: 340px;
    height: 350px;
    background-color: #F5F5F5;
    position: relative;
    overflow: hidden;
}

.case-content .case-list > ul li a {
    display: block;
    overflow: hidden;
}

.case-content .case-list li .pic {
    height: 300px;
    font-size: 0;
    line-height: 1;
}

.case-content .case-list li .pic img {
    width: 100%;
    height: 100%;
}

.case-content .case-list li .text {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    color: #555;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.case-content .case-list li .text span.l {
    font-size: 16px;
}

.case-content .case-list li .text span.r {
    font-size: 14px;
}

.case-content .case-list li:hover {
    background-color: #266cd0;
}

.case-content .case-list li:hover .text {
    color: #FFF;
}

.case-content .case-list .case-ajax-more {
    margin: 30px auto 70px;
    height: 44px;
    background-color: #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.case-content .case-list .case-ajax-more span {
    display: inline-block;
    padding-left: 40px;
    height: 44px;
    background: url(../images/ajax-more.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 44px;
}

.case-content .case-show-hd {
    height: 200px;
    background-color: #F2F2F2;
    overflow: hidden;
}

.case-content .case-show-hd .left-info {
    float: left;
    max-width: 900px;
}

.case-content .case-show-hd .left-info .title {
    color: #555;
    font-size: 24px;
    margin-top: 40px;
}

.case-content .case-show-hd .left-info .text {
    margin-top: 12px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.case-content .case-show-hd .left-info .info {
    margin-top: 20px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.case-content .case-show-hd .left-info .info span {
    margin-right: 55px;
}

.case-content .case-show-hd .backlink {
    float: right;
}

.case-content .case-show-hd .backlink a {
    display: block;
    margin-top: 90px;
    height: 16px;
    padding-left: 30px;
    background: url(../images/backlink.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.case-content .case-show-hd .backlink a:hover {
    color: #FC990C;
}

.case-content .case-slide {
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.case-content .case-slide .swiper-slide img {
    width: 100%;
}

.case-content .case-slide .pagination {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 9;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.case-content .case-slide .pagination span.swiper-pagination-switch {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background-color: #FFF;
    margin: 0 7px;
    cursor: pointer;
}

.case-content .case-slide .pagination span.swiper-active-switch {
    background-color: #0890ED;
}

.case-content .case-post {
    padding: 40px 0 80px;
    color: #555;
    font-size: 14px;
    line-height: 26px;
}

.case-content .case-post p {
    padding-bottom: 10px;
}

.case-content .case-post p.fz18 {
    font-size: 18px;
}

.product-content {
}

.product-content .pro-cont-hd {
    margin-top: 40px;
    height: 300px;
    background-color: #F3F3F3;
    overflow: hidden;
}

.product-content .pro-cont-hd .pic {
    width: 404px;
    height: 300px;
    float: left;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-cont-hd .pic img {
    width: 100%;
    height: 100%;
}

.product-content .pro-cont-hd .cont {
    overflow: hidden;
    padding-left: 48px;
    padding-right: 40px;
}

.product-content .pro-cont-hd .cont .name {
    margin-top: 40px;
    color: #0990ED;
    font-size: 30px;
}

.product-content .pro-cont-hd .cont .title {
    margin-top: 15px;
    color: #555;
    font-size: 18px;
}

.product-content .pro-cont-hd .cont .text {
    margin-top: 15px;
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

.product-content .pro-cont-title {
    padding-top: 50px;
    color: #555;
    font-size: 30px;
    text-align: center;
}

.product-content .pro-cont-title em {
    color: #0990ED;
}

.product-content .pro-cont-list-a {
    margin-top: 50px;
    height: 564px;
    background-color: #F3F3F3;
}

.product-content .pro-cont-list-a ul {
    overflow: hidden;
    margin-top: 50px;
}

.product-content .pro-cont-list-a li {
    float: left;
    margin-left: 45px;
    width: 240px;
    height: 361px;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.product-content .pro-cont-list-a li:first-child {
    margin-left: 0;
}

.product-content .pro-cont-list-a li img {
    margin-top: 39px;
    width: 110px;
    height: 110px;
    border-radius: 110px;
    overflow: hidden;
}

.product-content .pro-cont-list-a li h4 {
    margin: 20px 0 10px;
    font-size: 24px;
}

.product-content .pro-cont-list-b {
    padding-bottom: 50px;
    overflow: hidden;
}

.product-content .pro-cont-list-b ul {
    overflow: hidden;
    margin-top: 50px;
}

.product-content .pro-cont-list-b li {
    float: left;
    width: 320px;
    margin-left: 70px;
}

.product-content .pro-cont-list-b li:first-child {
    margin-left: 0;
}

.product-content .pro-cont-list-b li .pic {
    height: 200px;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-cont-list-b li .pic img {
    width: 100%;
    height: 100%;
}

.product-content .pro-cont-list-b li .text {
    display: table-cell;
    vertical-align: middle;
    width: 320px;
    height: 80px;
    background-color: #F3F3F3;
    color: #383838;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.product-content .pro-cont-list-b li .text h5 {
    font-size: 16px;
}

.product-content .pro-cont-list-c {
    padding-bottom: 70px;
    overflow: hidden;
    background-color: #F3F3F3;
}

.product-content .pro-cont-list-c ul {
    overflow: hidden;
    margin-top: 50px;
}

.product-content .pro-cont-list-c li {
    float: left;
    width: 320px;
    margin-left: 70px;
}

.product-content .pro-cont-list-c li:first-child {
    margin-left: 0;
}

.product-content .pro-cont-list-c li .pic {
    height: 200px;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-cont-list-c li .pic img {
    width: 100%;
    height: 100%;
}

.product-content .pro-cont-list-c li .text {
    display: table-cell;
    vertical-align: middle;
    width: 320px;
    height: 80px;
    background-color: #FFF;
    color: #555;
    font-size: 18px;
    text-align: center;
}

.product-content .pro-model-list {
    overflow: hidden;
    margin-top: 50px;
    padding: 32px 0;
    position: relative;
    background-color: #F3F3F3;
}

.product-content .pro-model-list:before {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 9;
    background-color: #DDDCDC;
}

.product-content .pro-model-list:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    background-color: #DDDCDC;
}

.product-content .pro-model-list .title {
    width: 240px;
    height: 240px;
    background: url(../images/pro-model-title.png) center center no-repeat;
    font-size: 0;
    line-height: 99;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -120px;
    margin-top: -120px;
}

.product-content .pro-model-list li {
    float: left;
    width: 50%;
    height: 238px;
}

.product-content .pro-model-list li .text {
    float: left;
    margin-left: 43px;
    margin-top: 78px;
}

.product-content .pro-model-list li .text h4 {
    margin-bottom: 20px;
    color: #555;
    font-size: 24px;
}

.product-content .pro-model-list li .text p {
    width: 210px;
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

.product-content .pro-model-list li .pic {
    float: left;
    margin-left: 40px;
    margin-top: 60px;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 130px;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-model-list li .pic img {
    width: 100%;
    height: 100%;
}

.product-content .pro-model-list li:nth-child(even) .text {
    float: right;
    margin-right: 40px;
    margin-left: 0;
}

.product-content .pro-model-list li:nth-child(even) .pic {
    margin-left: 130px;
}

.product-content .pro-public-list {
    margin-top: 50px;
    background-color: #F3F3F3;
}

.product-content .pro-public-list ul {
    padding: 50px 0;
    overflow: hidden;
    width: 1120px;
    margin-left: -20px;
}

.product-content .pro-public-list li {
    float: left;
    width: 540px;
    height: 200px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.product-content .pro-public-list li .ppl-pic {
    width: 190px;
    height: 200px;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-public-list li .ppl-pic img {
    width: 100%;
    height: 100%;
}

.product-content .pro-public-list li .ppl-text {
    width: 350px;
    height: 200px;
    background-color: #FFF;
    padding-left: 30px;
    padding-top: 30px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-content .pro-public-list li .ppl-text h5 {
    color: #1F2A68;
    font-size: 18px;
    padding-bottom: 15px;
}

.product-content .pro-public-list li .ppl-text h5 em {
    font-size: 24px;
}

.product-content .pro-public-list li .text {
    padding: 0 30px;
    height: 200px;
    background-color: #1F2A68;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
}

.product-content .pro-public-list li .text h5 {
    padding: 30px 0 15px;
    font-size: 18px;
}

.product-content .pro-public-list li .text h5 em {
    font-size: 24px;
}

.product-content .pro-public-list li .text span {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.product-content .pro-public-list li .pic {
    height: 200px;
    font-size: 0;
    line-height: 1;
}

.product-content .pro-public-list li .pic img {
    width: 100%;
    height: 100%;
}

.service-content .serv-banner {
    height: 350px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #F5F3F3;
    -webkit-background-size: cover;
    background-size: cover;
}

.service-content .serv-intro {
    padding-top: 40px;
    color: #000;
    font-size: 14px;
    line-height: 36px;
}

.service-content .serv-feature-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.service-content .serv-feature-list ul {
    overflow: hidden;
    width: 1152px;
    margin-left: -52px;
}

.service-content .serv-feature-list li {
    float: left;
    margin-left: 52px;
    margin-top: 40px;
    width: 524px;
    height: 257px;
    overflow: hidden;
    color: #555;
    font-size: 14px;
    line-height: 20px;
}

.service-content .serv-feature-list li .box {
    overflow: hidden;
    margin-bottom: 15px;
}

.service-content .serv-feature-list li .leftbox {
    float: left;
    width: 140px;
    height: 220px;
    background-color: #1F2A68;
    color: #FFF;
    text-align: center;
}

.service-content .serv-feature-list li .leftbox img {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    margin-top: 30px;
}

.service-content .serv-feature-list li .leftbox .zh {
    margin-top: 13px;
    font-size: 20px;
    line-height: 1;
}

.service-content .serv-feature-list li .leftbox .en {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.service-content .serv-feature-list li .cont {
    overflow: hidden;
    padding: 10px 20px 0;
    height: 210px;
    background-color: #F4F4F4;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.service-content .serv-feature-list li .cont p {
    padding-bottom: 10px;
}

.service-content .serv-feature-list li .tips {
    color: #96754B;
}

.service-content .serv-family {
    overflow: hidden;
}

.service-content .serv-family .top-text {
    padding-top: 30px;
    color: #555;
    font-size: 16px;
    line-height: 36px;
}

.service-content .serv-family .sf-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.service-content .serv-family .sf-list ul {
    overflow: hidden;
    width: 1140px;
    margin-left: -40px;
}

.service-content .serv-family .sf-list li {
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    width: 340px;
    height: 330px;
}

.service-content .serv-family .sf-list li a {
    display: block;
    overflow: hidden;
}

.service-content .serv-family .sf-list li .pic {
    height: 200px;
    font-size: 0;
    line-height: 1;
}

.service-content .serv-family .sf-list li .pic img {
    width: 100%;
    height: 100%;
}

.service-content .serv-family .sf-list li .cont {
    border: 1px solid #E8E5E5;
    border-top: none;
    height: 129px;
    padding: 0 13px;
    overflow: hidden;
}

.service-content .serv-family .sf-list li .cont .text {
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
    color: #555;
    font-size: 16px;
    line-height: 30px;
}

.service-content .serv-family .sf-list li .cont .date {
    margin-top: 20px;
    color: #999;
    font-size: 14px;
}

.service-content .serv-family .sf-list li:hover {
    background-color: #1F2A68;
}

.service-content .serv-family .sf-list li:hover .cont .text,
.service-content .serv-family .sf-list li:hover .cont .date {
    color: #FFF;
}

.service-content .serv-family .sf-list .serv-ajax-more {
    margin: 50px auto 0;
    height: 44px;
    background-color: #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.service-content .serv-family .sf-list .serv-ajax-more span {
    display: inline-block;
    padding-left: 40px;
    height: 44px;
    background: url(../images/ajax-more.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 44px;
}

.service-content .serv-family-show {
}

.service-content .serv-family-show .sfs-hd {
    padding: 50px 0 20px;
    overflow: hidden;
    border-bottom: 1px solid #E7E6E6;
}

.service-content .serv-family-show .sfs-hd .lefthd {
    float: left;
    max-width: 950px;
}

.service-content .serv-family-show .sfs-hd .lefthd h3 {
    color: #444;
    font-size: 24px;
    font-weight: 700;
}

.service-content .serv-family-show .sfs-hd .lefthd .info {
    margin-top: 30px;
    color: #555;
    font-size: 12px;
}

.service-content .serv-family-show .sfs-hd .lefthd .info span {
    margin-right: 50px;
}

.service-content .serv-family-show .sfs-hd .backlink {
    float: right;
}

.service-content .serv-family-show .sfs-hd .backlink a {
    display: block;
    margin-top: 24px;
    height: 16px;
    padding-left: 30px;
    background: url(../images/backlink.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.service-content .serv-family-show .sfs-hd .backlink a:hover {
    color: #FC990C;
}

.service-content .serv-family-show .sfs-post {
    padding: 20px 0;
    color: #555;
    font-size: 14px;
    line-height: 36px;
    border-bottom: 1px solid #E7E6E6;
}

.service-content .serv-family-show .sfs-post p {
    padding-bottom: 15px;
}

.service-content .serv-family-show .sfs-post img {
    max-width: 100%;
}

.service-content .serv-family-show .sfs-rel {
    overflow: hidden;
    padding: 40px 0 50px;
}

.service-content .serv-family-show .sfs-rel p {
    width: 45%;
}

.service-content .serv-family-show .sfs-rel a {
    color: #555;
    font-size: 14px;
}

.service-content .serv-family-show .sfs-rel a:hover {
    color: #0990ED;
}

.service-content .serv-life-top {
    overflow: hidden;
    height: 308px;
    text-align: center;
    font-size: 0;
}

.service-content .serv-life-top li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 308px;
}

.service-content .serv-life-top li img {
    margin-top: 56px;
    width: 120px;
    height: 120px;
    border-radius: 120px;
}

.service-content .serv-life-top li p {
    color: #555;
    font-size: 14px;
}

.service-content .serv-life-top li p.tit {
    color: #965D04;
    font-size: 24px;
    padding: 25px 0 15px;
}

.service-content .serv-life-intro {
    overflow: hidden;
    background-color: #F2F2F2;
}

.service-content .serv-life-intro .pic {
    float: left;
    font-size: 0;
    line-height: 1;
}

.service-content .serv-life-intro .cont {
    overflow: hidden;
    padding-left: 53px;
}

.service-content .serv-life-intro .cont .title {
    color: #555;
    font-size: 24px;
    margin-top: 65px;
}

.service-content .serv-life-intro .cont .text {
    margin-top: 30px;
    color: #555;
    font-size: 16px;
    line-height: 48px;
}

.service-content .serv-life-line {
    margin-top: 55px;
    text-align: center;
    position: relative;
}

.service-content .serv-life-line:before {
    display: block;
    content: '';
    height: 1px;
    background-color: #B5B5B5;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.service-content .serv-life-line .box {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    font-size: 30px;
    padding: 0 22px;
    background-color: #FFF;
    position: relative;
    z-index: 9;
}

.service-content .serv-life-standard {
    padding: 50px 0 20px;
    overflow: hidden;
}

.service-content .serv-life-standard li {
    overflow: hidden;
    margin-bottom: 40px;
}

.service-content .serv-life-standard li .pic {
    float: right;
    width: 530px;
    height: 170px;
    line-height: 1;
    font-size: 0;
}

.service-content .serv-life-standard li .pic img {
    width: 100%;
    height: 100%;
}

.service-content .serv-life-standard li .text {
    float: left;
    width: 530px;
    height: 170px;
    padding: 0 38px;
    background-color: #F2F2F2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.service-content .serv-life-standard li .text h5 {
    padding-bottom: 15px;
    color: #555;
    font-size: 20px;
    margin-top: 50px;
}

.service-content .serv-life-standard li .text p {
    color: #555;
    font-size: 16px;
    line-height: 30px;
}

.service-content .serv-life-standard li:nth-child(even) .pic {
    float: left;
}

.service-content .serv-life-standard li:nth-child(even) .text {
    float: right;
}

.service-content .serv-life-text {
    padding: 60px 0 50px;
    background-color: #F2F2F2;
    color: #555;
    font-size: 14px;
}

.service-content .serv-life-text h4 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
}

.service-content .serv-life-text p {
    line-height: 36px;
}

.service-content .serv-life-text-b {
    overflow: hidden;
    padding: 60px 0 70px;
}

.service-content .serv-life-text-b .text {
    float: left;
    width: 525px;
    color: #555;
}

.service-content .serv-life-text-b .text h4 {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.service-content .serv-life-text-b .text p {
    font-size: 14px;
    line-height: 48px;
}

.service-content .serv-life-text-b .pic {
    float: right;
    width: 451px;
    height: 300px;
    font-size: 0;
    line-height: 1;
}

.service-content .serv-life-text-b .pic img {
    width: 100%;
    height: 100%;
}

.features-content .features-banner {
    height: 200px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #F5F3F3;
    -webkit-background-size: cover;
    background-size: cover;
}

.features-content .features-intro {
    padding-top: 70px;
    padding-bottom: 70px;
    color: #666;
    font-size: 14px;
    line-height: 36px;
}

.features-content .features-intro em {
    display: block;
    font-size: 22px;
    color: #0990ed;
}

.features-content .featureslist li {
    border: 1px solid #e8e8e8;
    padding: 27px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.features-content .featureslist li .img {
    width: 480px;
    float: left;
}

.features-content .featureslist li .txt {
    margin-left: 75px;
    margin-right: 75px;
    float: right;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    width: 414px;
    display: flex;
    justify-content: left;
    align-items: Center;
    height: 100%;
    height: 234px;
}

.features-content .featureslist li .txt .info {
    width: 100%;
}

.features-content .featureslist li .ico {
    position: absolute;
    right: 10px;
    top: 10px;
}

.features-content .featureslist li .txt h2 {
    font-size: 18px;
    color: #0990ed;
}

.features-content .featureslist li .txt h2 span {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}

.features-content .featureslist li .txt h3 {
    margin-top: 5px;
}

.features-content .manage-info {
    line-height: 30px;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #666;
    font-size: 14px;
}

.features-content .manage-info img {
    width: 100%;
}

.features-content .manage-info .piclist1 {
    width: 100%;
    margin: 80px 0px 90px 0px;
    overflow: hidden;
}

.features-content .manage-info .piclist1 .img1 {
    width: 464px;
    float: left;
}

.features-content .manage-info .piclist1 .img2 {
    width: 605px;
    float: right;
}

.features-content .manage-info .piclist {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    overflow: hidden;
}

.features-content .manage-info .piclist li {
    width: 33.33%;
    float: left;
    font-size: 14px;
    position: relative;
}

.features-content .manage-info .piclist li .img {
    margin-top: 0px;
    margin-right: 0px;
    height: auto;
}

.features-content .manage-info .piclist li .txt {
    position: absolute;
    width: 80%;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -40%;
    margin-top: -75px;
    display: flex;
    justify-content: Center;
    align-items: Center;
    text-align: center;
    flex-wrap: wrap;
}

.features-content .manage-info .piclist li .txt p {
    display: block;
    width: 100%;
}

.features-content .manage-info .piclist li.blue {
    background: #2e99ee;
    color: #FFF;
}

.features-content .manage-info .piclist li.black {
    background: #F7f7f7;
    color: #333;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.features-content .manage-info .piclist li.black em {
    display: block;
    color: #2e99ee;
}

.features-content .manage-info .piclist li.black:hover {
    background: #2e99ee;
    color: #FFF;
}

.features-content .manage-info .piclist li.black:hover em {
    color: #FFF;
}

.features-content .business-info {
    margin: 80px 0px 117px 0px;
    overflow: hidden;
}

.features-content .business-info .part1 {
    margin-bottom: 124px;
    display: flex;
    justify-content: Center;
    align-items: Center;
}

.features-content .business-info .part1 .img {
    width: 550px;
    margin-right: 115px;
}

.features-content .business-info .part1 .txt {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.features-content .business-info .part1 .txt h2 {
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #0990ed;
    margin-bottom: 5px;
}

.features-content .business-info .part2 {
    padding-top: 140px;
    padding-bottom: 130px;
    background: #f6f6f6;
}

.features-content .business-info .part2 .wrap {
    display: flex;
    justify-content: Center;
    align-items: Center;
}

.features-content .business-info .part2 .txt {
    margin-right: 120px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    width: 430px;
}

.features-content .business-info .part2 .txt h2 {
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #0990ed;
    margin-bottom: 5px;
}

.features-content .business-info .part2 .img {
    width: 548px;
}

.features-content .business-info .imglist {
    margin-top: 108px;
    margin-right: -48px;
    overflow: hidden;
}

.features-content .business-info .imglist li {
    float: left;
    width: 25%;
}

.features-content .business-info .imglist li .list {
    max-width: 300px;
    min-height: 356px;
    margin-top: 30px;
    margin-right: 48px;
    border: 1px solid #e8e8e8;
    padding-bottom: 20px;
}

.features-content .business-info .imglist li .list em {
    display: block;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #2e99ee;
    margin: 50px auto 0px auto;
}

.features-content .business-info .imglist li .list span {
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 37px 0px 15px 0px;
    color: #333;
}

.features-content .business-info .imglist li .list .cont {
    color: #666;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
}

.features-content .public-info {
    width: 100%;
}

.features-content .public-info img {
    width: 100%;
}

.features-content .public-info li {
    padding: 80px 0px 90px 0px;
}

.features-content .public-info li .wrap {
    overflow: hidden;
    position: relative;
}

.features-content .public-info li .img {
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    float: right;
    z-index: 2;
    width: 50%;
}

.features-content .public-info li .img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #70b8f1;
    right: -20px;
    bottom: -20px;
    z-index: -1;
}

.features-content .public-info li .txt {
    width: 45%;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
}

.features-content .public-info li .txt span {
    display: block;
    font-size: 18px;
    color: #0990ed;
}

.features-content .public-info li .txt .cont {
    font-size: 16px;
    line-height: 35px;
    margin-top: 20px;
}

.features-content .public-info li .txt .cont dd {
    font-size: 14px;
    position: relative;
    color: #666;
    padding-left: 20px;
}

.features-content .public-info li .txt .cont dd:before {
    content: "●";
    position: absolute;
    left: 0px;
    color: #1f2a68;
}

.features-content .public-info li.double {
    background: #f6f6f6;
}

.features-content .public-info li.double .img {
    margin-left: 20px;
    float: left;
}

.features-content .public-info li.double .img:after {
    left: -20px;
}

.features-content .public-info li.double .txt {
    width: auto;
    left: auto;
    right: 10px;
    padding-right: 3%;
}

.features-content .property-info {
    padding: 60px 10px 100px 10px;
    line-height: 25px;
    font-size: 14px;
}

.features-content .service-info {
    padding: 70px 10px 0px 10px;
    line-height: 25px;
    font-size: 14px;
}

.features-content .service-info .imglist {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding-bottom: 64px;
    padding-top: 53px;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 75px;
}

.features-content .service-info .imglist li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.features-content .service-info .imglist li img {
    width: 100%;
}

.features-content .service-info .imglist li:last-child {
    margin-right: 0px;
}

.features-content .service-lc {
    margin-bottom: 100px;
    overflow: hidden;
}

.features-content .service-lc .imglist {
    margin-top: 0px;
    margin-right: -108px;
    overflow: hidden;
}

.features-content .service-lc .imglist li {
    width: 25%;
    float: left;
}

.features-content .service-lc .imglist li a {
    display: block;
    max-width: 275px;
    margin-top: 0px;
    margin-right: 108px;
    position: relative;
}

.features-content .service-lc .imglist li a .img {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    border: 1px solid #0990ed;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin: 0px auto;
    position: relative;
}

.features-content .service-lc .imglist li a .img .ico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.features-content .service-lc .imglist li a .img .ico em {
    display: flex;
    justify-content: Center;
    align-items: Center;
}

.features-content .service-lc .imglist li a:hover .img {
    background: #0990ed;
}

.features-content .service-lc .imglist li a .img .img1 {
    display: block;
}

.features-content .service-lc .imglist li a .img .img2 {
    display: none;
}

.features-content .service-lc .imglist li a:hover .img .img1 {
    display: none;
}

.features-content .service-lc .imglist li a:hover .img .img2 {
    display: block;
}

.features-content .service-lc .imglist li a span {
    display: block;
    margin-top: 20px;
    width: 100%;
    color: #333;
    font-size: 16px;
}

.features-content .service-lc .imglist li a:hover span {
    color: #FFF;
}

.features-content .service-lc .imglist li a .txt {
    font-size: 14px;
    line-height: 25px;
    margin-top: 25px;
    text-align: center;
}

.features-content .service-lc .imglist li a:after {
    position: absolute;
    right: -76px;
    top: 83px;
    content: "";
    width: 44px;
    height: 6px;
    background: url(../images/ico9.png) no-repeat;
}

.features-content .service-lc .imglist li:last-child a:after {
    width: 0px;
}

.features-content .sales-service {
    padding: 83px 10px 96px 10px;
}

.features-content .sales-service img {
    width: 100%;
}

.features-content .sales-service .part1 {
    margin-bottom: 60px;
    display: flex;
    justify-content: Center;
    align-items: Center;
    padding-bottom: 48px;
    border-bottom: 1px dotted #999;
}

.features-content .sales-service .part1 .img {
    width: 50%;
    margin-right: 97px;
}

.features-content .sales-service .part1 .txt {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    width: 40%;
}

.features-content .sales-service .part1 .txt h2 {
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #0990ed;
    margin-bottom: 5px;
}

.features-content .sales-service .piclist1 {
    overflow: hidden;
}

.features-content .sales-service .piclist1 .img1 {
    width: 464px;
    float: left;
}

.features-content .sales-service .piclist1 .img2 {
    width: 605px;
    float: right;
}

.relation-content .relation-banner {
    height: 200px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #F5F3F3;
    -webkit-background-size: cover;
    background-size: cover;
}

.relation-content .relationlist {
    margin-top: 85px;
    margin-bottom: 80px;
}

.relation-content .relationlist li {
    border: 1px solid #e8e8e8;
    padding: 27px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: left;
    align-items: Center;
    margin-bottom: 30px;
}

.relation-content .relationlist li .img {
    width: 480px;
}

.relation-content .relationlist li .txt {
    margin-left: 92px;
    float: left;
    line-height: 35px;
    font-size: 14px;
    color: #333;
}

.relation-content .relationlist li .txt h2 {
    font-size: 18px;
    color: #0990ed;
    margin-bottom: 30px;
}

.relation-content .relationlist li .txt h2 span {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
}

.relation-content .relationlist li .txt h3 {
    margin-top: 3px;
    margin-bottom: 20px;
}

.relation-content .relationlist li .txt a {
    display: block;
    width: 92px;
    height: 38px;
    background: #eaeaea;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    float: left;
    margin-right: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.relation-content .relationlist li .txt a:last-child {
    margin-right: 0px;
}

.relation-content .relationlist li .txt a:hover {
    background: #0990ed;
    color: #FFF;
}

.relation-content .contact-info {
    padding: 88px 10px 146px 10px;
    display: flex;
    justify-content: left;
    align-items: Center;
}

.relation-content .contact-info img {
    width: 100%;
}

.relation-content .contact-info .txt {
    width: 582px;
    line-height: 40px;
}

.relation-content .contact-info .txt h2 {
    font-size: 18px;
    margin-bottom: 20px;
}

.relation-content .contact-info .txt li {
    overflow: hidden;
    padding-left: 41px;
    position: relative;
}

.relation-content .contact-info .txt em {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 23px;
    position: absolute;
    top: 11px;
    left: 0px;
    font-size: 14px;
}

.relation-content .contact-info .txt span {
    font-size: 16px;
}

.relation-content .contact-info #map {
    height: 300px;
    width: 512px;
}

.relation-content .corporate-info {
    padding: 87px 10px 0px 10px;
    overflow: hidden;
}

.relation-content .corporate-info .time_nav {
    width: 30%;
    float: left;
}

.relation-content .corporate-info .corporatelist {
    width: 69%;
    border-left: 1px solid #ecebeb;
    border-top: 1px solid #ecebeb;
    float: right;
    padding-bottom: 100px;
}

.relation-content .corporate-info .time_nav li {
    line-height: 50px;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.relation-content .corporate-info .time_nav li a {
    color: #000;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.relation-content .corporate-info .time_nav li a:hover {
    font-weight: bold;
}

.relation-content .corporate-info .time_nav li a.on {
    font-weight: bold;
}

.relation-content .corporate-info .corporatelist li {
    width: 100%;
    border-bottom: 1px solid #ecebeb;
    display: flex;
    justify-content: left;
    align-items: Center;
    min-height: 95px;
}

.relation-content .corporate-info .corporatelist li a {
    display: block;
    margin-left: 38px;
    margin-right: 32px;
    color: #333;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: relative;
    width: 100%;
    line-height: 39px;
}

.relation-content .corporate-info .corporatelist li a:hover {
    color: #2e99ee;
}

.relation-content .corporate-info .corporatelist li span {
    margin-right: 22px;
    color: #979797;
    font-size: 18px;
    font-weight: bold;
}

.relation-content .corporate-info .corporatelist li a:hover span {
    color: #2e99ee;
}

.relation-content .corporate-info .corporatelist li a em {
    display: block;
    width: 42px;
    float: right;
    margin-left: 20px;
}

.relation-content .corporate-info .corporatelist li a em img {
    width: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.relation-content .corporate-info .corporatelist li a em .img1 {
    display: block;
}

.relation-content .corporate-info .corporatelist li a em .img2 {
    display: none;
}

.relation-content .corporate-info .corporatelist li a:hover em .img1 {
    display: none;
}

.relation-content .corporate-info .corporatelist li a:hover em .img2 {
    display: block;
}

.relation-content .relation-info {
    padding-top: 60px;
    padding-bottom: 73px;
}

.relation-content .relation-info .stock {
    background: #eff3f6;
    height: 200px;
}

.relation-content .relation-info .stock .n_stock {
    width: 220px;
    height: 200px;
    background: #0990ed;
    float: left;
    display: flex;
    justify-content: left;
    align-items: Center;
    font-size: 14px;
}

.relation-content .relation-info .stock .n_stock span {
    margin-left: 28px;
    display: block;
    color: #FFF;
    line-height: 45px;
}

.relation-content .relation-info .stock .n_stock .t1 {
    font-size: 16px;
}

.relation-content .relation-info .stock .n_stock .t2 {
    font-size: 28px;
    font-family: bebas;
    font-weight: bold;
}

.relation-content .relation-info .stock .n_stocklist {
    padding-left: 54px;
    padding-top: 40px;
    overflow: hidden;
}

.relation-content .relation-info .stock .n_stocklist li {
    width: 17%;
    float: left;
    font-size: 14px;
    color: #666666;
}

.relation-content .relation-info .stock .n_stocklist li span {
    font-size: 24px;
    display: block;
    margin-top: 20px;
    color: #FF0000;
    font-weight: bold;
}

.relation-content .relation-info .stock .n_stocklist li:first-child {
    position: relative;
    font-family: bebas;
    color: #FF0000;
    width: 32%;
}

.relation-content .relation-info .stock .n_stocklist li:first-child em {
    font-size: 54px;
    font-style: normal;
}

.relation-content .relation-info .stock .n_stocklist li:first-child:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 165px;
    background: url(../images/ico15.png) no-repeat;
    width: 14px;
    height: 9px;
}

.relation-content .relation-info .stock .n_stocklist li:first-child:after {
    content: "hkd";
    position: absolute;
    top: 25px;
    left: 160px;
    font-size: 14px;
}

.relation-content .relation-info .stock .n_stocklist li:first-child h3 {
    line-height: 40px;
    font-size: 14px;
    font-family: "微软雅黑";
    letter-spacing: 1px;
    margin-top: 0px;
}

.relation-content .relation-info .stock .n_stocklist li:first-child h3 i {
    font-style: normal;
}

.relation-content .relation-info .stock .n_stocklist li:last-child {
    width: 100%;
    line-height: 40px;
    color: #999;
    margin-top: 10px;
}

.relation-content .relation-info .stock .n_stocklist li:last-child em {
    font-style: normal;
}

.relation-content .relation-info .part1 {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: -12px;
    overflow: hidden;
}

.relation-content .relation-info .part1 img {
    width: 100%;
}

.relation-content .relation-info .part1 li {
    width: 33.33%;
    float: left;
}

.relation-content .relation-info .part1 li .info {
    margin-top: 0px;
    margin-right: 12px;
    background: #f4f4f4;
    height: 389px;
    overflow: hidden;
}

.relation-content .relation-info .part1 li:first-child .info {
    background: #FFF;
}

.relation-content .relation-info .part1 li .info .img {
    display: block;
    margin-bottom: 12px;
    position: relative;
}

.relation-content .relation-info .part1 li .info .img span {
    position: absolute;
    top: 18px;
    left: 23px;
    font-size: 14px;
    color: #FFF;
}

.relation-content .relation-info .part1 li .info .img:last-child {
    margin-bottom: 0px;
}

.relation-content .relation-info .part1 li .info .new_ad {
    padding: 19px;
}

.relation-content .relation-info .part1 li .info .new_ad h2 {
    font-size: 14px;
    color: #0990ed;
}

.relation-content .relation-info .part1 li .info .new_ad dd {
    line-height: 20px;
    overflow: hidden;
}

.relation-content .relation-info .part1 li .info .new_ad dd a {
    display: block;
    padding: 5px 0px;
    line-height: 30px;
}

.relation-content .relation-info .part1 li .info .new_ad dd a em {
    color: #333;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-size: 14px;
}

.relation-content .relation-info .part1 li .info .new_ad dd a:hover em {
    color: #0990ed;
}

.relation-content .relation-info .part1 li .info .new_ad dd a span {
    float: right;
    color: #666;
    font-size: 12px;
}

.relation-content .relation-info .part1 li .info .new_ad .on {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 11px;
    margin-bottom: 10px;
}

.relation-content .relation-info .part1 li .info .new_ad .on a span {
    font-family: bebas;
    display: block;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
    color: #0990ed;
}

.relation-content .relation-info .part1 li .info .new_ad .on a em {
    width: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.relation-content .relation-info .part1 li .info .s_contact {
    padding: 19px;
}

.relation-content .relation-info .part1 li .info .s_contact .img {
    width: 100%;
}

.relation-content .relation-info .part1 li .info .txt {
    margin-top: 20px;
    line-height: 30px;
}

.relation-content .relation-info .part1 li .info .txt h2 {
    font-size: 14px;
    color: #0990ed;
}

.relation-content .relation-info .part1 li .info .txt h3 {
    font-size: 14px;
    color: #333333;
}

.relation-content .relation-info .part1 li .info .txt .cont {
    color: #666666;
    width: 100%;
    font-size: 14px;
}

.relation-content .relation-info .part2 {
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
}

.relation-content .relation-info .part2 img {
    width: 100%;
}

.relation-content .relation-info .part2 .img1 {
    margin-right: 11px;
    width: 729px;
    float: left;
    position: relative;
    height: 146px;
}

.relation-content .relation-info .part2 .img1 .cont {
    position: absolute;
    width: 202px;
    height: 135px;
    bottom: 11px;
    left: 50px;
    background: #FFF;
}

.relation-content .relation-info .part2 .img1 .cont .txt {
    margin-left: 20px;
}

.relation-content .relation-info .part2 .img1 .cont .txt span {
    display: block;
}

.relation-content .relation-info .part2 .img1 .cont .txt .t1 {
    font-size: 24px;
    color: #fc9503;
    line-height: 40px;
}

.relation-content .relation-info .part2 .img1 .cont .txt .t2 {
    font-size: 14px;
    color: #0990ed;
    line-height: 18px;
}

.relation-content .relation-info .part2 .img1 .cont .txt .t3 {
    font-size: 14px;
    color: #0990ed;
    font-weight: bold;
    font-family: Arial;
    line-height: 18px;
}

.relation-content .relation-info .part2 .img1 .cont .txt a {
    display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background: #fc9503;
    border: 1px solid #fc9503;
    color: #FFF;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
    margin-top: 8px;
}

.relation-content .relation-info .part2 .img1 .cont .txt a:hover {
    background: #FFF;
    color: #333;
}

.relation-content .relation-info .part2 .img2 {
    width: 360px;
    float: right;
    position: relative;
    height: 146px;
}

.relation-content .relation-info .part2 .img2 a {
    display: block;
    width: 100%;
    height: 100%;
}

.relation-content .relation-info .part2 .img2 span {
    position: absolute;
    top: 18px;
    left: 23px;
    font-size: 14px;
    color: #FFF;
}


.hkp-content .hkp-banner {
    height: 300px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #F5F3F3;
    -webkit-background-size: cover;
    background-size: cover;
}

.hkp-content .hkp-top-text {
    overflow: hidden;
    margin-top: 50px;
}

.hkp-content .hkp-top-text .pic {
    float: left;
    width: 300px;
    height: 200px;
    line-height: 1;
    font-size: 0;
}

.hkp-content .hkp-top-text .pic img {
    width: 300px;
    height: 200px;
}

.hkp-content .hkp-top-text .cont {
    overflow: hidden;
    height: 200px;
    background-color: #F2F2F2;
    padding-left: 30px;
    padding-right: 65px;
}

.hkp-content .hkp-top-text .cont h4 {
    margin: 35px 0 25px;
    color: #1F2A68;
    font-size: 18px;
    font-weight: 700;
}

.hkp-content .hkp-top-text .cont h4 em {
    font-size: 24px;
    font-weight: 700;
}

.hkp-content .hkp-top-text .cont p {
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

.hkp-content .hkp-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.hkp-content .hkp-list ul {
    overflow: hidden;
    margin-left: -56px;
    width: 1156px;
}

.hkp-content .hkp-list li {
    width: 329px;
    height: 220px;
    font-size: 0;
    line-height: 1;
    float: left;
    margin-left: 56px;
    margin-top: 50px;
}

.hkp-content .hkp-list li img {
    width: 329px;
    height: 220px;
}

.hkp-content .hkp-idea {
    overflow: hidden;
    padding: 14px 0 80px;
}

.hkp-content .hkp-idea ul {
    overflow: hidden;
    width: 1124px;
    margin-left: -24px;
}

.hkp-content .hkp-idea li {
    float: left;
    margin-left: 24px;
    margin-top: 26px;
    width: 538px;
    height: 240px;
    overflow: hidden;
}

.hkp-content .hkp-idea li .cont {
    float: left;
    width: 260px;
    height: 240px;
    background-color: #F2F2F2;
    text-align: center;
}

.hkp-content .hkp-idea li .cont .en {
    margin-top: 50px;
    color: #555;
    font-size: 24px;
    font-weight: 700;
    font-family: Arial;
    text-transform: uppercase;
}

.hkp-content .hkp-idea li .cont .zh {
    color: #1F2A68;
    font-size: 18px;
    margin-top: 10px;
}

.hkp-content .hkp-idea li .cont .text {
    margin-top: 20px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.hkp-content .hkp-idea li .pic {
    width: 260px;
    height: 240px;
    font-size: 0;
    line-height: 1;
    float: right;
}

.hkp-content .hkp-idea li .pic img {
    width: 100%;
    height: 100%;
}

.hkp-content .hkp-idea li:nth-child(4n-1) .pic,
.hkp-content .hkp-idea li:nth-child(4n) .pic {
    float: left;
}

.hkp-content .hkp-idea li:nth-child(4n-1) .cont,
.hkp-content .hkp-idea li:nth-child(4n) .cont {
    float: right;
}

.hkp-content .hkp-family-top {
    padding: 50px 0;
    background-color: #F2F2F2;
    overflow: hidden;
}

.hkp-content .hkp-family-top .pic {
    float: left;
    width: 455px;
    height: 254px;
    font-size: 0;
    line-height: 1;
}

.hkp-content .hkp-family-top .pic img {
    width: 100%;
    height: 100%;
}

.hkp-content .hkp-family-top .cont {
    overflow: hidden;
    padding-left: 40px;
}

.hkp-content .hkp-family-top .cont .en {
    margin-top: 25px;
    color: #1F2A68;
    font-size: 30px;
    font-weight: 700;
    font-family: Arial;
    text-transform: uppercase;
}

.hkp-content .hkp-family-top .cont .zh {
    margin-top: 20px;
    color: #1F2A68;
    font-size: 24px;
}

.hkp-content .hkp-family-top .cont .text {
    margin-top: 60px;
    color: #555;
    font-size: 18px;
    white-space: pre;
}

.hkp-content .hkp-family-block-a {
    overflow: hidden;
    padding: 50px 0;
}

.hkp-content .hkp-family-block-a .cont {
    width: 650px;
    float: left;
}

.hkp-content .hkp-family-block-a .cont h4 {
    color: #1F2A68;
    font-size: 24px;
    line-height: 46px;
}

.hkp-content .hkp-family-block-a .cont p {
    padding-top: 15px;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.hkp-content .hkp-family-block-a .pic {
    float: right;
    font-size: 0;
    line-height: 1;
    width: 380px;
    height: 253px;
}

.hkp-content .hkp-family-block-a .pic img {
    width: 100%;
    height: 100%;
}

.hkp-content .hkp-family-block-b {
    height: 396px;
    background-color: #F2F2F2;
    overflow: hidden;
}

.hkp-content .hkp-family-block-b .title {
    margin-top: 46px;
    color: #1F2A68;
    font-size: 24px;
    text-align: center;
}

.hkp-content .hkp-family-block-b ul {
    overflow: hidden;
    margin-top: 30px;
}

.hkp-content .hkp-family-block-b li {
    float: left;
    width: 329px;
    margin-left: 56px;
}

.hkp-content .hkp-family-block-b li:first-child {
    margin-left: 0;
    font-size: 0;
    line-height: 1;
}

.hkp-content .hkp-family-block-b li img {
    width: 329px;
    height: 220px;
}

.hkp-content .hkp-family-block-b li p {
    margin-top: 16px;
    color: #555;
    font-size: 14px;
    text-align: center;
}

.hkp-content .hkp-family-block-c {
    overflow: hidden;
    margin-top: 50px;
}

.hkp-content .hkp-family-block-c .pic {
    float: left;
    width: 455px;
    height: 254px;
    font-size: 0;
    line-height: 1;
}

.hkp-content .hkp-family-block-c .pic img {
    width: 455px;
    height: 254px;
}

.hkp-content .hkp-family-block-c .cont {
    overflow: hidden;
    padding-left: 40px;
    height: 254px;
    background-color: #F2F2F2;
}

.hkp-content .hkp-family-block-c .cont h5 {
    margin: 76px 0 40px;
    color: #1F2A68;
    font-size: 24px;
}

.hkp-content .hkp-family-block-c .cont p {
    color: #555;
    font-size: 14px;
    white-space: pre;
}

.hkp-content .hkp-family-block-d {
    overflow: hidden;
    margin: 50px auto;
}

.hkp-content .hkp-family-block-d .box {
    width: 530px;
    height: 254px;
    padding-left: 64px;
    background-color: #F2F2F2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hkp-content .hkp-family-block-d .box h5 {
    margin-top: 54px;
    padding-bottom: 20px;
    color: #1F2A68;
    font-size: 24px;
}

.hkp-content .hkp-family-block-d .box p {
    color: #555;
    font-size: 14px;
    line-height: 30px;
    white-space: pre;
}

.hkp-content .hkp-case-list {
    padding-top: 10px;
}

.hkp-content .hkp-case-list li {
    border-bottom: 1px solid #E7E6E6;
    overflow: hidden;
}

.hkp-content .hkp-case-list li a {
    display: block;
    padding: 30px 0;
    overflow: hidden;
}

.hkp-content .hkp-case-list li .pic {
    width: 200px;
    height: 132px;
    float: left;
    font-size: 0;
    line-height: 1;
}

.hkp-content .hkp-case-list li .pic img {
    width: 100%;
    height: 100%;
}

.hkp-content .hkp-case-list li .cont {
    padding-left: 30px;
    overflow: hidden;
}

.hkp-content .hkp-case-list li .cont h4 {
    color: #555;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
}

.hkp-content .hkp-case-list li .cont p {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.hkp-content .hkp-case-list li .cont .date {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.hkp-content .hkp-case-list li a:hover {
    background-color: #EEE;
}

.pages {
    padding: 40px 0 60px;
    height: 30px;
    font-size: 0;
    text-align: center;
}

.pages span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.pages span a {
    display: block;
    height: 28px;
    border: 1px solid #E7E7E7;
    background-color: #F4F4F4;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.pages span a:hover {
    color: #FFF;
    background-color: #0990ed;
    border: 1px solid #0990ed;
}

.pages span.sub {
    width: 78px;
}

.pages span.point {
    width: 35px;
    background: url(../images/pages-point.png) 0 center no-repeat;
}

.pages span.cur a {
    color: #FFF;
    background-color: #0990ed;
    border: 1px solid #0990ed;
}

.about-article .housekeeper-contact {
    margin-top: 0;
    padding: 50px 0 0;
}

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.uplife-content {
}

.uplife-content .uplife-banner {
    height: 200px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-color: #F5F3F3;
    -webkit-background-size: cover;
    background-size: cover;
}

.uplife-content .uplife-top {
    padding: 38px 0 38px 0px;
    background-color: #FFF;
    overflow: hidden;
}

.uplife-content .uplife-top .pic {
    float: left;
    font-size: 0;
    line-height: 1;
    width: 250px;
}

.uplife-content .uplife-top .pic img {
    width: 100%;
}

.uplife-content .uplife-top .cont {
    overflow: hidden;
    padding-left: 114px;
    width: 50%;
    padding-top: 20px;
    font-size: 14px;
}

.uplife-content .uplife-top .cont h4 {
    padding: 10px 0;
    color: #555;
    font-size: 22px;
}

.uplife-content .uplife-top .cont p {
    color: #555;
    line-height: 30px;
}

.uplife-content .uplife-title {
    margin-top: 40px;
    text-align: center;
    position: relative;
}

.uplife-content .uplife-title:before {
    display: block;
    content: '';
    height: 1px;
    background-color: #B5B5B5;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.uplife-content .uplife-title .box {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    font-size: 30px;
    padding: 0 22px;
    background-color: #FFF;
    position: relative;
    z-index: 9;
}

.uplife-content .uplife-list {
    padding: 50px 0 10px;
    overflow: hidden;
    background: #f8f8f9;
}

.uplife-content .uplife-list ul {
    width: 1160px;
    margin-left: -60px;
}

.uplife-content .uplife-list li {
    float: left;
    width: 100%;
    margin-left: 60px;
    margin-bottom: 50px;
    background-color: #FFF;
    border-radius: 5px;
}

.uplife-content .uplife-list li a {
    display: block;
    padding: 48px 46px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.uplife-content .uplife-list li a:hover {
    box-shadow: 0px 0px 15px #ccc;
    -moz-box-shadow: 0px 0px 15px #ccc;
    -ms-box-shadow: 0px 0px 15px #ccc;
    -webkit-box-shadow: 0px 0px 15px #ccc;
}

.uplife-content .uplife-list li .pic {
    width: 70px;
    font-size: 0;
    line-height: 1;
    float: left;
}

.uplife-content .uplife-list li .pic img {
    width: 100%;
    height: 100%;
}

.uplife-content .uplife-list li .cont {
    overflow: hidden;
    padding-left: 65px;
}

.uplife-content .uplife-list li .cont .title {
    color: #0990ed;
    font-size: 16px;
    line-height: 25px;
}

.uplife-content .uplife-list li .cont .text {
    margin-top: 5px;
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.uplife-content .uplife-list li .cont .text span {
    color: #333333;
    display: block;
}

.uplife-content .uplife-list li .tips {
    display: table-cell;
    vertical-align: middle;
    width: 520px;
    height: 224px;
    text-align: center;
    color: #CAC8C8;
    font-size: 24px;
}

.uplife-content .ulc-top {
    overflow: hidden;
    background-color: #F2F2F2;
    padding: 65px 0 56px;
}

.uplife-content .ulc-top .pic {
    float: left;
    width: 180px;
    height: 180px;
    font-size: 0;
    line-height: 1;
}

.uplife-content .ulc-top .pic img {
    width: 180px;
    height: 180px;
}

.uplife-content .ulc-top .cont {
    overflow: hidden;
    padding-left: 36px;
}

.uplife-content .ulc-top .cont .title {
    margin-top: 30px;
    overflow: hidden;
}

.uplife-content .ulc-top .cont .title h4 {
    float: left;
    color: #555;
    font-size: 18px;
}

.uplife-content .ulc-top .cont .title h4 em {
    color: #555;
    font-size: 24px;
}

.uplife-content .ulc-top .cont .title .backlink {
    float: right;
}

.uplife-content .ulc-top .cont .title .backlink a {
    display: block;
    margin-top: 3px;
    height: 16px;
    padding-left: 30px;
    background: url(../images/backlink.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.uplife-content .ulc-top .cont .title .backlink a:hover {
    color: #FC990C;
}

.uplife-content .ulc-top .cont .text {
    margin-top: 30px;
    color: #555;
    font-size: 18px;
    line-height: 36px;
}

.uplife-content .ulc-show {
    overflow: hidden;
    padding: 50px 0 40px;
}

.uplife-content .ulc-show p {
    padding-bottom: 15px;
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

.uplife-content .ulc-rel {
    overflow: hidden;
    padding: 30px 0 60px;
    border-top: 1px solid #E7E6E6;
}

.uplife-content .ulc-rel a {
    color: #555;
    font-size: 14px;
}

.uplife-content .ulc-rel a:hover {
    text-decoration: underline;
}

.joinus-content {
}

.jcbg {
    background: url(../images/joinus-job-bg.png) center bottom repeat-x;
}

.joinus-content .joinus-job {
    overflow: hidden;
    padding: 50px 0 130px;
}

.joinus-content .joinus-job .text {
    float: left;
    margin-top: 40px;
}

.joinus-content .joinus-job .text h4 {
    padding-bottom: 35px;
    color: #1F2A68;
    font-size: 36px;
    font-weight: 700;
}

<!--
white-space: pre

;
-->
.joinus-content .joinus-job .text em {
    font-weight: 700;
    color: #B60931;
}

.joinus-content .joinus-job .text p {
    color: #0F3E4E;
    font-size: 20px;
    line-height: 36px;
}

.joinus-content .joinus-job .text .link {
    margin-top: 50px;
    overflow: hidden;
}

.joinus-content .joinus-job .text .link a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 166px;
    height: 50px;
    background-color: #F3F3F3;
    border-radius: 4px;
    color: #1F6585;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
}

.joinus-content .joinus-job .text .link a:hover {
    background-color: #1F6585;
    color: #FFF;
}

.joinus-content .joinus-job .pic {
    float: right;
}

.joinus-content .joinus-happy {
    overflow: hidden;
    padding: 50px 0;
    background-color: #F2F2F2;
}

.joinus-content .joinus-happy .whitebg {
    background-color: #FFF;
    overflow: hidden;
}

.joinus-content .joinus-happy .pic {
    float: left;
    width: 460px;
    height: 307px;
    font-size: 0;
    line-height: 1;
}

.joinus-content .joinus-happy .pic img {
    width: 100%;
    height: 100%;
}

.joinus-content .joinus-happy .cont {
    overflow: hidden;
    padding-left: 38px;
    padding-right: 35px;
}

.joinus-content .joinus-happy .cont h4 {
    margin-top: 55px;
    color: #555;
    font-size: 30px;
    padding-bottom: 20px;
}

.joinus-content .joinus-happy .cont p {
    color: #555;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
}

.joinus-content .joinus-happy-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.joinus-content .joinus-happy-list ul {
    overflow: hidden;
    width: 1155px;
    margin-left: -55px;
}

.joinus-content .joinus-happy-list li {
    float: left;
    margin-left: 55px;
    margin-top: 50px;
    width: 330px;
    height: 219px;
}

.joinus-content .joinus-happy-list li img {
    width: 100%;
    height: 100%;
}

.joinus-content .joinus-promotion-banner {
    height: 404px;
    overflow: hidden;
}

.joinus-content .joinus-promotion-banner .pic {
    margin-top: 56px;
    font-size: 0;
    line-height: 1;
    text-align: right;
}

.joinus-content .joinus-promotion-text {
    padding: 50px 0 40px;
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

.joinus-content .joinus-promotion-text h4 {
    padding-bottom: 40px;
    font-size: 30px;
    text-align: center;
}

.joinus-content .joinus-promotion-text p {
    padding-bottom: 15px;
}

.joinus-content .joinus-promotion-text p.fz16 {
    font-size: 16px;
}

.joinus-content .joinus-promotion-row {
    overflow: hidden;
    padding: 50px 0;
    background-color: #F2F2F2;
}

.joinus-content .joinus-promotion-row ul {
    overflow: hidden;
}

.joinus-content .joinus-promotion-row li {
    float: left;
    margin-left: 55px;
    width: 330px;
    height: 300px;
    background-color: #FFF;
    font-size: 0;
    line-height: 1;
}

.joinus-content .joinus-promotion-row li:first-child {
    margin-left: 0;
}

.joinus-content .joinus-promotion-row li img {
    width: 100%;
    height: 220px;
}

.joinus-content .joinus-promotion-row li p {
    color: #555;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}

.joinus-content .joinus-promotion-list {
    overflow: hidden;
    padding-bottom: 80px;
}

.joinus-content .joinus-promotion-list ul {
    overflow: hidden;
    width: 1148px;
    margin-left: -48px;
}

.joinus-content .joinus-promotion-list li {
    float: left;
    margin-left: 48px;
    margin-top: 50px;
    width: 526px;
    height: 236px;
    background-color: #F2F2F2;
    overflow: hidden;
    padding: 30px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.joinus-content .joinus-promotion-list li .pic {
    float: left;
    width: 100px;
    font-size: 0;
    line-height: 1;
}

.joinus-content .joinus-promotion-list li .pic img {
    width: 100px;
    height: 140px;
}

.joinus-content .joinus-promotion-list li .pic p {
    margin-top: 15px;
    color: #555;
    font-size: 16px;
    text-align: center;
}

.joinus-content .joinus-promotion-list li .cont {
    overflow: hidden;
    padding-left: 20px;
    color: #555;
    font-size: 14px;
    line-height: 36px;
}

#main-cmf .page-title {
    padding-top: 20px;
    padding-bottom: 10px;
}

.news-content .news-top-list {
    overflow: hidden;
    width: 1100px;
    height: 240px;
    margin: 50px auto 30px;
    position: relative;
    background-color: #F4F4F4;
}

.news-content .news-top-list .swiper-slide {
    overflow: hidden;
    height: 240px;
}

.news-content .news-top-list li .pic {
    float: left;
    width: 415px;
    height: 240px;
    font-size: 0;
    line-height: 1;
}

.news-content .news-top-list li .pic img {
    width: 415px;
    height: 240px;
}

.news-content .news-top-list li .cont {
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
}

.news-content .news-top-list li .cont .title {
    margin-top: 40px;
    color: #555;
    font-size: 20px;
    font-weight: 700;
}

.news-content .news-top-list li .cont .title:before {
    display: inline-block;
    vertical-align: middle;
    content: 'HOT';
    margin-right: 10px;
    width: 37px;
    height: 17px;
    background-color: #D71046;
    border-radius: 17px;
    color: #FFF;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    text-indent: 0.4em;
    font-weight: 400;
}

.news-content .news-top-list li .cont .text {
    margin-top: 25px;
    height: 90px;
    overflow: hidden;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.news-content .news-top-list li .cont .date {
    margin-top: 20px;
    color: #999;
    font-size: 14px;
}

.news-content .news-top-list .prev {
    width: 22px;
    height: 22px;
    background: url(../images/ntl-prev.png) center center no-repeat;
    position: absolute;
    right: 63px;
    bottom: 28px;
    z-index: 9;
    cursor: pointer;
}

.news-content .news-top-list .next {
    width: 22px;
    height: 22px;
    background: url(../images/ntl-next.png) center center no-repeat;
    position: absolute;
    right: 36px;
    bottom: 28px;
    z-index: 9;
    cursor: pointer;
}

.news-content .news-list {
    overflow: hidden;
    border-top: 1px solid #E7E6E6;
}

.news-content .news-list li {
    border-bottom: 1px solid #E7E6E6;
}

.news-content .news-list > ul > li a {
    display: block;
    overflow: hidden;
    padding: 30px 0;
}

.news-content .news-list li .pic {
    float: left;
    width: 200px;
    height: 132px;
    font-size: 0 lh 1px;
}

.news-content .news-list li .pic img {
    width: 100%;
    height: 100%;
}

.news-content .news-list li .cont {
    overflow: hidden;
    padding-left: 30px;
}

.news-content .news-list li .cont .title {
    margin-top: 20px;
    color: #555;
    font-size: 18px;
    font-weight: 700;
}

.news-content .news-list li.hot .cont .title:before {
    display: inline-block;
    vertical-align: middle;
    content: '推荐';
    margin-right: 10px;
    width: 37px;
    height: 17px;
    background-color: #FE7800;
    border-radius: 17px;
    color: #FFF;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    text-align: center;
    font-weight: 400;
}

.news-content .news-list li .cont .text {
    padding: 5px 0;
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.news-content .news-list li .cont .date {
    color: #999;
    font-size: 14px;
}

.news-content .news-list li a:hover {
    background-color: #F5F5F5;
}

.news-content .news-show {
}

.news-content .news-show .ns-hd {
    padding: 50px 0 20px;
    overflow: hidden;
    border-bottom: 1px solid #E7E6E6;
}

.news-content .news-show .ns-hd .lefthd {
    float: left;
    max-width: 950px;
}

.news-content .news-show .ns-hd .lefthd h3 {
    color: #444;
    font-size: 24px;
    font-weight: 700;
}

.news-content .news-show .ns-hd .lefthd .info {
    margin-top: 30px;
    color: #555;
    font-size: 12px;
}

.news-content .news-show .ns-hd .lefthd .info span {
    margin-right: 50px;
}

.news-content .news-show .ns-hd .backlink {
    float: right;
}

.news-content .news-show .ns-hd .backlink a {
    display: block;
    margin-top: 24px;
    height: 16px;
    padding-left: 30px;
    background: url(../images/backlink.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 16px;
}

.news-content .news-show .ns-hd .backlink a:hover {
    color: #FC990C;
}

.news-content .news-show .ns-post {
    padding: 20px 0;
    color: #555;
    font-size: 14px;
    /*line-height: 36px;*/
    border-bottom: 1px solid #E7E6E6;
}

.news-content .news-show .ns-post p {
    /*padding-bottom: 15px;*/
}

.news-content .news-show .ns-post img {
    max-width: 100%;
}

.news-content .news-show .ns-rel {
    overflow: hidden;
    padding: 40px 0 50px;
}

.news-content .news-show .ns-rel p {
    width: 45%;
}

.news-content .news-show .ns-rel a {
    color: #555;
    font-size: 14px;
}

.news-content .news-show .ns-rel a:hover {
    color: #0990ED;
}

.video-list {
}

.video-list .mv-list {
    overflow: hidden;
    padding-top: 50px;
}

.video-list .mv-list ul {
    overflow: hidden;
    width: 1140px;
    margin-left: -40px;
}

.video-list .mv-list li {
    float: left;
    margin-left: 40px;
    margin-bottom: 42px;
    width: 340px;
    height: 330px;
    background-color: #F3F3F3;
}

.video-list .mv-list li .video-box {
    width: 340px;
    height: auto;
    position: relative;
}

.video-list .mv-list li .video-box img {
    width: 100%;
    height: auto;
}

.video-list .mv-list li .video-box:after {
    display: block;
    content: '';
    width: 90px;
    height: 90px;
    background: url(../images/mv-play.png) center center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -45px;
    z-index: 9;
}

.video-list .mv-list li .title {
    padding: 0 20px;
    color: #555;
    font-size: 16px;
    line-height: 58px;
}

.video-list .mv-list li .date {
    padding: 0 20px;
    color: #999;
    font-size: 14px;
}

.video-list .mv-ajax-more {
    margin: 10px auto 80px;
    width: 1100px;
    height: 44px;
    background-color: #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.video-list .mv-ajax-more span {
    display: inline-block;
    padding-left: 40px;
    height: 44px;
    background: url(../images/ajax-more.png) 0 center no-repeat;
    color: #555;
    font-size: 14px;
    line-height: 44px;
}

.news-story-list .story-list {
    overflow: hidden;
}

.news-story-list .story-list li {
    overflow: hidden;
    padding: 40px 0;
    border-bottom: 1px solid #E7E6E6;
}

.news-story-list .story-list li .box {
    height: 240px;
    background-color: #F4F4F4;
}

.news-story-list .story-list li .pic {
    float: left;
    width: 415px;
    height: 240px;
    font-size: 0;
    line-height: 0;
}

.news-story-list .story-list li .pic img {
    width: 100%;
    height: 100%;
}

.news-story-list .story-list li .cont {
    overflow: hidden;
    padding: 0 30px;
}

.news-story-list .story-list li .cont .title {
    margin-top: 40px;
    color: #555;
    font-size: 20px;
    font-weight: 700;
}

.news-story-list .story-list li .cont .text {
    padding: 20px 0;
    height: 90px;
    overflow: hidden;
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.news-story-list .story-list li .cont .text a {
    color: #EE8223;
}

.news-story-list .story-list li .cont .date {
    color: #999;
    font-size: 14px;
    padding-top: 5px;
}

.video-show-style .video-js {
    height: 500px;
}


.honorbox {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) left top repeat;
    position: fixed;
    top: -100%;
    left: 0px;
    z-index: 999;
}

.honorbox .honorbg {
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.honorbox .honorbg img {
    height: 100%;
}

.honorbox .honorbg .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -30px;
    right: -18px;
    cursor: pointer;
}

.honorbox .honorbg .close img {
    width: auto;
}

.pagination > li {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0 5px;
}
.pagination > li:hover {
    background: initial!important;
}

.pagination > .active > a, .pagination > .active > span {
    color: #4285f4;
    border: 1px solid #4285f4;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #4285f4;
    cursor: default;
    background-color: transparent;
    border-color: #4285f4;
}

.pagination li a, .pagination li span {
    height: 100%;
    line-height: 1.2;
    transition: all .3s;
}

.pagination li.disabled:first-child a, .pagination li.disabled:first-child span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAZxJREFUWAnt189KwzAYAPAv9c/oRByCp3mTgRC8SMGbMEE9C+4h9Bl8BV/G26YyEEUHIghuDMQnEGQeykYtjfkYgVIym6ZNenC5ZOvyJb98TfgYwLz95wzcD4ereffv5J1AxHeeBg3/Kxi0H97OxTOdvhAQYiAKu8BgEyA6YowRHQzGLOoGijiBYQzqXHG1XtlpEUKY+D1rr70TXEiCOfU88pMVER+vDTKBQZgWyBRGC2QSg6BMhzqJqdcWWpTmOzOIiDflVybH0CA+WRGflUC2MLihVJBNTCrINuZPUBkYBElr2W2vf8Br06soB9PbVPwBRkCySa99GEYXfKDLj9io6i6dUbpd+G1KQsR3aYacSvWEEOgBsJo/Djp3L+8bIsB0P/OWXT9/rLHAb/PXtscRfdd1m/u7jc/SQLhwGaiZGRKZsI1KBdnOlBLIJkoZZAuVCWQDlRlkGqUFMonSBplCSUsHLqbSDr2tb7K8cjwtM0DHk8lNlzFpfVSZD8fkAuEEAsUL8aMD5LJJSIjPS2/873PuzZW+iTlAJwO/x+sbYgX1wS0AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 18px;
    border-color: transparent;
}

.pagination li:first-child a {
    border-color: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAZxJREFUWAnt189KwzAYAPAv9c/oRByCp3mTgRC8SMGbMEE9C+4h9Bl8BV/G26YyEEUHIghuDMQnEGQeykYtjfkYgVIym6ZNenC5ZOvyJb98TfgYwLz95wzcD4ereffv5J1AxHeeBg3/Kxi0H97OxTOdvhAQYiAKu8BgEyA6YowRHQzGLOoGijiBYQzqXHG1XtlpEUKY+D1rr70TXEiCOfU88pMVER+vDTKBQZgWyBRGC2QSg6BMhzqJqdcWWpTmOzOIiDflVybH0CA+WRGflUC2MLihVJBNTCrINuZPUBkYBElr2W2vf8Br06soB9PbVPwBRkCySa99GEYXfKDLj9io6i6dUbpd+G1KQsR3aYacSvWEEOgBsJo/Djp3L+8bIsB0P/OWXT9/rLHAb/PXtscRfdd1m/u7jc/SQLhwGaiZGRKZsI1KBdnOlBLIJkoZZAuVCWQDlRlkGqUFMonSBplCSUsHLqbSDr2tb7K8cjwtM0DHk8lNlzFpfVSZD8fkAuEEAsUL8aMD5LJJSIjPS2/873PuzZW+iTlAJwO/x+sbYgX1wS0AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 18px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: transparent;
}

.pagination li:last-child a, .pagination li:last-child span {
    border-color: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAWpJREFUWAnt179KAzEcB/DfL4S2KqKLTyAuuolQXYTin+Kgj+Ds7iv4Dr6DDs7aoSAiCOLkQaG4tZPLOehh8e5nMggOQe6SbypiMx0h98snyZEvRzRp/3EHRESh1s2hhTq3j4eFyJGqT+/trC2+hNYLWllXRBckx0SyIaPXy87909yvglrMH1ONxrZBJCLURKCCj8zuyPVDfyHLsq55XGGmO67NtH2PDwJComAgFAoKQqDgoFBUFFAIKhrIFxUV5IOKDqqKGguoCiooy+xEZdvm6tKz5nqbiFMbM8X724Xr3bGBkiSp5TQ6NUE8b+Il01qduEDa1Ynus5hhmp8L0b7BDEnp1lZzue+aJ/o39A1z8IXZXXdjLDAqqComKsgHEw3ki4kCCsHAQaEYKAiBgYFQGAgIiQkGoTEW5J1l5veZB2l+ZuKg1A1sJyvTvEHMbCzqytz1A5tNP8VBGQhszE2vNwsrNin0F3fgE7c0DBVRDbycAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 18px;
}

.pagination li > a:hover {
    border: 1px solid #4285f4
}

.pagination li:last-child a:hover {
    background-color: transparent;
}

.pagination > .active > span:hover, .pagination > .active > a:hover {
    z-index: 2;
    cursor: default;
    background-color: transparent;
    border-color: #4285f4
}