.hide {display: none}
.show {display: block}
.middle {text-align: center}
.overall {width: 100%;}
.gotop{visibility: hidden;}


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

/*选中*/
.select-text {
    border-bottom: 3px solid #1776f5;
    color: #1776f5
}

/*分页*/
.pagination {
    text-align: center;
    clear: both;
}

.pagination li {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.pagination li span{
    display: inline-block;
    padding: 5px 10px;
}

.pagination li a{
    width: 100%;
    height: 100%;
    padding: 5px 10px;
}

.pagination .active span {
    border-radius: 5px;
    background-color: #1776f5;
    color: white;
}

/*首页banner*/
.swiper-wrapper a {
    position: relative;
}

.bw {
    width: 100%;
    text-align: center;
    position: absolute;
    font-family: bold;
    top: 215px;
}

.bw h1 {
    font-weight: bold;
    margin-top: 11px;
    font-family: "Microsoft YaHei",微软雅黑;
    font-size: 45px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 58px;
}

.bw p {
    margin: 46px auto 96px;
    color: #ffffff;
    font-size: 30px;
    font-family: "Microsoft YaHei",微软雅黑;
    font-weight: normal;
    font-stretch: normal;
    font-weight: bold;
    letter-spacing: 0px;
}

.bw button {
    width: 159px;
    height: 44px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    color: white;
    cursor: pointer;
}

.bw button:hover {
    background-color: #1776f5;
    border: none;
}

.bw button:active {
    opacity: 0.7;
}

.bw3 h1 {
    margin-top: 55px;
    margin-bottom: 0;
}

.bw3 p {
    margin: 17px auto 86px;
}

.bw2 {
    top: 157px;
}

.bw2 h1 {
    font-size: 38px;
    margin-bottom: 0;
}

.bw2 p {
    font-size: 23px;
    margin: 17px auto 200px;
}

.swiper-container {
    min-width: 1200px;
    height: 613px;
}

.swiper-wrapper, .swiper-wrapper a, .swiper-wrapper a img {
    height: 613px;
    object-fit: cover;
}

/*通用banner*/
.banners {
    min-width: 1200px;
    height: 435px;
    width: 100%;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
}

.banners .container div {
    color: white;
    padding-top: 151px;
}

.banners .container div h1 {
    font-weight: bold;
    margin-bottom: 10px;
}

.banners .container div p {
    font-size: 18px;
    font-weight: 400;
}

.banners .container div span {
    display: block;
    margin-bottom: 40px;
    margin-top: 11px;
    font-size: 12px;
    font-weight: 200;
}

.banners .container div button {
    width: 159px;
    height: 44px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    color: white;
    cursor: pointer;
}

.banners .container div button:hover {
    border: none;
    background-color: rgba(36, 116, 234, 0.8);
}

/*banner2*/
.bannert {
    min-width: 1200px;
    height: 362px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
}

.bannert .container {
    top: 67px;
    color: white;
    text-align: center;
    position: relative;
    padding-top: 100px;
}

.bannert .container span {
    border: 1px solid white;
    padding: 10px 40px;
    font-size: 18px;
    font-weight: bold;
}

.bannert .container ul {
    margin-top: 20px;
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;;
}

.bannert .container ul li {
    font-size: 11px;
    position: relative;
    height: 60px;
}

.bannert .container ul li:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding-right: 10px;
    margin-right: 10px;
}

/*通用 分页*/
.action {
    background-color: #1776f5;
    color: white;
}

/*侧边栏*/
.sidebars {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 2222;
    list-style: outside none none;
    width: 54px;
    margin-top: -90px;
}

.sidebars li {
    position: relative;
    list-style: outside none none;
    float: left;
    height: 54px;
    width: 54px;
    cursor: pointer;
}

.sidebars li a div:last-child {
    background-color: #1E76F3 !important;;
}

.sidebars li:last-child {
    margin-top: 10px;
}

.sidebars li div {
    background: #2F2E33;
    height: 54px;
    width: 54px;
    float: left;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
}

