@charset "utf-8";@font-face {    font-family: 'bold';    src: url('../font/SourceHanSansCN-Bold.otf');}@font-face {    font-family: 'no';    src: url('../font/SourceHanSansCN-no.ttf');}@font-face {    font-family: 'zc';    src: url('../font/SourceHanSansCN-Regular.ttf');}@font-face {    font-family: 'med';    src: url('../font/SourceHanSansCN-Medium.ttf');}* {    padding: 0px;    margin: 0px;}body {    font-size: 15px;    color: #555;    font-family: "zc", "Microsoft YaHei", "SimHei", "Source Han Sans CN", Arial, Tahoma, sans-serif;}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {    margin: 0;    padding: 0;    font-style: normal;}h1,h2,h3,h4,h5,h6 {    list-style: none;}input,select,button,textarea {    font-size: 15px;    border: 0;    background: none;    outline: none;    vertical-align: middle;    font-family: "PingFang SC", "SimHei", "Source Han Sans CN", "Microsoft YaHei", Arial, Tahoma, sans-serif;}button {    overflow: visible;}img {    border: none;}li {    list-style: none;}a {    color: #000;    text-decoration: none;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}a:hover {    color: #0a0d59;    text-decoration: none !important;}.clear {    overflow: hidden;    clear: both;    height: 0px;}::-webkit-scrollbar {    width: 6px;}::-webkit-scrollbar-track {    background-color: #000;}::-webkit-scrollbar-thumb {    background-color: #aaa;}::-webkit-scrollbar-thumb:hover {    background-color: #5b5b5b;}::-webkit-scrollbar-thumb:active {    background-color: #0a0d59;}@media only screen and (max-width: 1024px) {    body {        font-size: 20px;    }    input,    select,    button,    textarea {        font-size: 20px;    }    input,    textarea {        -webkit-appearance: none;        border-radius: 0;    }    .container {        padding: 0 25px;    }}@media only screen and (max-width: 1024px) {    html.on {        width: 100%;        height: 100%;        position: fixed;        top: 0;        left: 0;    }}body {    background-position: center;    background-attachment: fixed;    background-repeat: no-repeat;    background-size: cover;    transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -ms-transition: all 0.5s;    -o-transition: all 0.5s;}@media only screen and (max-width: 1024px) {    body.on {        transform: translateX(-60%);        -webkit-transform: translateX(-60%);        -moz-transform: translateX(-60%);        -ms-transform: translateX(-60%);        -o-transform: translateX(-60%);    }}@media only screen and (max-width: 1024px) {    .sj_bj {        width: 100%;        height: 100%;        background-color: rgba(0, 0, 0, 0.5);        position: absolute;        top: 0;        left: 0;        content: "";        z-index: 99999;        display: none;    }}/* 微信 */.e_m {    width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0;    background-color: rgba(0, 0, 0, 0.9);    z-index: 99999;    display: none;}.e_m .n_r {    width: 200px;    padding: 10px;    background-color: #fff;    position: absolute;    top: 50%;    left: 50%;    text-align: center;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);}.e_m .n_r img {    width: 100%;    height: auto;    display: block;}.e_m .n_r p {    font-size: 15px;    color: #888;    margin-top: 10px;}@media only screen and (max-width: 640px) {    .e_m .n_r {        width: 230px;        padding: 15px;    }    .e_m .n_r p {        font-size: 20px;    }}.header {    width: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 9;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;    /* border-bottom: 1px solid rgba(255, 255, 255, .5); */    padding-bottom: 20px;    background-color: #fff;}.header.s_y {    background: none;    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}.header.on,.header.headernei {    box-shadow: 0 0 15px #ddd;    /* background-color: #000; */    border-bottom: 0;}.header .container {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;}@media (min-width:1390px) {    .header .container {        max-width: 1360px;    }}.header .qhuan {    font-size: 18px;    color: #809fb4;    font-family: 'bold';    position: relative;    text-transform: uppercase;}.header .logo {    position: relative;    padding-bottom: 14px;}.header .zuoyou_y {    display: flex;    justify-content: space-between;    align-items: flex-end;    flex-wrap: wrap;}.header .logo img {    max-width: 100%;    height: auto;    display: block;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.header .logo img.d_w {    position: absolute;    top: 0;    left: 0;    opacity: 0;}.header.on .logo img.t_m,.header.headernei .logo img.t_m {    opacity: 0;}.header.on .logo img.d_w,.header.headernei .logo img.d_w {    opacity: 1;}.header .an {    position: absolute;    top: 50%;    margin-top: -16px;    right: 25px;    height: 33px;    width: 50px;    display: none;}.header .an span {    width: 50px;    height: 3px;    background-color: #006ebc;    display: block;    position: absolute;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.header .an span.a1 {    top: 0;    left: 0;}.header .an span.a2 {    top: 14px;    left: 0;}.header .an span.a3 {    top: 28px;    left: 0;}.header .an.n span.a2 {    display: none;}.header .an.n span.a1 {    top: 13px;    transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -webkit-transform: rotate(45deg);}.header .an.n span.a3 {    top: 13px;    transform: rotate(135deg);    -o-transform: rotate(135deg);    -ms-transform: rotate(135deg);    -moz-transform: rotate(135deg);    -webkit-transform: rotate(135deg);}.header .tel {    height: 100px;    font-size: 18px;    font-weight: bold;    line-height: 100px;    text-align: center;    color: #333;    float: left;}.header.s_y .tel {    color: #fff;}.header.on .tel {    color: #333;}.header .tel i {    font-weight: normal;    vertical-align: middle;    font-size: 21px;    color: #0a0d59;    margin-right: 5px;}.header.s_y .tel i {    color: #fff;}.header.on .tel i {    color: #0a0d59;}.header .nav {    display: flex;    justify-content: center;    align-items: flex-end;    height: 100%;}.header .nav ul {    float: left;    height: 100%;}.header .nav ul li {    margin-left: 30px;    float: left;    text-align: center;    position: relative;    padding: 0 15px;    height: 100%;}.header .nav .y_j {    position: relative;    height: 92px;    display: flex;    justify-content: center;    align-items: center;    flex-wrap: wrap;    height: 100%;}.header .nav .y_j i {    width: 60%;    padding-right: 10px;    position: absolute;    top: 0;    right: 0;    font-size: 20px;    text-align: right;    color: #fff;    line-height: 70px;    z-index: 99;    display: none;}.header .nav .y_j a {    display: block;    font-size: 18px;    color: #809fb4;    text-transform: uppercase;}.header .nav li.on .y_j a {    font-family: 'bold';    color: #006ebc;}.header .nav li .y_j em,.header .nav li .y_j span {    display: flex;    justify-content: center;    align-items: center;}.header .nav li .y_j em {    position: relative;}.header .nav li .y_j em img.on {    position: absolute;    left: 50%;    transform: translate(-50%, -50%);    top: 50%;}.header .nav li .y_j em img.on {    opacity: 1;}.header .nav li .y_j em img.noon {    opacity: 0;}.header .nav li.on .y_j em img.on {    opacity: 0;}.header .nav li.on .y_j em img.noon {    opacity: 1;}.header .nav li .y_j span {    margin-top: 10px;}.header .nav .e_j {    width: 160px;    padding: 10px 0;    background-color: rgba(255, 255, 255, 0.9);    box-shadow: 0 0 5px #888;    position: absolute;    left: 50%;    margin-left: -80px;    opacity: 0;    visibility: hidden;    transform: translateY(10px);    -webkit-transform: translateY(10px);    -moz-transform: translateY(10px);    -ms-transform: translateY(10px);    -o-transform: translateY(10px);    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.header .nav ul li:hover .e_j {    opacity: 1;    visibility: inherit;    transform: translateY(0);    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    -o-transform: translateY(0);}.header .nav .e_j a {    font-size: 14px;    line-height: 40px;    text-align: center;    display: block;}.header_ls {    padding-left: 18px;    position: relative;    color: #fff;}.header_ls .header_sea i {    color: #fff;    font-size: 20px;}.header_ls::after {    width: 1px;    background-color: #fff;    height: 17px;    top: 50%;    transform: translateY(-50%);    left: 0;    position: absolute;    content: "";}@media only screen and (max-width: 1024px) {    .header_ls {        margin-right: 98px;    }    .header_ls i {        font-size: 30px;    }    .header_ls::after {        display: none;    }    .search label input {        font-size: 19px;    }}/* 模态框 */.search {    position: fixed;    top: 121px;    width: 100%;    background-color: #f5f5f8;    height: 80px;    display: none;    z-index: 9999;}.search>.container {    height: 100%;    display: flex;    align-items: center;    padding-left: 100px;}.search label {    padding-left: 60px;    position: relative;    margin: 0;}.search label .hr {    /* content: ''; */    position: absolute;    width: 0;    height: 1px;    background-color: var(--color);    bottom: -8px;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.search label input {    font-size: 15px;    color: var(--color);    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.search label input:focus {    padding-left: 10px;}.search label input:focus~.hr {    width: 100%;}.qhuan {    position: relative;}.qhuan .xia_nr {    position: absolute;    background-color: #006ebc;    color: #fff;    width: 140%;    text-align: center;    left: 39%;    transform: translateX(-50%);    border-radius: 3px;    top: 120%;    margin-left: 13px;    padding: 5px;    opacity: 0;    visibility: hidden;    transition: all 0.5s;    -o-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;}.qhuan a {    display: block;}.qhuan:hover .xia_nr {    opacity: 1;    visibility: inherit;}.qhuan .xia_nr::after {    width: 0;    height: 0;    overflow: hidden;    border-right: 8px solid transparent;    border-left: 8px solid transparent;    /* top就是倒三角，bottom就是上三角，left,right类似 */    border-bottom: 10px solid #006ebc;    position: absolute;    content: "";    left: 50%;    transform: translateX(-50%);    top: -10px;}.qhuan .xia_nr a {    color: #fff;}/* 模态框 end*/@media only screen and (max-width: 1400px) {    .header .nav ul li {        margin-left: 17px;    }}@media only screen and (max-width: 1200px) {    .header .nav ul li {        margin-left: 2px;    }    .header .logo a {        width: 300px;        display: block;    }    .header .nav .y_j a {        font-size: 16px;    }}.header .qiehuan {    display: none;}@media only screen and (max-width: 1024px) {    .header .qiehuan {        display: flex;        justify-content: center;        align-items: center;        flex-wrap: wrap;        color: #fff;        font-size: 20px;        height: 60px;        border: 1px solid #fff;        margin-top: 15px;    }    .header .qiehuan.on {        background-color: #006ebc;        border: 1px solid #006ebc;    }    .header .nav ul {        height: auto;    }    .header_h {        display: none;    }    .header.on .nav li.on .y_j a,    .header.headernei .nav li.on .y_j a {        color: #fff;        font-weight: initial;    }    .header.s_y {        border-bottom: 0;        background-color: rgba(255, 255, 255, 0.9);    }    .header .logo {        margin: 0;        padding: 25px 0;        float: none;    }    .header .logo img.d_w {        opacity: 1;        top: 25px;    }    .header .logo img.t_m {        opacity: 0;    }    .header.on .logo img.t_m {        opacity: 0;    }    .header.on .logo img.d_w {        opacity: 1;    }    .header .an {        display: block;    }    .header .tel {        height: 90px;        font-size: 22px;        line-height: 90px;        text-align: left;        color: #fff;        float: none;    }    .header .tel i {        color: #fff;    }    .header .nav {        width: 60%;        height: 100vh;        padding: 10px 5% 0;        margin: 0;        background-color: #141414;        position: fixed;        top: 0;        right: -60%;        z-index: 9999;        overflow: auto;        transition: all 0.5s;        -o-transition: all 0.5s;        -ms-transition: all 0.5s;        -moz-transition: all 0.5s;        -webkit-transition: all 0.5s;        display: block;    }    .header .nav ul {        width: 100%;        float: none;    }    .header .nav ul li {        width: 100%;        text-align: left;        border-bottom: 1px solid rgba(255, 255, 255, 0.1);        float: none;        padding: 10px 0;        margin: 0;        height: auto;    }    .header .nav .y_j {        height: auto;        justify-content: flex-start;    }    .header .nav .y_j i {        display: block;    }    .header .nav .y_j:after {        display: none;    }    .header .nav .y_j a,    .header.headernei .nav .y_j a {        font-size: 22px;        color: #fff;        line-height: 70px;    }    .header .nav ul li:hover .y_j a {        color: #fff;    }    .header .nav ul li.on .y_j a {        color: #fff;    }    .header .nav .e_j {        width: 100%;        background: none;        border-top: 1px solid rgba(255, 255, 255, 0.1);        box-shadow: none;        position: relative;        left: auto;        top: auto;        padding: 10px 0;        margin-left: 0;        opacity: 0;        visibility: inherit;        display: none;        transform: none;        -webkit-transform: none;        -moz-transform: none;        -ms-transform: none;        -o-transform: none;        transition: none;        -o-transition: none;        -ms-transition: none;        -moz-transition: none;        -webkit-transition: none;    }    .header .nav ul li:hover .e_j {        transform: none;        -webkit-transform: none;        -moz-transform: none;        -ms-transform: none;        -o-transform: none;    }    .header .nav .e_j a {        font-size: 20px;        line-height: 56px;        text-align: left;        color: #fff;        margin: 0 30px 0 0;    }    .sousuo .sou_suo_kuang {        width: 275px;        height: 43px;    }    .sousuo .sou_suo_kuang button {        display: flex;        justify-content: center;        align-items: center;        flex-wrap: wrap;    }    .header .nav ul li:hover::after,    .header .nav ul li.on::after {        display: none;    }    .header {        position: relative;        background-color: #fff;    }    .sousuo .ondq {        opacity: 1;    }    .sousuo .zdq {        opacity: 0;    }    .sousuo {        color: #1e1e1e;    }    .header_ls .header_sea i {        font-size: 26px;    }    .search button i {        font-size: 26px;    }    .header {        padding: 0;    }    .header .nav li .y_j em {        display: none;    }    .header .nav li .y_j span {        margin-top: 0;    }    .header .nav {        display: block;    }    .sousuo .sou_suo_kuang {        width: 262px;        height: 44px;    }    .header .qhuan {        display: none;    }}.head_h {    width: 100%;    height: 100px;    background-color: #fff;    overflow: hidden;}.head_h.g_b {    display: none;}@media only screen and (max-width: 1024px) {    .head_h {        height: 120px;    }    .head_h.g_b {        display: block;    }}.pc_ban {    width: 100%;    position: relative;    overflow: hidden;}.pc_ban .container {    width: 100%;    height: 100%;    display: flex;    justify-content: center;    /* align-items: center; */    /* 换主轴方向 */    flex-direction: column;}.swiper-button-prev::after,.swiper-button-next::after {    content: "";    display: none;}.pc_ban .swiper-button-prev {    left: 30px;}.pc_ban .swiper-button-next {    right: 30px;}.pc_ban .swiper-button-prev i,.pc_ban .swiper-button-next i {    font-size: 50px;    color: rgba(255, 255, 255, 0.5);    font-weight: lighter;}.pc_ban .swiper-slide {    overflow: hidden;}.pc_ban .container {    position: relative;}.pc_ban .container h5 {    font-size: 54px;    color: #333333;    font-family: 'bold';}.pc_ban .container h6 {    font-size: 40px;    font-family: 'no';    color: #333333;    margin-top: 20px;    padding-bottom: 45px;    position: relative;}.pc_ban .container h6::after {    position: absolute;    left: 0;    bottom: 0;    content: "";    width: 155px;    height: 6px;    background-color: #006ebc;}@keyframes xq2 {    50% {        right: 20px;    }    100% {        right: 10px;    }}.pc_ban .swiper-wrapper {    height: 100%;}.pc_ban .swiper-wrapper .swiper-slide {    height: 100%;    position: relative;}.pc_ban .swiper-wrapper .swiper-pagination {    bottom: auto;    top: 50%;    transform: translateY(-50%);    left: auto;    right: 0;    width: 22px;    text-align: center;}.pc_ban .swiper-wrapper .swiper-pagination .swiper-pagination-bullet {    width: 8px;    height: 8px;    background-color: #999f9d;    opacity: 1;}.pc_ban .swiper-wrapper .swiper-pagination .swiper-pagination-bullet-active {    width: 20px;    height: 20px;    background: url(../images/dian.png);}.pc_ban img {    width: 100%;}.pc_ban .tupian {    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;}@media only screen and (max-width:1200px) {    .pc_ban .container h5 {        font-size: 34px;    }    .pc_ban .container h6 {        font-size: 26px;    }}.sy_zog {    padding: 85px 0 105px;}.ggbt {    text-align: center;    font-size: 34px;    color: #006ebc;    font-family: 'bold';    text-transform: uppercase;}.sy_mk1 .sange_kuai {    display: flex;    flex-wrap: wrap;    margin: 0 -25px;}.sy_mk1 .sange_kuai .dange {    padding: 0 25px;    margin-top: 70px;    flex: 0 0 33.3333%;    max-width: 33.3333%;}.sy_mk1 .sange_kuai .dange .neir {    background-color: #fff;    min-height: 429px;    border-radius: 30px 0 0 0;    padding: 40px 22px;    position: relative;    display: flex;    /* justify-content: center; */    align-items: center;    /* 换主轴方向 */    flex-direction: column; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;    }.sy_mk1 .sange_kuai .dange .neir:hover{    -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px)}.sy_mk1 .sange_kuai .dange .neir::after {    position: absolute;    content: "";    left: 0;    bottom: 0;    width: 100%;    height: 0;    background-color: #006ebc;    transition: all .5s;    -o-transition: all .5s;    -ms-transition: all .5s;    -moz-transition: all .5s;    -webkit-transition: all .5s;}.sy_mk1 .sange_kuai .dange .neir:hover::after {    height: 6px;}.sy_mk1 .sange_kuai .dange i {    height: 90px;}.sy_mk1 .sange_kuai .dange i img {    max-height: 100%;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.sy_mk1 .sange_kuai .dange:hover i img{    transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);    -moz-transform: rotateY(180deg);    -ms-transform: rotateY(180deg);    -o-transform: rotateY(180deg);}.sy_mk1 .sange_kuai .dange h5 {    font-size: 23px;    color: #006ebc;    font-family: 'bold';    margin-top: 35px;    position: relative;    text-align: center;    padding-bottom: 23px;}.sy_mk1 .sange_kuai .dange h5:after {    position: absolute;    content: '';    left: 50%;    bottom: 0;    transform: translateX(-50%);    width: 81px;    height: 6px;    background-color: #006ebc;}.sy_mk1 .sange_kuai .dange h6 {    font-family: 'no';    font-size: 18px;    color: #2d2d2d;    margin-top: 56px;    line-height: 33px;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;    text-overflow: ellipsis;}@media only screen and (max-width:1024px) {    .sy_zog {        padding: 50px 0;    }    .sy_mk1 .sange_kuai .dange {        flex: 0 0 50%;        max-width: 50%;        padding: 0 10px;        margin-top: 34px;    }    .sy_mk1 .sange_kuai {        margin: 0 -10px;    }    .sy_mk1 .sange_kuai .dange h6 {        font-size: 19px;        line-height: 35px;        margin-top: 34px;    }    .sy_mk1 .sange_kuai .dange:nth-child(3n) {        flex: 0 0 100%;        max-width: 100%;    }}.sy_mk2 {    padding-top: 90px;}.ggbt_yw {    text-align: center;    font-family: 'zc';    font-size: 23px;    color: #6fb1df;    margin-top: 10px;}.sy_mk2 .zuoyou {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    margin-top: 40px;}.sy_mk2 .zuoyou .zuo {    flex: 0 0 45.42%;    max-width: 45.42%;}.sy_mk2 .zuoyou img {    width: 100%;     transition: all .7s;     -o-transition: all .7s;     -ms-transition: all .7s;     -moz-transition: all .7s;     -webkit-transition: all .7s;}.sy_mk2 .zuoyou .zuo:hover img{    transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}.sy_mk2 .zuoyou .you {    flex: 0 0 50.75%;    max-width: 50.75%;}.sy_mk2 .zuoyou .you .shang {    font-size: 17px;    color: #006ebc;    line-height: 39px;    padding: 44px 65px 50px 30px;    background-color: #e6f5ff;    border-radius: 0 0 40px 0;    font-family: 'med';}.sy_mk2 .zuoyou .you a {    font-size: 16px;    color: #ffffff;    width: 120px;    height: 40px;    background-color: #006ebc;    display: flex;    justify-content: center;    align-items: center;    margin-top: 65px;    border: 1px solid #006ebc;}.sy_mk2 .zuoyou .you a:hover{    color: #006ebc;    background: none;    box-shadow: 0 0 10px #cacaca;}@media only screen and (max-width:1200px) {    .sy_mk2 .zuoyou .you a {        margin-top: 25px;    }    .sy_mk2 .zuoyou .you .shang {        padding: 30px;    }}@media only screen and (max-width:1024px) {    .sy_mk2 .zuoyou .you a {        width: 175px;        height: 58px;        font-size: 20px;        margin: 0 auto;        margin-top: 30px;    }    .sy_mk2 .zuoyou:hover img{        transform: scale(1);    -webkit-transform: scale(1);    -o-transform: scale(1);    -ms-transform: scale(1);    -moz-transform: scale(1);    }}.sy_mk3 {    padding-top: 95px;}.sy_mk3 .sige_kuai {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    margin: 0 -10px;}.sy_mk3 .sige_kuai .dange {    flex: 0 0 33.3333%;    max-width: 33.3333%;    padding: 0 10px;    margin-top: 40px;}.sy_mk3 .sige_kuai .neir {    display: block;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.sy_mk3 .sige_kuai .neir:hover{    -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px)}.sy_mk3 .sige_kuai .neir .shang{    height: 200px;    overflow: hidden;}.sy_mk3 .sige_kuai .neir img {    width: 100%;    transition: all 1.2s;    -o-transition: all 1.2s;    -ms-transition: all 1.2s;    -moz-transition: all 1.2s;    -webkit-transition: all 1.2s;}.sy_mk3 .sige_kuai .neir:hover img{    transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    -moz-transform: scale(1.1);}.sy_mk3 .sige_kuai .neir .shang {    overflow: hidden;    border-radius: 40px 0 0 0;}.sy_mk3 .sige_kuai .neir .xia {    padding: 25px 10px 34px 20px;    background-color: #ffffff;}.sy_mk3 .sige_kuai .neir .xia h5 {    font-size: 18px;    color: #006ebc;    font-family: 'zc';    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;}.sy_mk3 .sige_kuai .neir .xia .sj {    font-family: 'zc';    font-size: 16px;    color: #006ebc;    margin-top: 16px;    padding-bottom: 20px;    border-bottom: 1px solid #006ebc;}.sy_mk3 .sige_kuai .neir .xia h6 {    margin-top: 25px;    font-family: 'zc';    font-size: 14px;    color: #abbcc8;    line-height: 22px;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    text-overflow: ellipsis;}@media only screen and (max-width:1024px) {    .sy_mk3 {        padding-top: 50px;    }}footer {    padding: 60px 0 27px;}footer .shag {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    padding-bottom: 20px;    border-bottom: 1px solid #006ebc;}footer .shag .you {    font-family: 'bold';    font-size: 26px;    color: #095084;}footer .xia {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    padding-top: 30px;}footer .xia .zuo {    flex: 0 0 56.91%;    max-width: 56.91%;    display: flex;    justify-content: space-between;    flex-wrap: wrap;}footer .xia .zuo a {    display: block;    font-size: 16px;    color: #095084;    margin-top: 30px;    text-transform: uppercase;}footer .xia .you {    flex: 0 0 30.5%;    max-width: 30.5%;    display: flex;    justify-content: space-between;    flex-wrap: wrap;}footer .xia .you .ewm {    margin-top: 17px;    flex: 0 0 48%;    max-width: 48%;}footer .xia .you img {    width: 100%;}footer .xia .you h5 {    font-size: 16px;    color: #095084;    margin-top: 25px;    text-align: center;}footer .banquan {    font-size: 16px;    color: #095084;    margin-top: 76px;}@media only screen and (max-width:1024px) {    footer {        padding: 50px 0 15px;    }    footer .xia .zuo {        display: none;    }    footer .xia .you {        flex: 0 0 100%;        max-width: 100%;    }    footer .xia .you h5 {        font-size: 20px;    }}/* 产品服务 */.nei_ban {    position: relative;    height: 788px;}.nei_ban img {    max-width: 100%;    animation: xq2 3s linear infinite;}@keyframes xq2 {    50% {        -webkit-transform: translateY(-10px);        -moz-transform: translateY(-10px);        -ms-transform: translateY(-10px);        -o-transform: translateY(-10px);        transform: translateY(-10px);    }    100% {        -webkit-transform: translateY(0px);        -moz-transform: translateY(0px);        -ms-transform: translateY(0px);        -o-transform: translateY(0px);        transform: translateY(0px);    }}.nei_ban h5 {    font-size: 54px;    color: #333333;    font-family: 'bold';}.nei_ban h6 {    font-size: 40px;    color: #333333;    margin-top: 15px;}.nei_ban a {    font-size: 24px;    color: #ffffff;    width: 150px;    height: 50px;    background-color: #006ebc;    border: 1px solid #006ebc;    display: flex;    justify-content: center;    align-items: center;    border-radius: 20px;    margin-top: 40px;}.nei_ban a:hover{    background:none;    color: #006ebc;}.nei_ban .shang_fu {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    display: flex;    justify-content: center;    /* align-items: center; */    /* 换主轴方向 */    flex-direction: column;}.nei_ban .shang_fu .container {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;}@media (min-width:1500px) {    .nei_ban .shang_fu .container {        max-width: 1530px;    }}.nei_ban .shang_fu .container .zuo{    flex: 1;}.nei_ban .shang_fu .container .you {    flex: 0 0 48%;    max-width: 48%;}.cp_nr {    padding: 200px 0 100px;}.cp_nr .shang_mk {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    padding: 67px 0;}.cp_nr .shang_mk .zuo {    flex: 0 0 33%;    max-width: 33%;}.cp_nr .shang_mk .you{    flex: 1;}.cp_nr .shang_mk .zuo img {    max-width: 100%;    animation: xq2 3s linear infinite;}.cp_nr .shang_mk .you {    /* flex: 0 0 42.7%;    max-width: 42.7%; */}.cp_nr .shang_mk .you h5 {    font-family: 'bold';    font-size: 54px;    color: #333333;}.cp_nr .shang_mk .you h6 {    font-size: 40px;    color: #333333;    margin-top: 20px;}.cp_nr .shang_mk .you a {    font-size: 24px;    color: #ffffff;    width: 150px;    height: 50px;    background-color: #006ebc;    border: 1px solid #006ebc;    display: flex;    justify-content: center;    align-items: center;    border-radius: 20px;    margin-top: 30px;}.cp_nr .shang_mk .you a:hover{    background:none;    color: #006ebc;}@media only screen and (max-width:1200px) {    .nei_ban h5,    .cp_nr .shang_mk .you h5 {        font-size: 34px;    }    .nei_ban h6,    .cp_nr .shang_mk .you h6 {        font-size: 30px;    }    .nei_ban {        height: 598px;    }    .cp_nr {        padding: 100px 0;    }}@media only screen and (max-width:1024px) {    .nei_ban {        padding: 50px 0;        height: auto;    }    .nei_ban .shang_fu .container .zuo {        width: 100%;    }    .nei_ban .shang_fu .container .you {        flex: 0 0 100%;        max-width: 100%;        margin-top: 60px;    }    .nei_ban .shang_fu {        position: relative;    }    .nei_ban h6,    .cp_nr .shang_mk .you h6 {        font-size: 24px;    }    .nei_ban a,    .cp_nr .shang_mk .you a {        font-size: 20px;    }    .cp_nr .shang_mk .zuo {        flex: 0 0 100%;        max-width: 100%;    }    .cp_nr .shang_mk .you {        width: 100%;        order: -1;    }    .cp_nr {        padding: 0 0 50px;    }    .cp_nr .shang_mk .zuo {        display: flex;        justify-content: center;        align-items: center;        flex-wrap: wrap;        margin-top: 50px;    }}/* 更多产品 */.nei_bt {    text-align: center;    font-size: 54px;    color: #333333;    font-family: 'bold';    text-transform: uppercase;}.cp_nr .xia_gdiuo {    padding-top: 170px;}.cp_nr .xia_gdiuo .cp_lb {    margin-top: 30px;}.xia_gdiuo .sige_kuai .neir {    background-color: #fff;    border-radius: 40px 0 0 20px;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.xia_gdiuo .sige_kuai .neir:hover{    -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px)}.xia_gdiuo .sige_kuai .neir .xia {    background: none;}.xia_gdiuo .sige_kuai .neir .shang {    height: 300px;    padding: 10px;    display: flex;    justify-content: center;    align-items: center;    overflow: hidden;}.xia_gdiuo .sige_kuai .neir img {    width: auto;    max-width: 100%;    max-height: 100%;     transition: all 1s;     -o-transition: all 1s;     -ms-transition: all 1s;     -moz-transition: all 1s;     -webkit-transition: all 1s;}.xia_gdiuo .sige_kuai .neir:hover img{    transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    -moz-transform: scale(1.1);}@media only screen and (max-width:1024px) {    .cp_nr .xia_gdiuo {        padding-top: 0;    }    .nei_bt {        font-size: 30px;    }    .sy_mk3 .sige_kuai .dange {        flex: 0 0 50%;        max-width: 50%;    }    .sy_mk3 .sige_kuai .neir .xia h5 {        font-size: 22px;    }    .sy_mk3 .sige_kuai .neir .xia .sj {        font-size: 19px;    }    .sy_mk3 .sige_kuai .neir .xia h6 {        font-size: 19px;        line-height: 35px;        margin-top: 15px;    }    .cp_nr .xia_gdiuo .cp_lb {        margin-top: 0;    }}/* 新闻 */.xinwen_nr {    padding: 96px 0 73px;}.xinwen_nr .zuoy_lb {    padding-top: 20px;}.xinwen_nr .zuoy_lb .dange {    margin-top: 60px;    display: flex;    justify-content: space-between;    border-radius: 0 0 50px 50px;    overflow: hidden;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.xinwen_nr .zuoy_lb .dange:hover{    -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px)}.xinwen_nr .zuoy_lb .dange .zuo {    flex: 0 0 45.25%;    max-width: 45.25%;    overflow: hidden;}.xinwen_nr .zuoy_lb .dange .zuo img {    width: 100%;     transition: all 1s;     -o-transition: all 1s;     -ms-transition: all 1s;     -moz-transition: all 1s;     -webkit-transition: all 1s;}.xinwen_nr .zuoy_lb .dange:hover .zuo img{    transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    -moz-transform: scale(1.1);}.xinwen_nr .zuoy_lb .dange .you {    flex: 1;    background-color: #e6f5ff;    padding: 40px 60px 65px;}.xinwen_nr .zuoy_lb .dange .you h5 {    font-size: 18px;    color: #006ebc;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;}.xinwen_nr .zuoy_lb .dange .you .sj {    font-size: 16px;    color: #006ebc;    margin-top: 15px;    padding-bottom: 20px;    position: relative;    border-bottom: 1px solid #006ebc;    width: 66%;}.xinwen_nr .zuoy_lb .dange .you h6 {    font-size: 14px;    color: #abbcc8;    margin-top: 25px;    line-height: 23px;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    text-overflow: ellipsis;}.xinwen_nr .zuoy_lb .dange a {    margin-top: 119px;    width: 120px;    height: 40px;    background-color: #006ebc;    border: 1px solid #006ebc;    font-size: 16px;    color: #ffffff;    display: flex;    justify-content: center;    align-items: center;}.xinwen_nr .zuoy_lb .dange:hover a{    background:none;    color: #006ebc;}.fenye {    display: flex;    justify-content: center;    align-items: center;    margin-top: 80px;}.fenye a,.fenye span {    width: 30px;    height: 30px;    border: 1px solid #006ebc;    font-size: 24px;    color: #006ebc;    font-family: 'bold';    display: flex;    justify-content: center;    align-items: center;    margin: 0 10px;}.fenye .next-page,.fenye .current-page,.fenye .prev-page{background-color: #006ebc;color: #fff;}@media only screen and (max-width:1200px) {    .xinwen_nr .zuoy_lb .dange a {        margin-top: 25px;    }    .xinwen_nr .zuoy_lb .dange .you {        padding: 40px 60px 39px;    }}@media only screen and (max-width:1024px) {    .xinwen_nr .zuoy_lb .dange .zuo {        flex: 0 0 100%;        max-width: 100%;    }    .xinwen_nr .zuoy_lb .dange {        flex-wrap: wrap;    }    .xinwen_nr .zuoy_lb .dange .you {        padding: 30px;        margin-top: 30px;    }    .xinwen_nr .zuoy_lb .dange .you h5 {        font-size: 22px;    }    .xinwen_nr .zuoy_lb .dange .you .sj {        font-size: 19px;    }    .xinwen_nr .zuoy_lb .dange .you h6 {        font-size: 19px;        line-height: 35px;    }    .xinwen_nr .zuoy_lb .dange a {        width: 132px;        height: 55px;        font-size: 20px;    }    .xinwen_nr {        padding: 50px 0;    }    .fenye {        margin-top: 50px;    }    .xinwen_nr .zuoy_lb {        padding-top: 0;    }    .xinwen_nr .zuoy_lb .dange {        margin-top: 50px;    }}/* 关于我们 */.guanyu_nr {    padding: 13px 0 166px;}.guanyu_nr .sy_mk2 .zuoyou .you .shang {    height: 100%;}.guanyu_nr .sy_mk2 .zuoyou {    align-items: inherit;}.guanyu_nr .xia_ditu {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    margin-top: 285px;}.guanyu_nr .xia_ditu .zuo {    flex: 0 0 70.9%;    max-width: 70.9%;}.guanyu_nr .xia_ditu .zuo img{     width: 100%; }.guanyu_nr .xia_ditu .you {    flex: 0 0 27.4%;    max-width: 27.4%;}.guanyu_nr .xia_ditu .you .dange {    padding: 20px 0;    padding-left: 63px;    position: relative;}.guanyu_nr .xia_ditu .you .dange i {    position: absolute;    left: 0;    top: 20px;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.guanyu_nr .xia_ditu .you .dange:hover i{    transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);    -moz-transform: rotateY(180deg);    -ms-transform: rotateY(180deg);    -o-transform: rotateY(180deg);}.guanyu_nr .xia_ditu .you .dange h5 {    font-size: 36px;    color: #006ebc;    font-family: 'bold';}.guanyu_nr .xia_ditu .you .dange h6 {    font-size: 17px;    color: #333333;    line-height: 40px;    margin-top: 20px;}@media only screen and (max-width:1200px) {    .guanyu_nr .sy_mk2 .zuoyou .you .shang {        line-height: 30px;        padding: 30px;    }    .guanyu_nr .xia_ditu .you .dange h6 {        font-size: 15px;    }    .guanyu_nr .xia_ditu .you .dange h5 {        font-size: 26px;    }}@media only screen and (max-width:1024px) {    .guanyu_nr .xia_ditu {        margin-top: 50px;    }    .guanyu_nr .xia_ditu .zuo,    .guanyu_nr .xia_ditu .you {        flex: 0 0 100%;        max-width: 100%;    }    .guanyu_nr .xia_ditu .you{        margin-top: 40px;    }    .guanyu_nr .xia_ditu .you .dange h5 {        font-size: 24px;    }    .guanyu_nr .xia_ditu .you .dange h6 {        font-size: 20px;    }    .guanyu_nr {        padding-bottom: 50px;    }    .sy_mk2 {        padding-top: 50px;    }    .sy_mk2 .zuoyou .zuo {        flex: 0 0 100%;        max-width: 100%;    }    .sy_mk2 .zuoyou .you {        flex: 0 0 100%;        max-width: 100%;    }    .sy_mk2 .zuoyou .you .shang {        border-radius: 0;        font-size: 19px;        line-height: 35px;    }    .sy_mk2 .zuoyou .you {        margin-top: 30px;    }    .guanyu_nr .sy_mk2 .zuoyou {        margin-top: 23px;    }}/* 案例 */.anli {    padding: 110px 0;}@media (min-width:1460px) {    .anli .container {        max-width: 1490px    }}.anli .dange_lb {    margin-top: 170px;}.anli .dange_lb:nth-child(1) {    margin-top: 0;}.anli .dange_lb .sshang_zy {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;}.anli .dange_lb .sshang_zy .zuo {    flex: 0 0 52%;    max-width: 52%;}.anli .dange_lb .sshang_zy .zuo h5 {    font-size: 54px;    color: #333333;    font-family: 'bold';}.anli .dange_lb .sshang_zy .zuo h6 {    font-size: 36px;    color: #333333;    font-family: 'no';    line-height: 57px;    margin-top: 15px;}.anli .dange_lb .sshang_zy .you {    flex: 0 0 42%;    max-width: 42%;    text-align: right;}.anli .dange_lb .sshang_zy .you img {    max-width: 100%;     transition: all .7s;     -o-transition: all .7s;     -ms-transition: all .7s;     -moz-transition: all .7s;     -webkit-transition: all .7s;}.anli .dange_lb .sshang_zy .you:hover img{    -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px)}.anli .dange_lb .xia_wz {    font-size: 36px;    color: #333333;    font-family: 'no';    line-height: 57px;    margin-top: 70px;}.anli .dange_lb .xia_wz strong {    font-weight: normal;    font-family: 'bold';}.anli .dange_lb .ckgd {    font-size: 24px;    color: #ffffff;    width: 150px;    height: 50px;    background-color: #006ebc;    border: 1px solid #006ebc;    display: flex;    justify-content: center;    align-items: center;    flex-wrap: wrap;    margin: 0 auto;    margin-top: 45px;    border-radius: 20px;}.anli .dange_lb .ckgd:hover{    background:none;    color: #006ebc;}@media only screen and (max-width:1200px) {    .anli .dange_lb .sshang_zy .zuo h6,    .anli .dange_lb .xia_wz {        font-size: 19px;        line-height: 35px;    }    .anli .dange_lb .sshang_zy .zuo h5 {        font-size: 37px;    }}@media only screen and (max-width:1024px) {    .anli {        padding: 50px 0;    }    .anli .dange_lb .sshang_zy .zuo {        flex: 0 0 100%;        max-width: 100%;    }    .anli .dange_lb .sshang_zy .you {        flex: 0 0 100%;        max-width: 100%;        text-align: center;        margin-top: 30px;    }    .anli .dange_lb .sshang_zy .zuo h5 {        font-size: 26px;    }    .anli .dange_lb {        margin-top: 53px;    }    .anli .dange_lb .ckgd {        font-size: 20px;    }}/* 新闻详情 */.xwxq {    padding: 95px 0 77px;}.xwxq .xia_kuang {    background-color: #fff;    padding: 38px 68px 70px 30px;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin-top: 20px;}.xwxq .xia_kuang .xq_fy{    margin-top: 50px;}.xwxq .xia_kuang .xq_fy a{    display: block;    font-size: 19px;    color: #809fb4;}.xwxq .xia_kuang .zuo {    flex: 0 0 65.96%;    max-width: 65.96%;}.xwxq .xia_kuang .zuo .bt {    font-size: 30px;    color: #006ebc;    font-family: 'zc';    text-align: center;}.xwxq .xia_kuang .zuo .sj {    text-align: center;    font-size: 14px;    color: #abbcc8;    margin-top: 9px;    padding-bottom: 25px;    border-bottom: 1px solid #006ebc;}.xwxq .xia_kuang .zuo .nr {    font-size: 16px;    color: #abbcc8;    line-height: 30px;    margin-top: 33px;}.xwxq .xia_kuang .yopu {    flex: 0 0 29.2%;    max-width: 29.2%;}.xwxq .xia_kuang .yopu .brt {    font-size: 24px;    color: #006ebc;    padding-bottom: 16px;    border-bottom: 1px solid #006ebc;    margin-top: 48px;}.xwxq .xia_kuang .yopu .zuoy {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap;    margin-top: 30px;}.xwxq .xia_kuang .yopu .zuoy .z {    width: 120px;    overflow: hidden;}.xwxq .xia_kuang .yopu .zuoy .z img {    width: 100%;     transition: all .5s;     -o-transition: all .5s;     -ms-transition: all .5s;     -moz-transition: all .5s;     -webkit-transition: all .5s;}.xwxq .xia_kuang .yopu .zuoy:hover .z img{    transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    -moz-transform: scale(1.1);}.xwxq .xia_kuang .yopu .zuoy .y {    padding-left: 16px;    flex: 1;}.xwxq .xia_kuang .yopu .zuoy .y h5 {    font-size: 16px;    color: #666666;    overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    text-overflow: ellipsis;}.xwxq .xia_kuang .yopu .zuoy .y h6 {    font-size: 14px;    color: #abbcc8;    margin-top: 20px;}.xwxq .xia_kuang .zuo .nr img {    max-width: 100%;}@media only screen and (max-width:1024px) {    .xwxq .xia_kuang .zuo {        flex: 0 0 100%;        max-width: 100%;    }    .xwxq .xia_kuang {        padding: 30px;    }    .xwxq .xia_kuang .zuo .bt {        font-size: 24px;    }    .xwxq .xia_kuang .zuo .sj {        font-size: 17px;    }    .xwxq .xia_kuang .zuo .nr {        font-size: 19px;        line-height: 35px;    }    .xwxq .xia_kuang .yopu {        flex: 0 0 100%;        max-width: 100%;    }    .xwxq .xia_kuang .yopu .zuoy .z {        width: 234px;    }    .xwxq .xia_kuang .yopu .zuoy .y h5 {        font-size: 20px;    }    .xwxq .xia_kuang .yopu .zuoy .y h6 {        font-size: 20px;    }    .xwxq {        padding: 50px 0;    }    .ggbt {        font-size: 30px;    }    .ggbt_yw {        font-size: 20px;        margin-top: 0;    }}