.lazy {    width: 100%;    height: 100%;    background: url(../images/loading.gif) 50% no-repeat;}.dn {    display: none;}.why_wrap {    padding: 5vh 20px;    background-color: #ebf2fe;}.why {    display: flex;    justify-content: center;    align-items: center;}.why_info {    width: 40%;    margin-right: 55px;}.why_info h3 {    margin-bottom: 25px;    font-size: 38px;    font-weight: normal;}.why_info span {    display: block;    margin-bottom: 65px;    font-size: 18px;    color: #333;}.why_info p {    margin-bottom: 10px;    font-size: 16px;    line-height: 30px;    text-indent: 2em;}.why_img {    width:400px;    /*width: auto;*/    max-width: 48%;}.why_right {    width: 790px;    height: 760px;    position: relative;}.why_right h3 {    font-size: 30px;    color: #333;    font-weight: normal;    position: absolute;    top: 40px;    left: 30px;}.why_right p {    font-size: 16px;    color: #999;    position: absolute;    top: 90px;    left: 30px;}.ten {    width: 360px;    height: 250px;    border-radius: 10px;    background: linear-gradient(to right, #006bf0, #28a0fd);    position: absolute;    top: 170px;    right: 0;}.ten img {    width: 171px;    height: 134px;    position: absolute;    top: 74px;    right: 24px;}.ten h3 {    font-size: 38px;    color: #fff;    font-weight: normal;    position: absolute;    top: 110px;    left: 30px;}.ten p {    font-size: 16px;    color: #fff;    position: absolute;    top: 170px;    left: 30px;}.four {    width: 220px;    height: 150px;    border-radius: 10px;    background-color: #fff;    position: absolute;    top: 0;    right: 140px;}.six {    width: 300px;    height: 150px;    border-radius: 15px;    background-color: #fff;    position: absolute;    top: 100px;    left: 104px;}.six img {    width: 113px;    height: 95px;    position: absolute;    top: 23px;    right: 15px;}.fourteen {    width: 300px;    height: 150px;    border-radius: 15px;    background-color: #fff;    position: absolute;    top: 269px;    left: 104px;}.fourteen img {    width: 63px;    height: 60px;    position: absolute;    top: 52px;    right: 30px;}.five {    width: 350px;    height: 150px;    border-radius: 15px;    background-color: #fff;    position: absolute;    top: 440px;    left: 0;}.five img {    width: 68px;    height: 61px;    position: absolute;    top: 58px;    right: 36px;}.thirty {    width: 200px;    height: 150px;    border-radius: 15px;    background-color: #fff;    position: absolute;    top: 440px;    left: 370px;}.thirty img {    width: 55px;    height: 63px;    position: absolute;    top: 55px;    right: 26px;}.eight {    width: 300px;    height: 150px;    border-radius: 15px;    background-color: #fff;    position: absolute;    bottom: 0;    left: 370px;}.cultrue {    height: 932px;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    background: url(../images/cultrue.jpg);}.about_title {    margin-bottom: 50px;    text-align: center;}.about_title h3 {    margin-bottom: 25px;    font-size: 38px;    font-weight: bold;    color: #333;}.about_title p {    font-size: 18px;    color: #333;}.cultrue_wrap {    width: 100%;    max-width: 1600px;    margin: 0 auto;    overflow: hidden;}.cultrue_content {    display: flex;    justify-content: space-between;    align-items: center;}@media (max-width: 1366px) {    .cultrue_content {        transform: scale(0.86);    }}.cultrue_left {    margin-right: 150px;    width: 172px;    padding-left: 96px;    background: url(../images/dot1.png) no-repeat;    text-align: center;}.cultrue_left img {    width: 22px;    height: 22px;    margin-bottom: 30px;}.cultrue h3 {    margin-bottom: 25px;    font-weight: bold;    font-size: 22px;    color: #333;}.cultrue p {    font-size: 16px;    color: #333;}.cultrue_right {    width: 900px;}.cultrue_right ul {    width: 100%;    height: 480px;    display: flex;    justify-content: space-between;    align-items: center;}.cultrue_right li {    width: 224px;    height: 224px;    border-radius: 10px;    background-color: #fff;    box-shadow: 0 0 10px rgba(1, 109, 241, .1);    position: relative;    transform: rotate(-45deg);}.cultrue_right li:nth-child(odd) {    margin-top: 240px;}.cultrue_right li img {    width: 120px;    height: 120px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%) rotate(45deg);}.cultrue_icon2 {    display: none;}.cultrue_right li p {    width: 100%;    text-align: center;    font-size: 22px;    color: #333;    position: absolute;    bottom: 34px;    left: -61px;    transform: rotate(45deg);}.cultrue_right li:after {    display: block;    content: '';    width: 22px;    height: 22px;    background: url(../images/circle2.png) no-repeat;    position: absolute;    bottom: -30px;    left: -30px;}.cultrue_right li:hover {    background: linear-gradient(to right, #006bf0, #28a0fd);}.cultrue_right li:hover .cultrue_icon1 {    display: none;}.cultrue_right li:hover .cultrue_icon2 {    display: block;}.cultrue_right li:hover p {    color: #fff;}.cultrue_right li:hover:after {    display: none;}.team {    padding: 70px 0;    width: 100%;    max-width: 1920px;    margin: 0 auto;    background: url(../images/team_bg.jpg) no-repeat;    background-size: cover;}.team_item {    padding: 8%;    border-radius: 10px;    background-color: #fff;}.team_img {    margin-bottom: 30px;    border: 1px #e6e6e6 solid;    overflow: hidden;    position: relative;}.team_img:after {    display: block;    content: '';    margin-top: 67%;}.team_img img {    width: 100%;    position: absolute;    top: 0;    left: 0;}.team_info {    padding: 0 40px;    height: 130px;    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    background: url(../images/dot2.png) no-repeat;    font-size: 16px;    line-height: 26px;    color: #333;}.team_btns {    margin-top: 40px;    display: flex;    justify-content: center;}.team_prev,.team_next {    display: flex;    justify-content: center;    align-items: center;    margin: 0 20px;    width: 80px;    height: 80px;    border-radius: 50%;    background-color: #fff;    font-weight: bold;    font-family: 宋体;    font-size: 30px;    color: #999;}.team_prev {    transform: rotate(-180deg);}.custombb {    padding: 70px 0;    background: url(../images/cultrue.jpg) no-repeat;    background-size: 100% 100%;}.custombb {    width: 1200px;    margin: 0 auto;    overflow: hidden;    position: relative;    padding-top: 60px;}.custombb .bd ul li {    /*width: 12.5%;*/    width:20%;    float: left;}.custombb .bd .tempWrap {    width: 100% !important;}.custombb .bd ul li .pic {    padding: 22px 22px 22px 0px;}.index_f3 {    overflow: hidden;}.index_f3:hover img {    transform: scale(1.1);}.index_f3 {    width: 100%;    /* height: 116px; */    background: #FFFFFF;    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.09);    border-radius: 5px;    border: 1px solid #E5E5E5;}.index_f3 img {    width: 100%;    transition: all 0.5s;}.honur {    width: 100%;    max-width: 1920px;    margin: 0 auto;    padding: 130px 0;    display: flex;    align-items: center;    flex-wrap: wrap;    background: linear-gradient(to right, #006bef, #035bb9);}.honur_left {    width: 50%;    padding-left: 15%;    box-sizing: border-box;}.honur_left .about_title {    text-align: left;}.global-ti ul {    width: 500px;    display: flex;    justify-content: space-between;    flex-wrap: wrap;}.global-ti ul:after {    display: block;    content: '';    width: 125px;}.global-ti li {    width: 125px;    height: 125px;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    margin-bottom: 60px;    border-radius: 50%;    background-color: #4696eb;    font-size: 14px;    color: #fff;    cursor: pointer;}.global-ti li img {    width: 55px;    height: 55px;    margin-bottom: 14px;}.honur_icon2 {    display: none;}.global-ti li.active {    background-color: #fff;    color: #333;}.global-ti li.active .honur_icon1 {    display: none;}.global-ti li.active .honur_icon2 {    display: block;}.honur_right {    width: 50%;    height: 600px;    display: flex;    justify-content: center;    align-items: center;    border-top-left-radius: 30px;    border-bottom-left-radius: 30px;    background-color: #fff;}@media (max-width: 1366px) {    .honur_left {        width: 43%;        padding-left: 10%;    }    .honur_right {        width: 57%;    }}.honur_box {    width: 690px;}.honur_box .swiper-container {    padding-bottom: 60px;    margin-bottom: 45px;    border-bottom: 1px #e6e6e6 solid;}.honur_item {    display: flex;    justify-content: space-between;    align-items: center;}.honur_info h3 {    margin-bottom: 16px;    font-size: 22px;    color: #333;}.honur_info p {    font-size: 16px;    color: #333;}.honur_img {    width: 390px;    height: 260px;}.honur_img img {    height: 260px;}.honur_tools {    width: 100%;    display: flex;    justify-content: space-between;    align-items: center;}.honur_btns {    display: flex;}.honur_prev,.honur_next {    margin-right: 50px;    font-size: 30px;    color: #999;    font-family: '宋体';    cursor: pointer;}.honur_prev {    transform: rotate(-180deg);}.honur_prev:hover,.honur_next:hover {    color: #006bf0;}.honur_tools .honur-pagination .swiper-pagination-bullet {    margin: 0 15px;    width: auto;    height: auto;    border-radius: 0;    background: none;}.about_address {    width: 100%;    max-width: 1920px;    margin: 0 auto;    position: relative;}.about_address_info {    width: 545px;    color: #fff;    position: absolute;    top: 50%;    left: 10%;    margin-top:-57px;}.about_address_info p {    margin-bottom: 30px;    font-size: 16px;    line-height: 30px;}.about_address_info h3 {    margin-bottom: 20px;    font-size: 32px;    font-weight: normal;}.address_btns {    display: flex;}.address_btn1,.address_btn2 {    width: 200px;    height: 60px;    margin-right: 20px;    display: flex;    justify-content: center;    align-items: center;    border: 1px #fff solid;    border-radius: 10px;    font-size: 18px;    color: #fff;}.address_btn1:hover,.address_btn2:hover {    background-color: rgba(255, 255, 255, .5);    color: #fff;}.address_btns img {    width: 24px;    height: 24px;    margin-right: 5px;}/* 新增 */.panel-img {    width: 1200px;    height: 460px;    margin: 0 auto;    background-size: cover;    background-image: url(../images/bg_culture.796b819a.png);}.card {    width: 1200px;    height: 302px;    margin-top: 32px;    display: flex;    justify-content:space-between;    flex-direction:row;}.card-box {    width: 390px;    height: 290px;    background-position: 50%;    background-size: contain;}.box-title {    width: 200px;    height: 47px;    font-size: 36px;    font-family: Microsoft YaHei;    font-weight: 700;    line-height: 24px;    text-align: center;    color: #2a3141;    margin: 0 auto;    margin-top: 100px;}.box-solid {    width: 32px;    height: 0;    border: 1px solid #2e87ff;    margin: 0 auto;    margin-top: 19px;}.box-des {    width: 100%;    height: 56px;    font-size: 16px;    font-family: Microsoft YaHei;    font-weight: 400;    line-height: 30px;    color: #2a3141;    text-align: center;    margin-top: 24px;}.container {    width: 100%;    padding: 70px 0;    overflow: hidden;}.course-center {    width: 1200px;    margin: auto;}.center-module {    display: flex;    justify-content: space-between;}.course-text {    width: 592px;    height: 450px;    position: relative;}.course-center .center-module .course-text .swiper-container {    margin: auto;    height: 100%}.course-slide .swiper-slide-active {}.course-slide .swiper-slide-active .text_list {    position: relative}.course-slide .swiper-slide-active .text_list p {    color:#0675f2!important;    font-size: 20px!important;    font-weight: 700!important;    line-height: 15px!important}.course-slide .swiper-slide-active .text_list:after {    width: 16px;    height: 16px;    content: "";    position: absolute;    top: 55%;    right: 2%;    transform: translateY(-50%);    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA7UlEQVRYR9XXMQ6CQBCF4TdaEM+BJZewp/AuxkJjZ2JNvIln4Sr2a4hiFoSwszszG7nAfvkfxJVg+FQ3VxOwa8906I8li/OrqytXazQg1A54tCfamwC2d1dsnriAcCSg6A41A3xyN0Qo/crqAD/31LxqgKncZoC53OqApdxqgNDcKgBOblFATG4RQEruZEBq7miAVG42QDo3C6CR+78AnTbrBH6ubC/heDON94L9cyw9CxvQV5GaJRrwhbxvtj9XrdDLbTIg9WsRAaTMIgqImUUFwJlFDRA6izpgaRYzwNwspoCpWbIARrMM/p6/AKF2xiGBu1WLAAAAAElFTkSuQmCC);    background-size: cover}.course-slide .swiper-slide {    color: #fff;    height: auto}.text_list {    width: 100%;}.text_list p {    width: 95%;    font-size: 18px;    font-family: Microsoft YaHei;    font-weight: 400;    line-height: 25px;    color: #5f6267;    cursor: pointer;    padding: 10px 0;}.text_list p:hover {    color: #2e87ff}.bottom_shade {    width: 592px;    height: 272px;    background: linear-gradient(1turn, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0));    position: absolute;    bottom: 0;    pointer-events: none;    z-index: 80}.course-picture {    width: 592px;    height: 388px;    position: relative}.picture {    width: 592px;    height: 388px}.picture img {    width: 100%;    height: 100%}.text_box {    width: 592px;    height: 67px;    background: linear-gradient(180deg, transparent, #000);    bottom: 0;    position: absolute}.text_box .text {    width: 356px;    height: 48px;    position: absolute;    font-size: 14px;    font-family: Microsoft YaHe;    font-weight: 400;    line-height: 24px;    color: #fff;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    top: 14px;    left: 16px}.blue-prize {    width: 220px;    height: 100px;    background: #2e87ff;    position: absolute;    left: 372px;    top: 28px;    padding: 21px 0 0 29px;}.prize {    font-size: 24px;    font-family: Microsoft YaHei;    font-weight: 400;    line-height: 30px;    color: #fff;    margin-right: 11px}.honor {    width: 63px;    height: 34px}.honor .honorimg {    vertical-align: top;    width: 63px;    height: 34px}.prize-line {    width: 40px;    height: 0;    border: 1px solid #fff;    margin-top: 28px}.foot-graph {    width: 100%;    height: 786px;    top: 670px;    overflow-x: auto;}.box {    position: relative;    height: 100%;    width: 1920px;    margin: auto;    overflow-x: scroll;    overflow-y: hidden;}.foot_quxian {    max-width: 1920px;    height: 786px;    bottom: 108.67px;    z-index: 2222;    background-repeat: no-repeat;    background-position: 0 100%}.animation-box {    -webkit-animation: quxian1 3s linear;    animation: quxian1 3s linear}@-webkit-keyframes quxian1 {    0% {        width: 0    }    to {        width: 100%    }}@keyframes quxian1 {    0% {        width: 0    }    to {        width: 100%    }}.item {    width: 160px;    height: 100px}.item .title {    height: 32px;    position: relative;    text-align: center}.item .title .text {    position: absolute;    width: 100%}.item .title .s1,.item .title .s2 {    font-size: 18px;    font-weight: 400;    line-height: 30px;    color: #fff;    opacity: 1}.item .title .s1.color2,.item .title .s2.color2 {    color: #2a3141}.item .title .s2 {    font-size: 16px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical}.item .foot {    position: absolute;    bottom: 0}.box {    position: relative;    height: 100%;    width: 1920px;    margin: auto;    overflow-x: scroll;    overflow-y: hidden}.foot_label_text {    min-width: 1280px;    height: 100%;    bottom: 708px;    z-index: 1}.foot_label_1 {    position: absolute;    left: 18.7%;    top: 59%}.foot_label_1 .text {    bottom: 48px}.foot_label_1 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: .8s;    animation-delay: .8s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_2 {    position: absolute;    left: 25%;    top: 55%}.foot_label_2 .text {    bottom: 105px}.foot_label_2 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 1s;    animation-delay: 1s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_3 {    position: absolute;    left: 31%;    top: 48%}.foot_label_3 .text {    bottom: 146px}.foot_label_3 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 1.2s;    animation-delay: 1.2s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_4 {    position: absolute;    left: 37%;    top: 40%}.foot_label_4 .text {    bottom: 159px}.foot_label_4 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 1.4s;    animation-delay: 1.4s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_5 {    position: absolute;    left: 43%;    top: 38%}.foot_label_5 .text {    bottom: 37px}.foot_label_5 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 1.6s;    animation-delay: 1.6s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_6 {    position: absolute;    left: 49%;    top: 39%}.foot_label_6 .text {    bottom: 133px}.foot_label_6 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 1.8s;    animation-delay: 1.8s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_7 {    position: absolute;    left: 55%;    top: 42%}.foot_label_7 .text {    bottom: 37px}.foot_label_7 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 2s;    animation-delay: 2s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_8 {    position: absolute;    left: 61%;    top: 43%}.foot_label_8 .text {    bottom: 200px}.foot_label_8 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 2.2s;    animation-delay: 2.2s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_9 {    position: absolute;    left: 67%;    top: 41%}.foot_label_9 .text {    bottom: 101px}.foot_label_9 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 2.4s;    animation-delay: 2.4s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}.foot_label_10 {    position: absolute;    left: 73%;    top: 35%}.foot_label_10 .text {    bottom: 134px}.foot_label_10 .animation {    visibility: hidden;    -webkit-animation: wenzi 1s ease-out;    animation: wenzi 1s ease-out;    -webkit-animation-delay: 2.6s;    animation-delay: 2.6s;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards}@-webkit-keyframes wenzi {    0% {        opacity: 0;        visibility: visible    }    to {        opacity: 1;        visibility: visible    }}@keyframes wenzi {    0% {        opacity: 0;        visibility: visible    }    to {        opacity: 1;        visibility: visible    }}::-webkit-scrollbar {    width: 8px;    height: 8px}::-webkit-scrollbar-track-piece {    opacity: 0}::-webkit-scrollbar-thumb {    background-color: rgba(0, 0, 0, .24);    border-radius: 8px}::-webkit-scrollbar-thumb:hover {    background-color: #dbdbdb}@media screen and (min-width: 769px) {    .foot-graph {        width: 100%;        height: 786px;        top: 670px;        overflow-x: auto    }    .foot-graph.hidden {        overflow-x: hidden    }}.bigack{    background: rgba(0,0,0,0.4);    position: fixed;    top:0;    left:0;    width: 100%;    z-index: 1000;    height: 100%;    display: none;}.bigimg{    width:100%;    height: 100%;    position: fixed;    top:170px;    left:0;    z-index:1001;    display: none;}.big_cont{    width:70%;    height:64%;    }.big_cont .swiper-slide{    }.big_cont .swiper-slide img{    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    margin: auto;    max-width: 100%;    width: auto;}.bigimg span{    width: 40px;    height: 40px;    background: url(../images/guanbi45.png) no-repeat left top;    display: inline-block;    position: absolute;    right: 153px;    top: -107px;    z-index: 1105;    background-size: 100% 100%;    opacity: 1;    cursor: pointer;}/* 我们的客户 */.client {    padding-bottom: 60px;}.client_container {    width: 1200px;    margin: 0 auto;    position: relative;    overflow: hidden;}.client_shadow_left,.client_shadow_right {    width: 130px;    height: 100%;    position: absolute;    top: 0;    z-index: 9;}.client_shadow_left {    left: 0;    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));}.client_shadow_right {    right: 0;    background: linear-gradient(-90deg, #fff, rgba(255, 255, 255, 0));}.client_slide .swiper-wrapper {    transition-timing-function: linear;}.client_slide .swiper-slide {    width: 245px;    padding: 10px;    height: 96px;    box-sizing: border-box;}.client_item {    width: 100%;    height: 100%;    display: flex;    justify-content: center;    align-items: center;    background-color: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, .1);}.quality {    padding: 60px 0;    background-color: #F9FAFB;}.quality_container {    width: 1200px;    margin: 0 auto;}.quality_list ul {    display: flex;    justify-content: space-between;    padding: 60px 0;}.quality_list li {    width: 150px;    text-align: center;    font-size: 12px;    color: #333;}.quality_img {    width: 110px;    height: 110px;    margin: 0 auto 20px;    border-radius: 50%;    border: 1px #e6e6e6 solid;    background-color: #fff;    overflow: hidden;}.quality_img img {    height: 110px;}