.sidebars li a {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100%;
    background: transparent;
    list-style: outside none none;
    text-decoration: none !important;
}

.sidebars li div i {
    margin: 12px;
    height: 36px;
    width: 36px;
    display: inline-block;
    line-height: 16px;
    vertical-align: text-top;
}

.sidebars li div span {
    padding-right: 10px;
    color: #fff;
    position: relative;
    top: 22px;
}

.sidebars li:hover div {
    background-color: #1E76F3;
}

.sidebars li:first-child div:hover {
    width: 140px;
}

.sidebars li:nth-child(2) div:hover {
    width: 170px;
}

.sidebars li:nth-child(3) div:hover {
    overflow: visible;
}

.sidebars li:nth-child(3) div:hover .name {
    opacity: 1;
}

.name {
    opacity: 0;
    display: inline-block;
    position: absolute;
    top: -60px;
    right: 70px;
    width: 179px;
    padding: 10px;
    background: #2F2E33;
    height: auto;
    text-align: center;
    color: white;
}

.name:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 80px;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #333; /*透明 透明 透明 灰*/
}

.name img {
    margin-bottom: 7px;
}

.name span {
    margin-top: 10px;
    padding-right: 0 !important;
    position: static !important;
}

/*网站*/
/*我们的实力*/
.containers .page-list li {
    width: 262px;
    height: 325px;
    border-radius: 10px;
    border: solid 1px #e5e5e5;
    background-color: #fefefe;
}

.containers .page-list li p:before {
    content: '';
    display: block;
    width: 33px;
    height: 4px;
    background-color: #1f74ec;
    margin: 30px auto;
}

.containers .page-list li p {
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2b2b;
}

.containers .page-list li img {
    width: 153px;
    height: 157px;
    margin: 0 auto;
    border: none;
}

