@charset "utf-8"; /* 
 * Project Name:普益标准
 * Author:默默
 * Date:2018-06-13
 */
@font-face {
    font-family: "Square 721 Bold Condensed BT";
    src: url("fonts/Square 721 Bold Condensed BT.woff2") format("woff2"), url("fonts/Square 721 Bold Condensed BT.woff") format("woff"), url("fonts/Square 721 Bold Condensed BT.ttf") format("truetype"), url("fonts/Square 721 Bold Condensed BT.eot") format("embedded-opentype"), url("fonts/Square 721 Bold Condensed BT.svg") format("svg");
}

@font-face {
    font-family: "futura-condensed";
    src: url("fonts/futura-condensed.woff2") format("woff2"), url("fonts/futura-condensed.woff") format("woff"), url("fonts/futura-condensed.ttf") format("truetype"), url("fonts/futura-condensed.eot") format("embedded-opentype"), url("fonts/futura-condensed.svg") format("svg");
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}

html {
    font-size: 100%;
    overflow-x: hidden;
}

/* always display scrollbars */
body {
    font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;
    margin: 0 auto;
    color: #000000;
    background-color: #fff;
    _background-attachment: fixed;
    _background-image: url(about:blank);
    overflow-y: visible\9;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

input, select {
    vertical-align: middle;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

strong {
    font-weight: bold;
}

input {
    outline: none;
    padding: 0;
}

img {
    border: 0;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background: none;
    outline: none;
    padding: 0;
    margin: 0;
    border: none;
}

::-moz-selection {
    background: #f7a300;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #f7a300;
    color: #fff;
    text-shadow: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

a:link, a:visited {
    text-decoration: none;
    color: inherit;
}

a:active, a:hover {
    text-decoration: none;
    color: inherit;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; }

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.inner {
    width: 1200px;
    margin: 0px auto;
}

/*header*/
.header-box {
    position: fixed;
    width: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 0 6px rgba(66,66,66,0.25);
}

.logo {
    display: block;
    float: left;
    margin-left: 38px;
    margin-top: 18px;
    width: 300px;
}

.header-right {
    float: right;
}

.nav {
    float: left;
    margin-right: 30px;
}

.nav >li {
    float: left;
    position: relative;
}

.nav >li >a {
    display: block;
    height: 70px;
    line-height: 70px;
    color: #323232;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
    font-weight: bold;
    z-index: 3;
    font-weight: bold;
}

.nav >li >a:before {
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    background: url(../images/arrow6.png) center no-repeat;
    opacity: 0;
    visibility: hidden;
}

.nav >li >a:after {
    content: "";
    width: 100%;
    height: 6px;
    background: #053f6a;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.nav >li >a:hover:after,.nav >li.active >a:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.nav >li:hover >a:before {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}

.menufix {
    width: 390px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 24px;
    padding-bottom: 16px;
    background: #e8f3fa;
    border-radius: 7px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.menufix li {
    width: 49%;
    float: left;
    margin-bottom: 8px;
}

.menufix li:nth-child(2n+2) {
    float: right;
}

.menufix li a {
    display: inline-block;
    padding-left: 22px;
    color: #333333;
    font-size: 13px;
    line-height: 32px;
    position: relative;
}

.menufix li a:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #87aec8;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    border-radius: 50%;
    transition: 0.4s;
}

.menufix li a:hover {
    color: #053f6a;
}

.menufix li a:hover:before {
    border-color: #053f6a;
}

.search {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/search.png) center no-repeat;
}

.searbox {
    float: left;
    margin-top: 25px;
    padding-bottom: 24px;
    position: relative;
    z-index: 5;
}

.searbox:hover .search {
    background: url(../images/search1.png) center no-repeat;
}

.searbox:hover .sercdown {
    opacity: 1;
    visibility: visible;
}

.sercdown {
    padding: 14px 14px 14px 18px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    background: #e8f3fa;
    border-radius: 6px;
    position: absolute;
    right: -99px;
    top: 38px;
    width: 343px;
    opacity: 0;
    visibility: hidden;
    transition: 0.45s;
}

.sercdown:before {
    content: "";
    width: 11px;
    height: 6px;
    background: url(../images/arrow6.png) center no-repeat;
    position: absolute;
    right: 104px;
    top: -6px;
}

.sercdown .text {
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: content-box;
    padding-left: 7px;
    width: 270px;
    float: left;
    line-height: 20px;
    margin-top: 12px;
    color: #053f6a;
    font-size: 14px;
    background: none;
    border-left: 3px solid #87aec8;
}

.sercdown .sebtn {
    width: 60px;
    height: 43px;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #f3f3f3;
    font-size: 14px;
    transition: 0.4s;
    background: #053f6a;
    border-radius: 4px;
    float: right;
}

.sercdown .sebtn:hover {
    background: #04274b;
}

.platform {
    float: right;
    background: #7898ad;
    transition: 0.48s;
    margin-left: 36px;
    position: relative;
}

.platform >a {
    display: block;
    padding-left: 19px;
    width: 114px;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    font-size: 14px;
    background: url(../images/arrow.png) 89px center no-repeat;
}

.platforms {
    width: 100%;
    background: #e8f3fa;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 62px;
    padding: 26px 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.platforms:before {
    content: "";
    width: 11px;
    height: 6px;
    background: url(../images/arrow6.png) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -6px;
}

.platforms li {
    margin-left: 19px;
    margin-top: 10px;
}

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

.platforms li a {
    display: inline-block;
    color: #333333;
    font-size: 12px;
    position: relative;
    padding-left: 20px;
}

.platforms li a:hover {
    color: #053f6a;
}

.platforms li a:hover:before {
    border-color: #053f6a;
}

.platforms li a:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #9dbdd3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    border-radius: 50%;
    transition: 0.4s;
}

.platform:hover {
    background: #053f6a;
}

.platform:hover .platforms {
    opacity: 1;
    visibility: visible;
}

.mtop {
    height: 70px;
}

.menubtn {
    float: right;
    position: relative;
    display: none;
    margin-top: 14px;
    cursor: pointer;
    z-index: 20;
}

.menubtn span {
    display: block;
    width: 36px;
    height: 4px;
    float: left;
    background: none;
    margin: auto;
    margin-top: 1px;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s,.3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
}

.menubtn span:after, .menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: #053f6a;
    -webkit-transition-duration: .3s,.3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s,0s
}

.menubtn span:before {
    top: -7px;
    -webkit-transition-property: top,transform;
    -moz-transition-property: top,transform;
    -ms-transition-property: top,transform;
    -o-transition-property: top,transform;
    transition-property: top,transform;
}

.menubtn span:after {
    bottom: -7px;
    -webkit-transition-property: bottom,transform;
    -moz-transition-property: bottom,transform;
    -ms-transition-property: bottom,transform;
    -o-transition-property: bottom,transform;
    transition-property: bottom,transform;
}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s,0s;
    -moz-transition-delay: 0s,0s;
    -ms-transition-delay: 0s,0s;
    -o-transition-delay: 0s,0s;
    transition-delay: 0s,0s
}

.menubtn.active span:after,.menubtn.active span:before {
    -webkit-transition-delay: 0s,.3s;
    -moz-transition-delay: 0s,.3s;
    -ms-transition-delay: 0s,.3s;
    -o-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s
}

.menubtn.active span:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menubtn.active span:after {
    bottom: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navigate {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    padding-bottom: 70px;
    box-sizing: border-box;
    overflow-y: scroll;
    top: 0;
    z-index: 5;
    display: none;
}

.navigebgs {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(225,246,255,0.8);
}

.navigatefix {
    padding: 52px 0 42px;
    background: #053f6a;
    border-radius: 10px;
    width: 54%;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    margin-left: 5%;
    margin-top: 70px;
    width: 260px;
    max-width: 60%;
}

.menus >li {
    margin-bottom: 19px;
    padding: 0 26px;
    position: relative;
}

.menus >li:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    width: 9px;
    height: 17px;
    background: url(../images/arrow4.png) center no-repeat;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -8px;
    background-size: cover;
}

.menus >li >a {
    display: inline-block;
    color: #e1f6ff;
    font-size: 18px;
    position: relative;
}

.menus >li >a:before {
    content: "";
    width: 5px;
    height: 0;
    background: #e1f6ff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0;
    transition: 0.34s;
}

.menus >li.active >a {
    padding-left: 18px;
}

.menus >li.active >a:before {
    height: 18px;
    margin-top: -9px;
}

.menus >li.active:after {
    opacity: 1;
    visibility: visible;
}

.menus-down {
    width: 100%;
    background: #e8f3fa;
    display: none;
    padding: 40px 20px;
    border-radius: 5px;
    position: absolute;
    left: 95%;
    top: -50px;
    box-sizing: border-box;
}

.menus-down li {
    margin-bottom: 12px;
}

.menus-down li:last-child {
    margin-bottom: 0;
}

.menus-down li a {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    padding-left: 22px;
    line-height: 1.4;
    padding: 8px 0 8px 22px;
    position: relative;
}

.menus-down li a:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 4px solid #87aec8;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    transition: 0.35s;
}

.menus-down li a:hover {
    color: #053f6a;
}

.menus-down li a:hover:before {
    border-color: #053f6a;
}

.logins {
    margin-top: 30px;
    padding-left: 26px;
    padding-right: 26px;
}

.logins .search {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
    background: url(../images/search3.png) center no-repeat;
    background-size: cover;
}

.loginin {
    margin-bottom: 5px;
}

.loginin a {
    display: inline-block;
    color: #77a1c1;
    font-size: 18px;
}

.banner-box {
    position: relative;
}

.banner .item {
    float: left;
    opacity: 1 !important;
    overflow: hidden;
}

.banner .item figure {
    display: block;
    line-height: 1;
    overflow: hidden;
}

.banner .item figure img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.btext {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -90px;
}

.btextwr {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
}

.btext strong {
    display: inline-block;
    padding: 0 18px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    font-size: 16px;
    background: #053f6a;
    font-weight: normal;
    margin-bottom: 16px;
}

.btext small {
    display: block;
    color: #053f6a;
    font-size: 48px;
    font-weight: bold;
    font-family: "Square 721 Bold Condensed BT";
    line-height: 1;
    margin-top: 12px;
    margin-bottom: 24px;
}

.btext span {
    display: block;
    line-height: 1;
    color: #053f6a;
    font-size: 48px;
    font-weight: bold;
}

.btext b {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid #053f6a;
    position: relative;
    margin-top: 36px;
}

.btext b:before {
    content: "";
    width: 9px;
    height: 14px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -7px;
    background: url(../images/arrow1.png) center no-repeat;
}

.banner .slick-dots {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 18px;
    z-index: 20;
    line-height: 0;
    height: 12px;
}

.banner .slick-dots li {
    float: left;
    margin-right: 26px;
}

.banner .slick-dots li:last-child {
    margin-right: 0;
}

.banner .slick-list {
    position: relative;
    z-index: 3;
}

.banner .slick-dots li button {
    padding: 0;
    margin: 0;
    border: none;
    width: 6px;
    height: 6px;
    border: 3px solid #053f6a;
    border-radius: 50%;
    text-indent: 99999px;
    overflow: hidden;
    outline: none;
    box-sizing: content-box;
    background: none transparent;
    cursor: pointer;
    transition: 0.45s;
}

.banner .slick-dots li.slick-active button {
    background: #053f6a;
}

.banner .item.slick-current .btextwr {
    opacity: 1;
    visibility: visible;
    transform: skew(0deg) translateX(0);
    transition: 0.6s 0.3s;
}