/*轮播图修改*/
/*选择下标*/
.select {color: rgba(31, 116, 236, 0.8)!important;}
.select > span {background-color: #1f74ec !important;}

.s-swiper {
    margin-right: 3px;
    text-align: center;
    width: 112px;
    cursor: pointer
}
.s-swiper p {margin-bottom: 22px;}
.s-swiper span {
    width: 112px;
    height: 4px;
    background-color: rgb(255, 255, 255);
    opacity: 0.2;
    cursor: pointer
}
/*多元化服务*/
.web-ls ul {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    width: 1197px;
}

.web-ls ul li {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    width: 399px;
    height: 216px;
    border: solid 1px #e7e7e7;
    position: relative;
    transition: all .3s;
}

.web-ls ul li .top {
    text-align: center;
    line-height: 1.7;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.web-ls ul li .top p:first-child {
    font-weight: bold;
    font-size: 19px;
}

.web-ls ul li .top p:last-child {
    color: gray;
}

.web-ls ul li .bottom {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all .3s;
}

.web-ls ul li .bottom .bottom-content {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .55);
    text-align: center;
    letter-spacing: 0px;
    font-weight: normal;
    font-stretch: normal;
    transition: all .3s;
}

.web-ls ul li .bottom .bottom-content p {
    display: -webkit-box;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    font-size: 24px;
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
    color: #ffffff;
    padding-top: 39px;
}

.web-ls ul li .bottom .bottom-content span {
    font-size: 12px;
    color: #ffffff;
    transition: all .3s;
}

.web-ls ul li .bottom .bottom-content h5 {
    width: 304px;
    margin: auto;
    padding-top: 28px;
    color: #ffffff;
    text-align: left;
    font-size: 15px;
    transition: all .3s;
}

/*.web-ls a {*/
    /*-js-display: flex;*/
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*vertical-align: middle;*/
    /*width: 399px;*/
    /*height: 216px;*/
    /*border: solid 1px #e7e7e7;*/
/*}*/

.web-ls ul li:hover .top {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.web-ls ul li:hover .bottom {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: default;
}

/*我们，在一起*/
.consultation {
    width: 100%;
    height: 259px;
    background: url(../images/website/123.jpg) no-repeat;
    background-size: cover;
    padding-top: 36px;
}

.middles span {
    display: inline-block;
    padding-top: 33px;
    font-size: 26px;
    color: #ffffff;
}

.middles p {
    padding: 17px 0 28px 0;
    font-size: 16px;
    color: #ffffff;
}

.middles a {
    width: 149px;
    height: 34px;
    line-height: 34px;
    background-image: linear-gradient(
            #1f74ec,
            #1f74ec),
    linear-gradient(
            #1f74ec,
            #1f74ec);
    background-blend-mode: normal,
    normal;
}

.middles a span {
    padding-top: 0;
    font-size: 12px;
    color: #ffffff !important;
}

/*案例*/
.tab {
    /*text-align: center;*/
    /*position: static;*/
    /*background-color: white;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    /*margin-bottom: 74px;*/

    width: 1200px;
    height: 92px;
    border-bottom: 1px solid #e5e5e5;
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-around;
    text-align: center;
}

.nav-tab li {color: #2b2b2b;}

.tab li img {
    width: 37px;
    height: 37px;
    margin: auto;
}

.tab li span {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 16px;
}

/**/
.select-text{
    color: inherit;
}
.select-text > a {
    color:  #1776f5;
}
.select-li{
    color:  #1776f5;
}

/*分页*/
.paging {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
}

.paging ul {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    margin-right: 3px;
}

.paging button, .paging ul li {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    margin-right: 3px;
    cursor: pointer;
}

.paging button:active, .paging ul li:active {
    opacity: .6;
}

/*新闻*/          /*wiki部分*/
.wiki-tab {
    width: 100%;
    height: 64px;
    line-height: 61px;
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.wiki-tab .containers {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
}

.wiki-tab .containers li {
    cursor: pointer;
}

.wiki-tab .containers li:hover {
    color: #1776f5;
}

.wiki-tab .containers li:nth-child(1) {
    margin-right: 81px;
}
/*分页*/
.wiki-paging {
    margin-top: 37px;
    margin-bottom: 31px;
}

/*新闻列表*/
.wiki-ls{
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.wiki-label {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 44px;
    font-weight: 600;
}

.wiki-ls .list {
    margin-right: 45px;
    width: 817px;
}

.wiki-ls .list li {
    width: 817px;
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding-bottom: 41px;
    margin-bottom: 37px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.wiki-ls .list li:hover div:last-child span { color: #1776f5; }

.wiki-ls .list li .wiki-left, .wiki-ls .list li .wiki-left img {
    width: 140px;
    height: 140px;
    margin-right: 38px;
    background-color: #a0b3cd;
}

.wiki-text { position: relative; }

.wiki-text .wiki-read {
    float: right;
    position: absolute;
    right: 0;
    bottom: 16px;
    color: gray;
    font-size: 12px;
}
.wiki-ls .list li .wiki-text div:first-child {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.wiki-ls .list li .wiki-text div:nth-child(2) {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    color: #848484;
    margin: 22px 0 23px 0;
}

.wiki-ls .list li .wiki-text div:last-child {background-color: red;}

.wiki-ls .list li .wiki-text div:first-child{
    font-size: 20px;
    color: #373737;
}

.wiki-ls .list li .wiki-text div:first-child{
    font-size: 16px;
    color: #373737;
}

.wiki-line {
    position: relative;
    width: 24px;
    height: 1px;
    background: #757575;
    bottom: 0px;
}

.wiki-line:before {
    content: '';
    clear: both;
}

.wiki-line:after {
    content: '';
    clear: both;
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 1px;
    height: 9px;
    background: #757575;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -ms-transform: skew(40deg);
    -o-transform: skew(40deg);
    transform: skew(40deg);
}

/*右边*/
.wiki-fixed div {
    width: 335px;
    padding: 22px 28px;
    background-color: #ffffff;
    border: solid 1px #e9e9e9;
    overflow: inherit;
}

.wiki-label-list {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: inherit;
}

.wiki-label-list li {
    width: 133px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    cursor: pointer;
}

.wiki-label-list li:active {
    opacity: 0.7;
}

.wiki-label-list li:last-child, .wiki-label-list li:first-child, .wiki-label-list li:nth-child(3), .wiki-label-list li:nth-child(6) {
    background-color: #eef4fe;
    border: 1px solid #eef4fe;
    color: #5d97e4;
}

.wiki-label-list li:nth-child(4), .wiki-label-list li:nth-child(7) {
    background-color: #fff5e5;
    border: 1px solid #fff5e5;
    color: #dda734;
}

.wiki-label-list li:nth-child(2) {
    background-color: #feeff8;
    border: 1px solid #feeff8;
    color: #f28f8f;
}

.wiki-label-list li:nth-child(5) {
    background-color: #e5f5ee;
    border: 1px solid #e5f5ee;
    color: #3bb786;
}

.wiki-label-list li:nth-child(1), .wiki-label-list li:nth-child(3), .wiki-label-list li:nth-child(5), .wiki-label-list li:nth-child(7) {
    margin-right: 4px;
    margin-bottom: 8px;
}

.wiki-link li {
    font-size: 14px;
    color: #6e6e6e;
    margin-bottom: 23px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wiki-link li:hover p {
    color: #1776f5;
}

.wiki-link li:last-child {
    margin-bottom: 6px;
}

.wiki-link li:active {
    opacity: 0.7;
}
/*新闻内容 内部*/
.wiki-main {
    margin-right: 45px;
    width: 817px;
    border: solid 1px #ebf5f3;
    padding: 40px 28px;
    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.wiki-title {
    border-bottom: solid 1px #ebf5f3;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.wiki-title h2 {
    margin-left: 15px;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wiki-title p {
    font-size: 12px;
    color: #666;
    line-height: 24px;
}

.wiki-title i {
    color: #ccc;
}


/*对话框*/
.layer_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    animation: hdImg .5s;
    -webkit-animation: hdImg .5s;
}

.layer_content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.layer_content img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 9999;
}

.close {
    width: 46px;
    height: 46px;
    position: fixed;
    top: 0;
    right: 50%;
    margin-right: -638px;
    cursor: pointer;
    /*background-image:url('./images/website/fork_2.png');*/
    background-image: url('../images/website/fork_2.png');
    background-color: white;
    background-size: 100%;
    background-position: left top;
}

.close:hover {
    /*background-image:url('./images/website/fork_1.png');*/
    background-image: url('../images/website/fork_1.png');
    background-color: #1E76F3;
}

/*关于我们*/

/*关于宏念*/
/*动画*/
.o-animation {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -13px;
    left: -13px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #e9eae9;
    cursor: pointer;
    background-color: #1B2331;
    z-index: 1;
}

.o-animation:before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -6px;
    width: 11px;
    height: 11px;
    border-radius: 12px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.64));
    cursor: pointer;
}


.overall-one .controller {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 103px;
}

.overall-one .container{
    margin: 70px auto;
}

.overall-one .controller div:first-child {
    width: 563px;
}

.overall-one .controller div img {
    width: 460px;
    height: 344px;
    margin-top: 10px;
}

.overall-one .controller div div:first-child {
    background-image: url("./images/website/1112.png");
    background-size: cover;
    width: 216px;
    height: 70px;
}

.overall-one .controller div:first-child div:first-child span {
    font-family: MicrosoftYaHei-Bold;
    font-size: 33px;
    line-height: 0px;
    position: relative;
    top: 4px;
}

.overall-one .controller div:first-child div:nth-child(2) {
    width: inherit;
    height: inherit;
    background-image: none;
    margin: 35px 0 57px 0;
}

.overall-one .controller div:first-child div:nth-child(2) p {
    font-size: 14px;
    line-height: 22px;
    color: #636363;
}

.overall-one .controller div:first-child a {
    width: 117px;
    height: 34px;
    background-image: linear-gradient(#1f74ec, #1f74ec), linear-gradient(#1f74ec, #1f74ec);
    background-blend-mode: normal, normal;
    border-radius: 3px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}

.overall-one .o-img {
    position: relative;
    height: 602px;
    width: 100%;
}

.overall-one .o-img .o-title {
    position: relative;
    top: 103px;
}

.overall-one .o-img .o-title h3 {
    font-size: 33px;
    color: #ffffff;
    position: absolute;
    top: -30px;
}

.overall-one .o-img .o-title img {
    width: 403px;
    height: 70px;
    font-size: 88px;
    color: rgba(255, 255, 255, 0.04);
    opacity: 0.05;
}

.overall-one .banner-img {
    margin: 70px auto;
}

.o-ls {
    position: relative;
    height: 260px;
    margin-top: 160px;
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-around;
}

.o-ls:before {
    content: '';
    position: absolute;
    right: 4px;
    bottom: -1px;
    width: 2px;
    height: 6px;
    background-color: #ffffff;
    -webkit-transform: skew(60deg);
    -moz-transform: skew(60deg);
    -ms-transform: skew(60deg);
    -o-transform: skew(60deg);
    transform: skew(60deg);
}

.o-ls:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.o-ls li {
    position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 28px;
}

.o-ls li .selects {
    width: 385px;
    height: 249px;
    margin-left: 20px;
    position: absolute;
    color: white;
}

.o-ls li .selects h3 {
    font-family: DINMittbek-Alternate;
    font-size: 44px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    top: 8px;
    left: -1px;
}

.o-ls li .selects h3:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    left: -20px;
    top: 32px;
    background: white;
}

.o-ls li .selects div {
    margin-top: 25px;
}

.o-ls2 {
    color: white;
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-around;
    position: relative;
    top: 20px;
}

/*更新*/
.overall-one .controller {-js-display: flex;display: flex;display: -webkit-flex;display: -ms-flex;justify-content: space-between;margin-bottom: 103px;}
.overall-one .controller div:first-child {width: 563px;}
.overall-one .controller div img {width: 460px;height: 344px;margin-top: 10px;}

.overall-one .controller div:first-child div:first-child span {
    font-family: MicrosoftYaHei-Bold;
    font-size: 33px;
    line-height: 0px;
    position: relative;
    top: 4px;
}

.overall-one .controller div:first-child div:nth-child(2) {
    width: inherit;
    height: inherit;
    background-image: none;
    margin: 35px 0 57px 0;
}

.overall-one .controller div:first-child div:nth-child(2) p {
    font-size: 14px;
    line-height: 22px;
    color: #636363;
}

.overall-one .controller div:first-child a {
    width: 117px;
    height: 34px;
    background-image: linear-gradient(#1f74ec, #1f74ec), linear-gradient(#1f74ec, #1f74ec);
    background-blend-mode: normal, normal;
    border-radius: 3px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
}

.overall-one .o-img .o-title h3 {
    font-size: 33px;
    color: #ffffff;
    position: absolute;
    top: -30px;
}

.overall-one .o-img .o-title img {
    width: 403px;
    height: 70px;
    font-size: 88px;
    color: rgba(255, 255, 255, 0.04);
    opacity: 0.05;
}



/*荣誉资质*/
.t-title {
    text-align: center;
    position: relative;
    top: -30px;
}

.t-title h3 {
    font-size: 33px;
    color: #414141;
    position: relative;
    top: 30px;
}

.t-title h3:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 2px;
    left: 49%;
    bottom: -27px;
    background-color: #1776f5;
}

.t-title img {
    width: 349px;
    height: 69px;
    margin: auto;
    font-size: 88px;
    color: rgba(0, 0, 0, 0.04);
}

.t-ls {
    height: 2800px;
    position: relative;
    margin-bottom: 60px;
}

.t-ls::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 2800px;
    background: url('__ROOT__/static/web/images/website/01.jpg') no-repeat;
    background-size: 100% 100%;
}

.t-ls li:nth-child(2) div:first-child {
    margin-top: 150px;
}

.t-ls li:nth-child(2) div:nth-child(2) {
    margin-top: -50px;
}

.t-ls li:nth-child(2) div:nth-child(3) {
    margin-top: -183px;
}

.t-ls li:nth-child(2) div:nth-child(4) {
    margin-top: -18px;
}

.t-ls li:nth-child(2) div:nth-child(5) {
    margin-top: -180px;
}

.t-ls li:nth-child(2) div:nth-child(6) {
    margin-top: -20px;
}

.t-ls li:nth-child(2) div:nth-child(7) {
    margin-top: -172px;
}

.t-ls li:nth-child(4) {
    position: relative;
    top: 32px;
}

.t-ls li:last-child div:nth-child(2) {
    margin-top: -181px;
}

.t-ls li:last-child div:last-child {
    margin-top: -20px;
}

.t-ls li .left {
    position: absolute;
    top: 233px;
}

.t-ls li .t-main {
    width: 516px;
    margin-top: 40px;
    clear: both;
}

.t-main h3 {
    position: relative;
    font-size: 30px;
    color: #1776f5;
}
.t-main .img {
    width: 209px;
    height: 156px;
    margin-top: 21px;
}

.t-main img {
    width: 125px;
    height: 156px;
    margin-top: 21px;
}

/*右边*/
.t-ls li:nth-child(1) .t-main:nth-child(1) h3:before, .t-ls li:nth-child(2) .t-main:nth-child(1) h3:before {
    content: '';
    position: absolute;
    left: -72px;
    top: 16px;
    width: 43px;
    height: 1px;
    background: #E6E6E6;
}

.t-ls li:nth-child(1) .t-main:nth-child(1) p:after, .t-ls li:nth-child(2) .t-main:nth-child(1) p:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 43px;
    left: -96px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #e9eae9;
    cursor: pointer;
    background-color: white;
    z-index: 1;
}

.t-ls li:nth-child(1) .t-main:nth-child(1) p:before, .t-ls li:nth-child(2) .t-main:nth-child(1) p:before {
    content: '';
    position: absolute;
    bottom: 50px;
    left: -89px;
    width: 11px;
    height: 11px;
    border-radius: 12px;
    background: #1776F5;
    cursor: pointer;
    z-index: 3;
}

/*左边*/
.t-ls li:nth-child(1) .t-main:nth-child(2) h3:before, .t-ls li:nth-child(3) .t-main:nth-child(1) h3:before {
    content: '';
    position: absolute;
    right: -72px;
    top: 14px;
    width: 43px;
    height: 1px;
    background: #E6E6E6;
}

.t-ls li:nth-child(1) .t-main:nth-child(2) p:after, .t-ls li:nth-child(3) .t-main:nth-child(1) p:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 43px;
    right: -97px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #e9eae9;
    cursor: pointer;
    background-color: white;
    z-index: 1;
}

.t-ls li:nth-child(1) .t-main:nth-child(2) p:before, .t-ls li:nth-child(3) .t-main:nth-child(1) p:before {
    content: '';
    position: absolute;
    bottom: 50px;
    right: -90px;
    width: 11px;
    height: 11px;
    border-radius: 12px;
    background: #1776F5;
    cursor: pointer;
    z-index: 3;
}

.t-main p {
    position: relative;
    font-size: 14px;
    color: #474747;
    margin-top: 18px;
    margin-bottom: 11px;
}

.t-main span {
    display: inline-block;
    font-size: 12px;
    line-height: 1.7;
    color: #818181;
}

.t-main div {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.t-main div img:first-child {
    margin-right: 20px;
}

.t-ls li:nth-child(4) div:nth-child(2) {
    position: absolute;
    top: 922px;
}

.t-ls li:nth-child(4) div:nth-child(3) {
    position: absolute;
    top: 1053px;
    right: 0;
}


/*服务团队*/
.overall-three {
    margin-bottom: 109px;
}

.overall-three .container-three {
    margin-top: 70px;
}

.h-context {
    width: 858px;
    height: 123px;
    margin: 56px auto 87px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 1.7;
    color: #636363;
}

.h-context p:last-child {
    margin-top: 30px;
}

.h-img img:nth-child(1) {
    width: 786px;
    height: 403px;
    margin-right: 20px
}

.h-img img:nth-child(2) {
    width: 384px;
    height: 403px;
}

.h-img img:nth-child(3), .h-img img:nth-child(4) {
    height: 336px;
    margin-top: 20px
}

.h-img img:nth-child(3) {
    width: 583px;
    margin-right: 20px
}

.h-img img:nth-child(4) {
    width: 587px;
}

.h-top {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding-bottom: 90px;
    padding-top: 70px;
    width: 1200px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}

.h-top .h-title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    top: 30px;
}

.h-top .h-title h3 {
    position: relative;
    top: 30px;
}

.h-top .h-title h3:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 2px;
    left: 0;
    bottom: -27px;
    background-color: #1776f5;
}

.h-top .h-title img {
    width: 349px;
    height: 69px;
    margin: auto;
    font-size: 88px;
    color: rgba(0, 0, 0, 0.04);
}

.h-top ul {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #b2b2b2;
    justify-content: right;
    align-items: right;
    margin-right: 20px;
}

.h-top ul li {
    cursor: pointer;
}

.h-top ul li:nth-child(1), .h-top ul li:nth-child(2), .h-top ul li:nth-child(3) {
    position: relative;
    margin-right: 20px;
}

.h-top ul li:nth-child(1):before, .h-top ul li:nth-child(2):before, .h-top ul li:nth-child(3):before {
    content: '';
    position: absolute;
    height: 15px;
    width: 1px;
    background: white;
    right: -10px;
    top: 4px;
    cursor: default
}

.h-bottom {
    position: relative;
    height: 296px;
    border: 1px solid #1776f5;
}

.h-bottom .li {
    position: relative;
    width: 725px;
    height: 35px;
    margin: auto;
    text-align: center;
    z-index: 1;
}

.h-bottom .li img {
    position: absolute;
    top: -82px;
    left: 38%;
    width: 155px;
    height: 155px;
}

.h-bottom .li p:first-child {
    padding-top: 115px;
}

.h-bottom .li p span:first-child {
    border-right: white 1px solid;
    padding-right: 20px;
    margin-right: 10px;
}

.h-bottom .li p:last-child {
    text-align: left;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #b2b2b2;
    margin-top: 41px;
}

.h-bottom .li p span {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
/*服务团队2*/
.overall-three {
    margin-bottom: 109px;
}

.overall-three .container-three {
    margin-top: 70px;
}

.h-text {
    width: 858px;
    height: 123px;
    margin: 56px auto 87px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 1.7;
    color: #636363;
}

.h-text p:last-child {
    margin-top: 30px;
}

.h-img {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap
}

.h-img img:nth-child(1) {
    width: 786px;
    height: 403px;
    margin-right: 20px
}

.h-img img:nth-child(2) {
    width: 384px;
    height: 403px;
}

.h-img img:nth-child(3), .h-img img:nth-child(4) {
    height: 336px;
    margin-top: 20px
}

.h-img img:nth-child(3) {
    width: 583px;
    margin-right: 20px
}

.h-img img:nth-child(4) {
    width: 587px;
}

.h-top {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding-bottom: 90px;
    padding-top: 70px;
    width: 1200px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}

.h-top .h-title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    top: 30px;
}

.h-top .h-title h3 {
    position: relative;
    top: 30px;
}

.h-top .h-title h3:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 2px;
    left: 0;
    bottom: -27px;
    background-color: #1776f5;
}

.h-top .h-title img {
    width: 349px;
    height: 69px;
    margin: auto;
    font-size: 88px;
    color: rgba(0, 0, 0, 0.04);
}

.h-top ul {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #b2b2b2;
    justify-content: right;
    align-items: right;
    margin-right: 20px;
}

.h-top ul li {
    cursor: pointer;
}

.h-top ul li:nth-child(1), .h-top ul li:nth-child(2), .h-top ul li:nth-child(3) {
    position: relative;
    margin-right: 20px;
}

.h-top ul li:nth-child(1):before, .h-top ul li:nth-child(2):before, .h-top ul li:nth-child(3):before {
    content: '';
    position: absolute;
    height: 15px;
    width: 1px;
    background: white;
    right: -10px;
    top: 4px;
    cursor: default
}

.h-bottom {
    position: relative;
    height: 296px;
    border: 1px solid #1776f5;
}

.h-bottom .li {
    position: relative;
    width: 725px;
    height: 35px;
    margin: auto;
    text-align: center;
    z-index: 1;
}

.h-bottom .li img {
    position: absolute;
    top: -82px;
    left: 38%;
    width: 155px;
    height: 155px;
}

.h-bottom .li p:first-child {
    padding-top: 115px;
}

.h-bottom .li p span:first-child {
    border-right: white 1px solid;
    padding-right: 20px;
    margin-right: 10px;
}

.h-bottom .li p:last-child {
    text-align: left;
    font-family: MicrosoftYaHei;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #b2b2b2;
    margin-top: 41px;
}

.h-bottom .li p span {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}






/*联系我们*/
.f:before, .x:before, .s:before {
    left: 12px;
}

.contact {
    -js-display: flex;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.contact li {
    width: 228px;
    height: 409px;
    background-color: #ffffff;
    border: solid 1px #e3e3e3;
    text-align: center;
}

.contact li:hover {
    -webkit-box-shadow: 0 0 12px #ddd;
    box-shadow: 0 0 12px #ddd;
    z-index: 3;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.contact li img {
    width: 35px;
    height: 31px;
    margin: 65px auto 20px;
}

.contact li span {
    position: relative;
    display: inline-block;
    margin-bottom: 144px;
}

.contact li:last-child span {
    margin-bottom: 113px;
}

.contact li span::after {
    content: '';
    position: absolute;
    width: 43px;
    height: 2px;
    background-color: #dddddd;
    left: -4px;
    top: 67px;
}

.contact li p {
    font-family: DINMittbek-Al  ternate;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2b2b;
}

#map {
    width: 1199px;
    height: 604px;
    margin-bottom: 60px;
}

.fw {
    width: 447px;
    height: 69px;
}

.line {
    position: absolute;
    width: 1200px;
    height: 1px;
    background-color: #ffffff;
    bottom: 190px;
}

.line:after {
    content: '';
    clear: both;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 6px;
    background-color: #ffffff;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -ms-transform: skew(40deg);
    -o-transform: skew(40deg);
    transform: skew(40deg);
}

/*动画*/
.o-ls li .selects:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 40px;
    width: 1px;
    height: 208px;
    background: white;
    animation: myfirst 0.4s;
    -webkit-animation: myfirst 0.4s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes myfirst {
    from {
        height: 0px;
    }
    to {
        height: 208px;
    }
}

/*测试*/
.aaaaa {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -13px;
    left: -13px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #e9eae9;
    cursor: pointer;
    background-color: #1B2331;
    z-index: 1;
}

.aaaaa:before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -6px;
    width: 11px;
    height: 11px;
    border-radius: 12px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.64));
    cursor: pointer;
}

.f:before, .x:before, .s:before {
    left: 12px;
}

.page-headers {
    width: 100%;
    height: 67px;
    line-height: 63px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    font-size: 0;
    border-bottom: 1px solid #e5e5e5;
}

.page-headers .container .navs {
    margin-right: 20px;
    width: 590px;
    margin-left: 32px;
    margin: auto;
}

.page-headers .container .navs li {
    height: 66px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    margin-right: 40px;
    text-align: center;
    position: relative;
    color: #2b2b2b;
    cursor: pointer;
}

.page-headers .container .navs .nav-b {
    display: block;
    height: 66px;
    line-height: 70px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.page-headers .container .navs li:hover .nav-b {
    color: #1776f5;
}

.select > a {
    border: none;
    border-bottom: 3px solid #1776f5;
    color: #1776f5;
}

.none {
    border: none;
}