.banner .item.slick-current {
    z-index: 4 !important;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.banner .item.slick-current figure {
    -webkit-animation: increaseHeight 0.8s forwards ease-in-out;
    animation: increaseHeight 0.8s forwards ease-in-out;
    -moz-animation: increaseHeight 0.8s forwards ease-in-out;
    -o-animation: increaseHeight 0.8s forwards ease-in-out;
}

.banner .item {
    -webkit-animation: hide 0.8s forwards ease-in-out;
    animation: hide 0.8s forwards ease-in-out;
    -moz-animation: hide 0.8s forwards ease-in-out;
    -o-animation: hide 0.8s forwards ease-in-out;
    z-index: 3 !important;
}

.banner .item figure {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.slick-list {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1; }

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

@-webkit-keyframes decreaseHeight {
    from {
    }

    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        width: 0;
    }
}

@keyframes decreaseHeight {
    from {
    }

    /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
    to {
        width: 0;
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    1%,100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    1%,100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0%,99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0%,99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes increaseHeight {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes increaseHeight {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.communicate {
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    bottom: 0;
    z-index: 10;
    background: url(../images/bg1.png) left center repeat;
}

.communicate strong {
    display: inline-block;
    float: left;
    margin-left: 17px;
    margin-top: 8px;
    padding: 0 12px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    color: #fff;
    font-size: 14px;
    background: #053f6a;
}

.communicatef {
    position: absolute;
    left: 144px;
    top: 0;
    right: 102px;
}

.communicatef span {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #323232;
    font-size: 14px;
    float: left;
    transition: 0.4s;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.communicatef time {
    display: block;
    float: right;
    margin-top: 1px;
    height: 48px;
    line-height: 48px;
    color: #323232;
    font-size: 14px;
}

.conmore {
    display: block;
    float: right;
    width: 78px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #323232;
    background: #7b98ac;
}

.conmore:hover {
    background: #184e75;
    color: #fff;
}

.communicatef:hover span {
    color: #053f6a;
}

.communinfo {
    float: left;
    width: 100%;
}

.system-box {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.systems {
    width: 50%;
    float: left;
    padding: 76px 0 130px;
    background: url(../images/line.png) left bottom repeat;
    background-size: cover;
}

.systemwr {
    width: 600px;
    float: right;
}

.stitle {
    line-height: 1;
    color: #053f6a;
    font-size: 28px;
    margin-bottom: 70px;
}

.systemlist {
    position: relative;
    display: inline-block;
}

.systemlist li span {
    display: block;
    padding-left: 70px;
    width: 169px;
    position: relative;
    height: 60px;
    line-height: 60px;
    color: #4f6a7e;
    font-size: 16px;
    font-weight: bold;
    transition: 0.56s;
    border-radius: 5px;
}

.systemlist li span img {
    display: block;
    max-height: 90%;
    position: absolute;
    left: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.stysle {
    width: 244px;
    position: absolute;
    left: 270px;
    top: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(35px);
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -o-transform: translateY(35px);
}

.stysle p {
    color: #646464;
    font-size: 12px;
}

.systemlist li:hover span {
    background: #ffffff;
}

.systemlist li:hover .stysle {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transition: 0.56s 0s;
}

.industry {
    width: 50%;
    display: none;
    position: absolute;
    right: 0;
    top: 24%;
    background: #053f6a;
    filter: alpha(opacity=90);
    background: rgba(5,63,106,0.9);
    padding-top: 24px;
    padding-bottom: 74px;
}

.intitles {
    line-height: 1;
    color: #fff;
    font-size: 14px;
    margin-left: 28px;
}

.industrywr {
    margin-top: 60px;
    padding-left: 28px;
    padding-right: 28px;
}

.initem {
    float: left;
    position: relative;
    z-index: 5 !important;
}

.initem span {
    display: block;
    line-height: 1.2;
    color: #fff;
    font-size: 16px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(28px);
    -webkit-transform: translateY(28px);
    -moz-transform: translateY(28px);
}

.initem time {
    display: block;
    line-height: 1;
    color: #698ca6;
    font-weight: bold;
    opacity: 0;
    visibility: hidden;
    transform: translateY(28px);
    -webkit-transform: translateY(28px);
    -moz-transform: translateY(28px);
}

.industrywr .slick-dots {
    position: absolute;
    right: 29px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 20;
}

.industrywr .slick-dots li {
    margin-top: 16px;
}

.industrywr .slick-dots li:first-child {
    margin-top: 0;
}

.industrywr .slick-dots li button {
    padding: 0;
    margin: 0;
    outline: none;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    box-sizing: content-box;
    border: 2px solid #fff;
    text-indent: 99999px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    transition: 0.35s;
}

.industrywr .slick-dots li.slick-active button {
    background: none;
}

.initem.slick-current span,.initem.slick-current time {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: 0.48s;
}

.initem.slick-current time {
    transition-delay: 0.14s;
}

.systemwr .infortop {
    width: 88%;
}

.informate-box {
    padding: 106px 0 64px;
    background: #e1f6ff;
}

.informatele {
    width: 660px;
    height: 699px;
    float: left;
    margin-left: -160px;
    position: relative;
    margin-top: 4px;
}

.informatele img {
    display: block;
    position: absolute;
}

.informatele .mboles {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.informatele img.inimg1 {
    left: 0;
    top: 52px;
    z-index: 5;
}

.informatele img.inimg2 {
    left: 0;
    bottom: 0;
}

.informatele img.inimg3 {
    right: 0;
    top: 0;
}

.informateri {
    width: 50%;
    float: right;
}

.infortop {
    margin-bottom: 40px;
}

.infortop h3 {
    color: #053f6a;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 19px;
}

.infortop p {
    color: #646464;
    font-size: 16px;
}

.informateli li {
    width: 48.33333%;
    float: left;
    position: relative;
}

.informateli li:nth-child(2n+2) {
    float: right;
}

.informateli li a {
    display: block;
    padding: 18px 15px 30px;
    transition: 0.55s;
    border-radius: 6px;
}

.informateli li a b {
    display: block;
    width: 31px;
    height: 31px;
    position: relative;
    float: left;
}

.informateli li a b img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.informatete {
    width: 200px;
    float: right;
    padding-top: 9px;
}

.informatete span {
    display: block;
    line-height: 1;
    color: #4f6a7e;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 13px;
}

.informatete p {
    color: #646464;
    font-size: 12px;
    overflow: hidden;
    height: 63px;
}

.informateli li a:hover {
    background: #fff;
}

.evaluate .infortop {
    width: 50%;
    padding-top: 18px;
}

.evaluate .infortop h3 {
    color: #fff;
    font-weight: normal;
}

.evaluate .infortop p {
    color: #fff;
}

.evaluate-box {
    padding: 38px 0 80px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.evaluett {
    line-height: 1;
    color: #fff;
    font-size: 28px;
    margin-bottom: 70px;
    font-weight: normal;
}

.evaluelist {
    border-top: 1px solid #3d7fa5;
    width: 450px;
    border-top: 1px solid rgba(255,255,255,0.2);
}

.evaluelist li {
    border-bottom: 1px solid #3d7fa5;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.evaluelist li a {
    display: block;
    padding: 32px 30px 30px 72px;
    position: relative;
}

.evaluelist li a:before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/arrow2.png) center no-repeat;
    position: absolute;
    right: 27px;
    top: 50%;
    margin-top: -8px;
    transition: 0.4s;
}

.evaluelist li a b {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 14px;
    top: 24px;
    transition: 0.42s;
}

.evaluelist li a b img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.evaluelist li a span {
    display: block;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.evaluelist li a p {
    color: #72a9d2;
    height: 0;
    font-size: 12px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.evaluelist li a i {
    display: block;
    width: 34px;
    height: 34px;
    border: 3px solid #4983af;
    border-radius: 50%;
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -20px;
    background: url(../images/arrow3.png) center no-repeat;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transition: 0.34s;
}

.evaluelist li:hover a {
    padding: 48px 30px 47px 72px;
}

.evaluelist li:hover a:before {
    opacity: 0;
    visibility: hidden;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

.evaluelist li:hover b {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transition: 0s;
}

.evaluelist li:hover a p {
    height: 42px;
    margin-top: 14px;
    opacity: 1;
    visibility: visible;
}

.evaluelist li:hover a i {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transition: 0.44s;
}

.news-center {
    padding: 94px 0 136px;
    background: #e1f6ff;
}

.newstitle {
    text-align: center;
    line-height: 1;
    color: #053f6a;
    font-size: 28px;
    margin-bottom: 52px;
}

.newsli li {
    width: 32%;
    margin-left: 2%;
    float: left;
}

.newsli li:first-child {
    margin-left: 0;
}

.newsli li figure {
    display: block;
    line-height: 1;
}

.newsli li figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    transition: 0.58s;
}

.newsdown {
    position: relative;
    padding: 24px 34px 24px 32px;
    margin-left: 23px;
    margin-right: 23px;
    background: #fff;
    margin-top: -20px;
}

.newsdown span {
    display: block;
    line-height: 1;
    color: #4f6a7e;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.newsdown p {
    color: #999999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.newsli li:hover figure img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}

.partner-box {
    padding: 60px 0 110px;
    background: #f0fbff;
}

.partnerli {
    margin-top: 78px;
}

.partnerli li {
    width: 25%;
    height: 100px;
    position: relative;
    margin-bottom: 80px;
    text-align: center;
    float: left;
}

.partnerli li img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.5s;
}

.loadmore {
    text-align: center;
}

.loadmore a {
    display: block;
    width: 174px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    margin: auto;
    border: 3px solid #053f6a;
    border-radius: 4px;
    color: #053f6a;
    font-size: 14px;
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.loadmore a:before {
    content: "";
    width: 150%;
    height: 100%;
    background: #053f6a;
    position: absolute;
    left: -170%;
    top: 0;
    transform: skewX(-35deg);
    -webkit-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    transition: 0.28s;
    z-index: -1;
}

.loadmore a:hover {
    color: #fff;
}

.loadmore a:hover:before {
    left: -20%;
    transition: 0.45s;
}

.partnerli li a:hover img {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
}

.footer-box {
    padding-top: 64px;
    background: #053f6a;
}

.footer-top {
    padding-bottom: 80px;
    border-bottom: 1px solid #2a6088;
}

.fnav {
    display: block;
    float: left;
    width: 176px;
}

.fnav:last-child {
    width: 260px;
}

.fnav dt {
    display: block;
    margin-bottom: 24px;
}

.fnav dt a {
    display: inline-block;
    line-height: 1;
    color: #b4d9f5;
    font-size: 14px;
}

.fnav dt a:hover {
    color: #5ab2f4;
}

.fnav dd {
    display: block;
}

.fnavin {
    margin-bottom: 8px;
}

.fnavin a {
    display: inline-block;
    color: #77a1c1;
    font-size: 14px;
}

.fnavin a:hover {
    color: #5ab2f4;
}

.fnav dd p {
    color: #77a1c1;
    font-size: 14px;
    margin-bottom: 8px;
}

.footerdown {
    padding: 19px 0;
}

.fleft {
    float: left;
}

.share {
    float: left;
}

.share a {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 22px;
    border-radius: 50%;
}

.share a.weix {
    background: #4f799c url(../images/weix.png) center no-repeat;
}

.share a.sina {
    background: #4f799c url(../images/sina1.png) center no-repeat;
}

.share a.headline {
    background: #4f799c url(../images/headline.png) center no-repeat;
}

.share a.weix:hover {
    background: #5ab2f4 url(../images/weix.png) center no-repeat;
}

.share a.sina:hover {
    background: #5ab2f4 url(../images/sina1.png) center no-repeat;
}

.share a.headline:hover {
    background: #5ab2f4 url(../images/headline.png) center no-repeat;
}

.plat {
    float: left;
    margin-top: 14px;
}

.plat li {
    float: left;
    padding: 0 14px;
    border-left: 1px solid #2a6088;
}

.plat li:first-child {
    border-left: none;
}

.plat li a {
    display: block;
    height: 14px;
    line-height: 1;
    color: #77a1c1;
}

.plat li a:hover {
    color: #5ab2f4;
}

.edites {
    float: right;
    margin-top: 8px;
}

.edites p {
    color: #77a1c1;
    font-size: 14px;
}

.edites p a {
    display: inline-block;
    color: #77a1c1;
    font-size: 14px;
    margin-left: 20px;
}

.edites p a:hover {
    color: #5ab2f4;
}

/*普益资讯*/
.container {
    position: relative;
    background: #ffffff;
    padding: 115px 0 120px;
    box-sizing: border-box;
    min-height: 90vh !important;
}

.containerbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.containerwr {
    position: relative;
    z-index: 5;
}

.commonmenu {
    width: 265px;
    position: fixed;
    left: 50%;
    margin-left: -763px;
    top: 185px;
    padding: 20px 0 30px;
    background: url(../images/bgs.png) center repeat;
    background: rgba(240,240,240,0.5);
    box-shadow: 0 0 6px rgba(5,52,72,0.25);
    border-radius: 8px;
    z-index: 10;
}

.commonmenu.flex {
    top: auto;
    position: absolute;
    bottom: 50px;
}

.menusli {
    margin: 0 15px;
}

.menusli li {
    position: relative;
    margin-bottom: 3px;
}

.menusli li a {
    display: block;
    padding: 18px 5px 18px 54px;
    color: #175989;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
    line-height: 1.4;
    background: none;
}

.menusli li a b {
    display: block;
    text-align: center;
    width: 31px;
    height: 31px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -15px;
}

.menusli li a b img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.menusli li a:hover,.menusli li.active a {
    background: url(../images/line1.jpg) left repeat-x;
    box-shadow: 0 0 6px rgba(5,52,72,0.25);
    background-size: auto 100%;
}

.contents {
    width: 74.6666%;
    float: right;
}

.informatetop h2 {
    color: #053f6a;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 20px;
}

.informatetop p {
    color: #053f6a;
    font-size: 16px;
}

.informatelist {
    margin-top: 100px;
    padding-bottom: 40px;
}

.informatelist li {
    margin-bottom: 30px;
}

.special {
    width: 150px;
    float: left;
    background: #eeeeee;
    border-radius: 5px;
}

.special span {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #053f6a;
    border-radius: 5px 5px 0 0;
}

.special span i {
    display: inline-block;
    margin: auto;
    line-height: 32px;
    color: #ffffff;
    font-size: 14px;
    padding-left: 25px;
    background: url(../images/special.png) left center no-repeat;
    font-style: normal;
}

.special b {
    display: block;
    line-height: 64px;
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.special b em {
    display: inline-block;
    font-style: normal;
    font-size: 28px;
}

.specialtext {
    margin-left: 166px;
    padding: 14px 0 14px 20px;
    margin-top: -13px;
    border-radius: 5px;
    transition: 0.58s;
    height: 96px;
    position: relative;
}

.specialtext time {
    display: block;
    line-height: 1;
    color: #5191c0;
    margin-bottom: 14px;
}

.specialtext p {
    color: #323232;
    font-size: 16px;
    line-height: 1.5;
}

.specialtext span {
    display: block;
    line-height: 1;
    color: #969696;
    position: absolute;
    left: 20px;
    bottom: 14px;
    transition: 0.46s;
}

.informatelist li a:hover .specialtext {
    background: #eeeeee;
}

.pages a {
    display: block;
    width: 42px;
    height: 42px;
    border: 2px solid #bfbfbf;
    text-align: center;
    line-height: 42px;
    color: #323232;
    font-size: 16px;
    margin-right: 20px;
    float: left;
    border-radius: 50%;
}

.pages a:last-child {
    margin-right: 0;
}

.pages a:hover,.pages a.active {
    border-color: #22aee9;
    color: #22aee9;
}

.ptexts {
    position: relative;
    display: inline-block;
}

.ptexts .tetx {
    padding: 0;
    border: none;
    padding-left: 22px;
    width: 86px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    border-radius: 22px;
    background: #053f6a;
    color: #fff;
    font-size: 14px;
    box-sizing: content-box;
}

.ptexts span {
    display: block;
    width: 19px;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    background: url(../images/arrow7.png) center no-repeat;
    cursor: pointer;
}

.ptexts input::-webkit-input-placeholder {
    color: #fff;
}

.ptexts input::-moz-placeholder {
    color: #fff;
}

.ptexts input:-moz-placeholder {
    color: #fff;
}

.ptexts input:-ms-input-placeholder {
    color: #fff;
}

.financing {
    margin-top: 82px;
    padding-bottom: 36px;
}

.financing li {
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 24px;
}

.financing li a {
    display: block;
    margin-right: 20px;
}

.finanle {
    float: left;
    width: 75px;
    padding-left: 19px;
    padding-top: 20px;
    height: 65px;
    background: #eeeeee;
    border-radius: 4px;
    transition: 0.56s;
}

.finanle b {
    display: block;
    line-height: 1;
    color: #666666;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 8px;
    transition: 0.4s;
}

.finanle p {
    line-height: 1;
    color: #999999;
    font-size: 14px;
    transition: 0.4s;
}

.financings {
    margin-left: 120px;
}

.financings span {
    display: block;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    height: 52px;
    transition: 0.38s;
}

.financings b {
    display: block;
    line-height: 1;
    color: #323232;
    font-weight: normal;
    transition: 0.38s;
}

.financing li a:hover .finanle {
    background: #053f6a;
}

.financing li a:hover .finanle b,.financing li a:hover .finanle p {
    color: #fff;
}

.financing li a:hover .financings span {
    color: #053f6a;
}

.financing li a:hover .financings b {
    color: #053f6a;
}

.bank-box {
    margin-top: 100px;
    padding-bottom: 20px;
}

.bankbtn {
    margin-bottom: 50px;
    border-bottom: 1px solid #b5d2de;
}

.bankbtn a {
    display: block;
    width: 89px;
    text-align: center;
    line-height: 1;
    color: #323232;
    font-size: 14px;
    padding-bottom: 17px;
    position: relative;
    float: left;
    margin-right: 22px;
}

.bankbtn a:last-child {
    margin-right: 0;
}

.bankbtn a:before {
    content: "";
    width: 100%;
    height: 6px;
    background: #053f6a;
    position: absolute;
    left: 0;
    bottom: -1px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}

.bankbtn a.active:before,.bankbtn a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.bank-list {
    width: 947px;
    margin-left: -26px;
}

.bank-list li {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}

.bank-list li a {
    display: block;
    margin: 0 26px;
    position: relative;
    border-radius: 6px;
    padding: 36px 26px 0;
    height: 105px;
    background: #f4f4f4;
}

.bank-list li a h3 {
    line-height: 1;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.bank-list li a time {
    display: block;
    line-height: 1;
    color: #72a0c1;
    font-size: 14px;
}

.bank-list li a span {
    display: block;
    line-height: 1;
    color: #323232;
    position: absolute;
    right: 28px;
    bottom: 21px;
}

.bank-list li a:hover {
    background: #fff;
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
}

.case {
    margin-top: 68px;
}

.case li {
    margin-bottom: 28px;
    position: relative;
}

.case li figure {
    display: block;
    position: relative;
    line-height: 1;
    border-radius: 6px;
    overflow: hidden;
}

.case li figure img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transition: 0.68s;
}

.case li figure:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
    z-index: 3;
    background: url(../images/shabox1.png) left bottom no-repeat;
    background-size: 100% auto;
    transition: 0.58s;
}

.case li span {
    display: block;
    line-height: 1;
    color: #e1f6ff;
    font-size: 18px;
    position: absolute;
    left: 30px;
    bottom: 21px;
    z-index: 5;
    font-weight: bold;
}

.case li:hover figure img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}

.case li:hover figure:before {
    background: #053f6a;
    filter: alpha(opacity=60);
    background: rgba(5,63,106,0.6);
}

.innshare {
    margin-top: 28px;
}

.innshare time {
    display: block;
    color: #5984a4;
    float: left;
}

.sharele {
    float: left;
    margin-left: 25px;
}

.sharele span {
    display: block;
    float: left;
    line-height: 21px;
    color: #5984a4;
}

.sharele a {
    margin: 0 !important;
    display: block !important;
    float: left;
    width: 20px !important;
    height: 21px !important;
    padding: 0 !important;
    margin-left: 12px !important;
}

.sharele a.weixs {
    background: url(../images/weix.png) center no-repeat !important;
}

.sharele a.sinad {
    background: url(../images/sina1.png) center no-repeat !important;
}

.sharele a.tout {
    background: url(../images/tout.png) center no-repeat !important;
}

.sharele a.bshare-more {
    background: url(../images/chmore.png) center no-repeat !important;
}

.sharele a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.caseview {
    margin-top: 40px;
}

.caseview p {
    color: #333333;
    font-size: 14px;
}

.caseview img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

.caseview a {
    color: #337ab7
}

.commonmenu1 {
    background: none;
    margin-left: -760px;
    box-shadow: none;
}

.posites {
    margin-bottom: 16px;
    padding-left: 11px;
}

.posites a {
    display: block;
    float: left;
    color: #1f4c72;
    font-size: 14px;
    line-height: 1;
}

.posites a:hover {
    color: #053f6a;
}

.previous {
    padding: 34px 30px 40px;
    background: url(../images/bgs.png) repeat;
    background: rgba(255,255,255,0.5);
    box-shadow: 0 0 6px rgba(5,52,72,0.25);
    border-radius: 6px;
}

.previous .prev {
    display: inline-block;
    padding-left: 47px;
    line-height: 29px;
    color: #175989;
    font-size: 16px;
    background: url(../images/prev.png) left center no-repeat;
}

.previous .next {
    display: inline-block;
    padding-left: 47px;
    line-height: 29px;
    color: #175989;
    font-size: 16px;
    background: url(../images/next.png) left center no-repeat;
}

.previous .backli {
    display: inline-block;
    padding-left: 46px;
    color: #175989;
    font-size: 16px;
    line-height: 25px;
    background: url(../images/back.png) left center no-repeat;
    margin-top: 32px;
    margin-bottom: 32px;
}

.technology {
    margin-top: 58px;
}

.technology p,.technology a {
    color: #333333;
    font-size: 14px;
}

.technology img {
    display: block;
    max-width: 100%;
    height: auto;
}

.commonmenu2 .previous .backli {
    margin-bottom: 0;
}

.evalutefix {
    width: 977px;
    margin-left: -41px;
    margin-top: 80px;
    padding-bottom: 22px;
}

.evalutefix li {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.evalutefix li a {
    display: block;
    margin: 0 41px;
    padding: 24px 28px 0 32px;
    background: url(../images/bgs.png) center repeat;
    background: rgba(238,238,238,0.5);
    height: 65px;
    border-radius: 6px;
    position: relative;
}

.evalutefix li a h3 {
    line-height: 1;
    color: #053f6a;
    font-size: 18px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.evalutefix li a time {
    display: block;
    line-height: 1;
    color: #646464;
}

.evalutefix li a b {
    display: block;
    width: 24px;
    height: 27px;
    background: url(../images/datas.png) center no-repeat;
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -13px;
}

.evalutefix li a:hover {
    background: rgba(255,255,255,0.5);
}

.finances {
    margin-top: 70px;
}

.reginons li a {
    background: #eeeeee;
    height: 90px;
    padding-top: 20px;
}

.reginons li a:hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(5,52,72,0.35);
}

.reginons li a time {
    margin-bottom: 12px;
}

.reginons li a span {
    display: block;
    color: #053f6a;
    font-size: 16px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banks li a {
    padding: 36px 35px 36px 28px;
    height: auto;
    background: #eeeeee;
}

.banks li a .evaluedown time {
    float: left;
    line-height: 1.8;
    color: #053f6a;
    font-size: 16px;
}

.banks li a .evaluedown span {
    display: block;
    padding-left: 26px;
    color: #5191c0;
    font-size: 16px;
    background: url(../images/map1.png) left center no-repeat;
    float: right;
    width: auto;
}

.banks li a:hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(5,52,72,0.5);
}

.news-list li a .specialtext {
    margin-left: 165px;
    margin-top: 0;
}

.newimg {
    width: 160px;
    line-height: 1;
    overflow: hidden;
    float: left;
}

.newimg img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    transition: 0.58s;
}

.news-list li a:hover .newimg img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
}

.medias {
    width: 975px;
    margin-left: -40px;
    margin-top: 120px;
}

.medias li {
    width: 50%;
    margin-bottom: 46px;
    float: left;
}

.medias li a {
    display: block;
    margin: 0 40px;
    background: #eeeeee;
    border-radius: 6px;
}

.medias li a b {
    display: block;
    padding-left: 55px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    background: #0c456f url(../images/medar1.png) 21px center no-repeat;
    border-radius: 6px 6px 0 0;
}

.mideadown {
    padding: 20px 20px 0;
    height: 96px;
}

.mideadown time {
    display: block;
    line-height: 1;
    color: #999999;
    margin-bottom: 10px;
}

.mideadown span {
    display: block;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
    height: 56px;
    overflow: hidden;
}

.medias li a:hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(5,52,72,0.5);
}

.about-box {
    position: relative;
}

.container1 {
    padding-top: 0;
    padding-bottom: 0 !important;
}

.container1 .commonmenu {
    position: absolute !important;
    background: #eeeeee;
    top: 115px;
    bottom: auto;
}

.abouimg {
    line-height: 1;
    overflow: hidden;
}

.abouimg img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
}

.about {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    width: 745px;
    bottom: 17.6%;
}

.about h2 {
    color: #053f6a;
    font-size: 48px;
    line-height: 1;
    margin-bottom: 19px;
}

.about p {
    color: #4d7a9b;
    font-size: 16px;
    text-align: justify;
}

.aboutinfo {
    width: 25%;
    float: left;
    position: relative;
}

.aboutinfo figure {
    display: block;
    line-height: 1;
    overflow: hidden;
}

.aboutinfo figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 0.58s;
}

.aboutitle {
    position: absolute;
    left: 41px;
    bottom: 29px;
    z-index: 5;
}

.aboutitle span {
    display: block;
    line-height: 1;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    transition: 0.44s;
}

.aboutitle small {
    display: block;
    line-height: 1;
    color: #053f6a;
    font-size: 32px;
    font-family: "futura-condensed";
    transition: 0.44s;
}

.aboutmark {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.aboutbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #053f6a;
    filter: alpha(opacity=90);
    background: rgba(5,63,106,0.9);
    -webkit-transition: -webkit-transform .8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .8s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .8s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    visibility: hidden\9;
}

.aboutmark p {
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    left: 40px;
    right: 45px;
    top: 52px;
    padding-top: 18px;
    opacity: 0;
    visibility: hidden;
    transition: 0s;
}

.aboutmark p:before {
    content: "";
    width: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.aboutinfo:hover figure img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.aboutinfo:hover .aboutbg {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
    visibility: visible\9;
}

.aboutinfo:hover .aboutmark p {
    opacity: 1;
    visibility: visible;
    transition: 0.58s;
}

.aboutinfo:hover .aboutitle span,.aboutinfo:hover .aboutitle small {
    color: #fff;
}

.team-box {
    padding: 66px 27px 50px;
}

.team-list li {
    width: 25%;
    float: left;
    margin-bottom: 66px;
}

.team-list li a {
    display: block;
    margin: 0 11px;
    padding: 46px 20px 26px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 8px;
    cursor: pointer;
}

.team-list li a figure {
    display: block;
    text-align: center;
    margin-bottom: 28px;
}

.team-list li a figure img {
    display: block;
    width: 145px;
    height: auto;
    border: 6px solid #fff;
    border-radius: 50%;
    margin: auto;
}

.team-list li a b {
    display: block;
    text-align: center;
    color: #666666;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 8px;
}

.team-list li a strong {
    display: block;
    text-align: center;
    line-height: 1;
    color: #053f6a;
    font-size: 30px;
    margin-bottom: 24px;
}

.team-list li a span {
    display: block;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

.team-list li a p {
    height: 72px;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
}

.team-list li a i {
    display: block;
    width: 33px;
    height: 33px;
    margin: auto;
    border-radius: 16px;
    background: #074688;
    position: relative;
    transition: 0.45s;
}

.team-list li a i:before {
    content: "";
    width: 11px;
    height: 11px;
    background: url(../images/arrow5.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.46s;
}

.team-list li a:hover {
    background: #fff;
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
}

.team-list li a:hover i {
    width: 100px;
}

.team-list li a:hover i:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.joins {
    padding: 76px 0 100px;
}

.joinfix {
    margin-bottom: 15px;
}

.jointop {
    background: #f3f3f3;
    cursor: pointer;
    transition: 0.45s;
    border-radius: 5px;
    padding: 18px 42px 18px 33px;
}

.jointop span {
    display: block;
    float: left;
    line-height: 44px;
    color: #053f6a;
    font-size: 20px;
    padding-left: 66px;
    background: url(../images/join.png) left center no-repeat;
}

.jointop b {
    display: block;
    width: 23px;
    height: 18px;
    float: right;
    margin-top: 13px;
    background: url(../images/more1.png) center no-repeat;
    transition: 0.4s;
}

.jointop:hover {
    background: #fff;
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
}

.jointop.active {
    background: #e5e5e5;
    box-shadow: none;
}

.jointop.active b {
    background: url(../images/close1.png) center no-repeat;
}

.jointext {
    padding: 58px 170px;
    border-radius: 0 0 5px 5px;
    display: none;
    background: #f3f3f3;
}

.jointext p {
    color: #666666;
    font-size: 14px;
}

.contacts {
    position: relative;
}

.conbgs {
    display: block;
    width: 100%;
    height: auto;
}

.maps {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.anchorBL {
    display: none !important;
}

.BMap_mask {
}

.BMap_bubble_title {
    font-size: 16px !important;
    color: #074688;
    font-weight: bold;
}

.address {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    z-index: 20;
    background: #fff;
    box-shadow: 0 0 25px rgba(55,55,55,0.25);
    border-radius: 6px;
    padding: 20px 24px 24px;
    top: 50%;
    /* margin-top: -215px; */
    transform: translateY(-50%);
}

.addresstop {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.addresstop span {
    display: block;
    padding-left: 42px;
    line-height: 25px;
    color: #333333;
    font-size: 14px;
    margin-top: 10px !important;
}

.addresstop span.addre1 {
    background: url(../images/address1.png) left top no-repeat;
    margin-top: 0;
}

.addresstop span.addre2 {
    background: url(../images/address2.png) left center no-repeat;
}

.addresstop span.addre3 {
    background: url(../images/address3.png) left center no-repeat;
}

.addresstop span.addre4 {
    background: url(../images/address4.png) left center no-repeat;
}

.addredown {
    padding-top: 20px;
}

.addinfo {
    margin-top: 12px;
}

.addinfo:first-child {
    margin-top: 0;
}

.addinfo span {
    display: block;
    line-height: 1;
    color: #053f6a;
    margin-bottom: 9px;
    font-size: 14px;
}

.addinfo p {
    color: #333333;
    font-size: 14px;
    line-height: 1;
}

/*登陆*/
.login-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff url(../img/27.jpg) top center no-repeat;
    background-size: 100% top;
}

.loginfix {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    margin-top: -210px;
}

.loginbox {
    padding: 32px 50px 35px;
    width: 318px;
    margin: auto;
    border-radius: 6px;
    background: #eaeaea;
    background: rgba(238,238,238,0.7);
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
}

.loginbox .text {
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    margin-bottom: 14px;
    padding-left: 20px;
    width: 295px;
    height: 56px;
    line-height: 56px;
    transition: 0.4s;
    color: #66a3d2;
    font-size: 14px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 5px;
}

.loginbox .text:focus {
    border-color: #1e5792;
}

.loginbox input::-webkit-input-placeholder {
    color: #1e5792;
}

.loginbox input::-moz-placeholder {
    color: #1e5792;
}

.loginbox input:-moz-placeholder {
    color: #1e5792;
}

.loginbox input:-ms-input-placeholder {
    color: #1e5792;
}

.loginbox .validate {
    padding-bottom: 12px;
}

.loginbox .validate .text {
    width: 133px;
    float: left;
}

.loginbox .validate span {
    display: block;
    width: 155px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    color: #4d86b4;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

.loginbox .lointop {
    width: 100%;
    height: 58px;
    line-height: 58px;
    color: #5c97c5;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background: url(../images/shabox2.png) center no-repeat;
    box-shadow: 0 0 25px rrgba(5,52,72,0.25);
    border: none;
    border-radius: 6px;
    background-size: cover;
}

.logintext {
    text-align: center;
    margin-top: 42px;
    color: #999999;
    font-size: 14px;
}

.editefix {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 24px;
    z-index: 10;
}

.editefix p {
    text-align: center;
    color: #999999;
    font-size: 14px;
}

.editefix p a {
    display: inline-block;
    color: #999999;
    margin-left: 20px;
}

.editefix p a:hover {
    color: #1e5792;
}

.allsele {
    border-bottom: 1px solid #b5d2de;
    padding-bottom: 12px;
}

.allsele .radios {
    display: inline-block;
    float: left;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}

.allsele .radios .radifix {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #8fb8ca;
    border-radius: 4px;
    box-sizing: content-box;
    position: relative;
    top: -2px;
}

.allsele span {
    display: block;
    float: left;
    color: #323232;
    font-size: 14px;
    margin-left: 18px;
    font-weight: bold;
}

.allsele b {
    display: block;
    float: right;
    color: #323232;
    font-size: 14px;
}

.sele-list {
    position: relative;
    margin-top: 34px;
    margin-bottom: 16px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
}

.sele-list li {
    position: relative;
    margin-bottom: 8px;
}

.sele-list li:before {
    content: "";
    width: 100%;
    height: 36px;
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transition: 0.4s;
}

.sele-list li a {
    display: block;
    position: relative;
    z-index: 3;
}

.sele-list li .selefs {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #8fb8ca;
    border-radius: 4px;
    box-sizing: content-box;
    float: left;
    margin-left: 18px;
    margin-top: 11px;
}

.sele-list li .sertext {
    display: block;
    float: left;
    color: #1b3e58;
    font-size: 16px;
    line-height: 36px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 12px;
}

.sele-list li .serb {
    display: block;
    width: 15px;
    height: 16px;
    float: right;
    margin-right: 13px;
    margin-top: 10px;
    background: url(../images/load.png) center no-repeat;
}

.sele-list li:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
}

.loadfix {
    padding-top: 26px;
    border-top: 1px solid #b5d2de;
}

.loadfix .loadbtn {
    display: block;
    width: 120px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #e1f6ff;
    font-size: 14px;
    border-radius: 20px;
    background: #5e92b9;
    float: left;
}

.loadfix .loadbtn:hover {
    background: #00a2e6;
}

.loadfix .pages {
    float: right;
}

.error-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
}

.error {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    text-align: center;
    margin-top: -185px;
}

.errorimg {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.errorbtn {
    text-align: center;
    margin-top: -120px;
    position: relative;
    z-index: 3;
}

.errorbtn p {
    text-align: center;
    line-height: 1;
    color: #666666;
    font-size: 14px;
}

.errordown {
    margin-top: 72px;
    text-align: center;
}

.errordown a {
    display: inline-block;
    width: 129px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #ffffff;
    font-size: 14px;
    vertical-align: middle;
    margin: 0 5px;
    background: #a0a0a0;
}

.errordown a:hover {
    background: #31699c;
}

.search-box {
    background: #fff;
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
    padding: 12px 20px 12px 22px;
    border-radius: 6px;
}

.search-box span {
    float: left;
    padding-left: 30px;
    line-height: 40px;
    color: #053f6a;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/search1.png) left center no-repeat;
}

.serchwr {
    margin-left: 94px;
    border-left: 1px solid #dcdcdc;
}

.serchwr .text {
    padding: 0;
    margin: 0;
    border: none;
    padding-left: 20px;
    width: 640px;
    height: 45px;
    line-height: 45px;
    color: #999999;
    font-weight: bold;
}

.serchwr .sub {
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    width: 77px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    font-size: 14px;
    background: #053f6a;
    border-radius: 5px;
    transition: 0.45s;
    float: right;
}

.serchwr .sub:hover {
    background: #11a8e8;
}

.resualt {
    margin-top: 64px;
}

.retitle {
    line-height: 1;
    color: #053f6a;
    font-size: 24px;
    margin-bottom: 30px;
}

.searchli {
    padding: 12px 0;
    margin-bottom: 30px;
    border-top: 1px solid #b5d2de;
    border-bottom: 1px solid #b5d2de;
}

.searchli li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 5px;
}

.searchli li:before {
    content: "";
    width: 100%;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    background: #eeeeee;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transition: 0.4s;
}

.searchli li span {
    display: block;
    line-height: 36px;
    color: #1b3e58;
    font-size: 16px;
    position: relative;
}

.searchli li:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.stitle.article-block,.evaluett.article-block,.newstitle.article-block {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transition: 0.6s;
}

.stitle.articleShow,.evaluett.articleShow,.newstitle.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.systemlist.article-block li,.evaluelist.article-block li,.newsli.article-block li {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transition: 0.54s 0.2s;
}

.systemlist.articleShow li,.evaluelist.articleShow li,.newsli.articleShow li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.systemlist.articleShow li:nth-child(2),.evaluelist.articleShow li:nth-child(2),.newsli.articleShow li:nth-child(2) {
    transition-delay: 0.4s;
}

.systemlist.articleShow li:nth-child(3),.evaluelist.articleShow li:nth-child(3),.newsli.articleShow li:nth-child(3) {
    transition-delay: 0.6s;
}

.systemlist.articleShow li:nth-child(4),.evaluelist.articleShow li:nth-child(4) {
    transition-delay: 0.8s;
}

.systemlist.articleShow li:nth-child(5),.evaluelist.articleShow li:nth-child(5) {
    transition-delay: 1s;
}

.systemlist.articleShow li:nth-child(6),.evaluelist.articleShow li:nth-child(6) {
    transition-delay: 1.2s;
}

.systemlist.articleShow li:nth-child(7),.evaluelist.articleShow li:nth-child(7) {
    transition-delay: 1.4s;
}

.systemlist.articleShow li:nth-child(8) {
    transition-delay: 1.6s;
}

.partnerli.article-block {
    opacity: 0;
    visibility: hidden;
    transition: 0.58s 0.3s;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
}

.partnerli.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.informatele.article-block img {
    opacity: 0;
    visibility: hidden;
    transform: translateX(45px);
    -webkit-transform: translateX(45px);
    -moz-transform: translateX(45px);
    transition: 0.65s 0.12s;
}

.informatele.articleShow img {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.informatele.articleShow img.inimg2 {
    transition-delay: 0.25s;
}

.informatele.articleShow img.inimg3 {
    transition-delay: 0.35s;
}

.infortop.article-block {
    opacity: 0;
    visibility: hidden;
    transform: translateY(45px);
    transition: 0.54s;
}

.infortop.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.informateli.article-block li {
    opacity: 0;
    visibility: hidden;
    transform: translateY(35px);
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    transition: 0.56s 0.3s;
}

.informateli.articleShow li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.informateli.article-block li:nth-child(2) {
    transition-delay: 0.5s;
}

.informateli.article-block li:nth-child(3) {
    transition-delay: 0.7s;
}

.informateli.article-block li:nth-child(4) {
    transition-delay: 0.9s;
}

.informateli.article-block li:nth-child(5) {
    transition-delay: 1.1s;
}

.informateli.article-block li:nth-child(6) {
    transition-delay: 1.3s;
}

.popUpblack {
    background: #000\9;
    filter: alpha(opacity=80);
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1010;
    display: none;
}

.popUp {
    width: 220px;
    border: 2px solid #279d88;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -87px 0 0 -115px;
    z-index: 1004;
}

.popUp .t {
    padding: 0 0 0 10px;
    height: 26px;
    line-height: 26px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
    background: #f2f2f2;
}

.popUp .t .close {
    padding: 0 10px 0 0;
    float: right;
    cursor: pointer;
    color: #666;
    font-weight: normal;
}

.popUp .img {
    padding: 20px;
}

.popUp .img img {
    width: 100%;
    display: block;
}

.teamboxs {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.75s;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 299;
}

.teambg {
    width: 100%;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=90);
    background: rgba(255,255,255,0.9);
    position: fixed;
    left: 0;
    top: 0;
}

.teamwrs {
    width: 558px;
    position: absolute;
    left: 50%;
    margin-left: -320px;
    z-index: 10;
    top: 50%;
    background: #fff;
    padding: 42px 36px 62px;
    border-radius: 8px;
    box-shadow: 0 0 25px rgba(5,52,72,0.25);
    transform: translateX(50px) translateY(-50%);
    -webkit-transform: translateX(50px) translateY(-50%);
    -moz-transform: translateX(50px) translateY(-50%);
    visibility: hidden;
    transition: 0.48s;
}

.teamtops {
    margin-bottom: 52px;
}

.teamtops figure {
    display: block;
    text-align: center;
    margin-bottom: 28px;
}

.teamtops figure img {
    display: block;
    width: 145px;
    height: auto;
    border: 6px solid #fff;
    border-radius: 50%;
    margin: auto;
}

.teamtops b {
    display: block;
    text-align: center;
    color: #666666;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 8px;
}

.teamtops strong {
    display: block;
    text-align: center;
    line-height: 1;
    color: #053f6a;
    font-size: 30px;
    margin-bottom: 24px;
}

.teamtops span {
    display: block;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

.teamtext p {
    color: #333333;
    font-size: 14px;
    margin-bottom: 10px;
}

.teamtext p:last-child {
    margin-bottom: 0;
}

.closes {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/close2.png) center no-repeat;
    position: absolute;
    right: 17px;
    top: 18px;
    transition: 0.4s;
    cursor: pointer;
}

.closes:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.teamboxs.show {
    opacity: 1;
    visibility: visible;
}

.teamboxs.show .teamwrs {
    visibility: visible;
    transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    transition: 0.58 0.2s;
}

.menusli1 li a {
    height: 32px;
    line-height: 32px;
    padding-left: 45px;
    font-size: 16px;
    font-weight: normal;
}

.menusli1 li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #175989;
    border: 4px solid #f1f4f6;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -7px;
    transition: 0.45;
    z-index: 3;
}

.menusli1 li:hover:before, .menusli1 li.active:before {
    background: #fff;
    border-color: #175989;
}

.partnerin {
    float: left;
}

.parin {
    margin: 0 15px 30px;
}

.parin img {
    display: block;
    max-width: 100%;
    margin: auto;
    height: auto;
    transition: 0.4s;
}

.parin img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.partnerbann {
    width: 1230px;
    margin-left: -15px;
}

.partnerbann .slick-dots {
    text-align: center;
    padding-top: 20px;
}

.partnerbann .slick-dots li {
    display: inline-block;
    margin-left: 22px;
    line-height: 1;
}

.partnerbann .slick-dots li:first-child {
    margin-left: 0;
}

.partnerbann .slick-dots li button {
    padding: 0;
    margin: 0;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    background: #4983af;
    outline: none;
}

.partnerbann .slick-dots li.slick-active button {
    background: #0a4068;
}

.share1 {
    margin-left: 65px;
    margin-top: 15px;
}

.share1 a:last-child {
    margin-right: 0;
}

.share a.weix {
    background: #d0d0d0 url(../images/weix.png) center no-repeat;
}

.share a.sina {
    background: #d0d0d0 url(../images/sina1.png) center no-repeat;
}

.share a.headline {
    background: #d0d0d0 url(../images/headline.png) center no-repeat;
}

.container2 {
    min-height: auto !important;
}

.about-box1 {
    height: 100%;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-attachment: fixed;
}

.aboutfix .about {
    position: relative;
    right: 0;
    margin-right: 0;
    bottom: 0;
    float: right;
}
.addresstop .addinfo span{
    padding-left: 0;
}
.addre1 .ad1bt{
    color: #053f6a;
}
.addre1 font{
    display: block;
}