body, html, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}

body {
    font-size: 16px;
    color: #444;
    background: #fff;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle
}

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

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

input, textarea, select, button {
    font-size: 16px;
    font-family: "微软雅黑";
}

input:focus, textarea:focus {
    outline: none;
}

html,
body {
    width: 100%;
    min-height: 100%;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder {
    color: #ccc;
}

textarea::-webkit-input-placeholder {
    color: #ccc;
}

textarea::-moz-placeholder {
    color: #ccc;
}

textarea:-ms-input-placeholder {
    color: #ccc;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotating2 {
    0% {
        transform: rotateX(70deg) rotateZ(0)
    }
    to {
        transform: rotateX(70deg) rotateZ(1turn)
    }
}

@keyframes tan {
    0% {
        transform: translateY(0px)
    }
    50% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0px)
    }
}

@keyframes imgtopIn {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes imgleftIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes imgrightIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes imgbottomIn {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.swiper-container {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 21px !important;
}

.swiper-slide .suoding {
    position: absolute;
    animation: rotating 2.5s linear infinite;
}

.swiper-slide .suoding2 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper-slide .suoding2 .up {
    width: auto;
    animation: tan 1s linear infinite;
    position: relative;
    top: 55px;
    z-index: 2;
}

.swiper-slide .suoding2 .down {
    animation: rotating2 2.5s linear infinite;
}

@media (min-width: 1480px) {
    .swiper-slide .suoding2 {
        zoom: 1;
    }
}

@media (max-width: 1479px) and (min-width: 767px) {
    .swiper-slide .suoding2 {
        zoom: 0.8;
    }
}

@media (max-width: 768px) {
    .swiper-slide .suoding2 {
        zoom: 0.5;
    }
}

.index_banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

@media (min-width: 1480px) {
    .swiper-slide .suoding {

    }
}

@media (max-width: 1479px) and (min-width: 767px) {
    .swiper-slide .suoding {
        width: 120px;
    }
}

@media (max-width: 768px) {
    .swiper-slide .suoding {
        width: 80px;
    }
}

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

.header .but {
    display: none;
}

.page {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.page a, .page span {
    display: inline-block;
    padding: 3px 10px;
    margin: 0 3px;
    line-height: 23px;
}

.page a, .page li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
    color: #999;
}

.page a.first, .page a.prev, .page a.next, .page a.end {
    margin: 0;
}

.page span.current {
    color: #2e6cf7;
    font-weight: 700;
}

@media (min-width: 1480px) {
    .main {
        width: 1440px;
        margin: 0 auto;
    }
}

@media (max-width: 1479px) and (min-width: 767px) {
    .main {
        padding: 0 50px;
    }
}

@media (max-width: 768px) {
    .main {
        padding: 0 15px;
    }
}

@media (min-width: 1240px) {
    .main2 {
        width: 1200px;
        margin: 0 auto;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .main2 {
        padding: 0 50px;
    }
}

@media (max-width: 768px) {
    .main2 {
        padding: 0 15px;
    }
}

/* 首页 */
@media (min-width: 1480px) {
    .main {
        width: 1440px;
        margin: 0 auto;
    }

    /* 通用标题 */
    .pubtitle {
        width: 100%;
        text-align: center;
        font-size: 48px;
        color: #222;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .pubtitle.short {
        margin-top: 50px;
    }

    .pubtitle2 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #222;
        margin-bottom: 45px;
        font-weight: 100;
    }

    .pubtitle.anime {
        animation: imgtopIn 0.5s linear;
    }

    .pubtitle2.anime {
        animation: imgtopIn 0.5s linear;
    }

    /* 通用标题 */
    /* header */
    .header {
        width: 100%;
        height: 80px;
        background-color: #02050f;
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .header .main {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .logo {
        width: 120px;
        height: 40px;
        background-image: url(../images/logo.png);
        background-position: left center;
        background-repeat: no-repeat;
        display: block;
        flex-shrink: 0;
    }

    .header .menu {
        width: calc(100% - 500px);
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu .item {
        position: relative;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .menu .item .yi {
        font-size: 16px;
        color: #fff;
    }

    .header .menu .item .yi:hover, .header .menu .item .yi.hover {
        color: #f79c0e;
    }

    .header .menu .item .er {
        position: absolute;
        top: 80px;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.8);
        left: 50%;
        transform: translate(-50%, 0);
        overflow: hidden;
        height: 0;
        transition: all 0.3s;
    }

    .header .menu .item:hover .er {
        padding: 20px;
        height: auto;
    }

    .header .menu .item .er .item2 {
        white-space: nowrap;
        /* text-align: center; */
        color: #fff;
        margin-bottom: 15px;
    }

    .header .menu .item .er .item2:last-child {
        margin-bottom: 0;
    }

    .header .menu .item .er .item2:hover, .header .menu .item .er .item2.hover {
        color: #f79c0e;
    }

    .header .toptel {

    }

    .header .sousuo {
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(../images/fdj.png);
        background-position: center;
        background-repeat: no-repeat;
        flex-shrink: 0;
    }

    /* header */
    /* 统计 */
    .tongji {
        width: 100%;
        padding: 60px 0;
        background-image: url(../images/tjbj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .tongji .main {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .tongji .main .item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .tongji .main .item .p1 {
        font-size: 16px;
        color: #444;
    }

    .tongji .main .item .p1 .num {
        font-size: 68px;
        color: #f79b0c;
        font-weight: bold;
    }

    .tongji .main .item .p1 .jia {
        font-size: 68px;
        color: #f79b0c;
        font-weight: bold;
    }

    .tongji .main .item .p2 {
        font-size: 16px;
        color: #444;
    }

    /* 统计 */
    /* 产品 */
    .chanpin {
        width: 100%;
        padding: 50px;
        box-sizing: border-box;
        background-image: url(../images/probj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    .chanpin .pubtitle {
        color: #fff;
    }

    .chanpin .pubtitle2 {
        color: #fff;
    }

    .chanpin .list {
        max-width: 1820px;
        box-sizing: border-box;
        padding: 0 50px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .chanpin .list .item {
        width: 25%;
        height: 540px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .chanpin .list .item:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .chanpin .list .item .l {
        width: 100%;
        height: 50%;
        overflow: hidden;
    }

    .chanpin .list .item .l span {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 0.3s;
    }

    .chanpin .list .item:hover .l span {
        transform: scale(1.05) rotate(0.2deg);
    }

    .chanpin .list .item .r {
        width: 100%;
        height: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .chanpin .list .item .r .p1 {
        height: 70px;
        margin-bottom: 30px;
    }

    .chanpin .list .item .r .p2 {
        font-size: 18px;
        color: #444;
        text-align: center;
        padding: 0 70px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 30px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .chanpin .list .item .r .p3 {
        font-size: 16px;
        color: #335ca6;
    }

    .chanpin .more {
        width: 240px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        margin: 0 auto;
        margin-top: 50px;
        border: 1px solid #fff;
        border-radius: 34px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .chanpin .more:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .chanpin .more:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .chanpin .more:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .chanpin .more:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .chanpin .more:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 产品 */
    /* 案例 */
    .case {
        width: 100%;
        background-image: url(../images/casebj.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 0;
    }

    .case .up {
        width: 100%;
        height: 420px;
        display: flex;
        /* justify-content: flex-end; */
        align-items: center;
    }

    .case .up .main {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .case .up .p1 {
        font-size: 40px;
        color: #fff;
        margin-bottom: 35px;
    }

    .case .up .p1.anime {
        animation: imgbottomIn 0.3s linear;
    }

    .case .up .p2 {
        font-size: 22px;
        color: #fff;
        line-height: 40px;
        margin-bottom: 30px;
        font-weight: 100;
    }

    .case .up .p2.anime {
        animation: imgtopIn 0.3s linear;
    }

    .case .up .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .case .up .p3 .item {
        width: 220px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        margin-right: 15px;
        border: 1px solid #ddd;
        border-radius: 30px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .case .up .p3 .item:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .case .up .p3 .item.anime {
        animation: imgleftIn 0.3s linear;
    }

    .case .up .p3 .item:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .case .up .p3 .item:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .case .up .p3 .item:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .case .up .p3 .item:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    .case .down {
        width: 100%;
        height: 240px;
        display: flex;
        align-items: flex-end;
    }

    .case .down .item {
        width: calc(100% / 9);
        height: 215px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.3s;
        cursor: pointer;
    }

    .case .down .item:hover {
        height: 240px;
    }

    .case .down .item .bj {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .case .down .item:hover .bj {
        background-color: #fff;
    }

    .case .down .item.case1 {
        background-image: url(../images/case1.jpg);
    }

    .case .down .item.case2 {
        background-image: url(../images/case2.jpg);
    }

    .case .down .item.case3 {
        background-image: url(../images/case3.jpg);
    }

    .case .down .item.case4 {
        background-image: url(../images/case4.jpg);
    }

    .case .down .item.case5 {
        background-image: url(../images/case5.jpg);
    }

    .case .down .item.case6 {
        background-image: url(../images/case6.jpg);
    }

    .case .down .item.case7 {
        background-image: url(../images/case7.jpg);
    }

    .case .down .item.case8 {
        background-image: url(../images/case8.jpg);
    }

    .case .down .item.case9 {
        background-image: url(../images/case9.jpg);
    }

    .case .down .item.case1 .bj {
        background-image: url(../images/c1.png);
    }

    .case .down .item.case2 .bj {
        background-image: url(../images/c2.png);
    }

    .case .down .item.case3 .bj {
        background-image: url(../images/c3.png);
    }

    .case .down .item.case4 .bj {
        background-image: url(../images/c4.png);
    }

    .case .down .item.case5 .bj {
        background-image: url(../images/c5.png);
    }

    .case .down .item.case6 .bj {
        background-image: url(../images/c6.png);
    }

    .case .down .item.case7 .bj {
        background-image: url(../images/c7.png);
    }

    .case .down .item.case8 .bj {
        background-image: url(../images/c8.png);
    }

    .case .down .item.case9 .bj {
        background-image: url(../images/c9.png);
    }

    .case .down .item.case1:hover .bj {
        background-image: url(../images/c1h.png);
    }

    .case .down .item.case2:hover .bj {
        background-image: url(../images/c2h.png);
    }

    .case .down .item.case3:hover .bj {
        background-image: url(../images/c3h.png);
    }

    .case .down .item.case4:hover .bj {
        background-image: url(../images/c4h.png);
    }

    .case .down .item.case5:hover .bj {
        background-image: url(../images/c5h.png);
    }

    .case .down .item.case6:hover .bj {
        background-image: url(../images/c6h.png);
    }

    .case .down .item.case7:hover .bj {
        background-image: url(../images/c7h.png);
    }

    .case .down .item.case8:hover .bj {
        background-image: url(../images/c8h.png);
    }

    .case .down .item.case9:hover .bj {
        background-image: url(../images/c9h.png);
    }

    /* 案例 */
    /* 关于我们 */
    .about {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
    }

    .about .main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .about .main .l {
        width: 50%;
        margin-right: 25px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .about .main .l img {
        width: 100%;
        transition: all 0.3s;
    }

    .about .main .l:hover img {
        transform: scale(1.05);
    }

    .about .main .r {
        width: 50%;
        padding-left: 25px;
        box-sizing: border-box;
    }

    .about .main .r .p1 {
        font-size: 30px;
        color: #444;
        margin-bottom: 20px;
    }

    .about .main .r .p2 {
        font-size: 18px;
        color: #444;
        line-height: 35px;
        margin-bottom: 30px;
    }

    .about .main .r .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 40px;
    }

    .about .main .r .p3 .item {
        width: 100px;
        margin-right: 80px;
    }

    .about .main .r .p3 .item:last-child {
        margin-right: 0;
    }

    .about .main .r .p3 .item .up {
        width: 100%;
        height: 70px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .about .main .r .p3 .item .up.ab1 {
        background-image: url(../images/ab1.png);
    }

    .about .main .r .p3 .item .up.ab2 {
        background-image: url(../images/ab2.png);
    }

    .about .main .r .p3 .item .up.ab3 {
        background-image: url(../images/ab4.png);
    }

    .about .main .r .p3 .item .down {
        font-size: 22px;
        color: #f79b0c;
        text-align: center;
    }

    .about .main .r .p4 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .about .main .r .p4 .item {
        width: 225px;
        height: 60px;
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #444;
        font-size: 24px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .about .main .r .p4 .item:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .about .main .r .p4 .item:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .about .main .r .p4 .item:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .about .main .r .p4 .item:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .about .main .r .p4 .item:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 关于我们 */
    /* 新闻 */
    .news {
        width: 100%;
        padding: 50px 0;
        background-color: #f3f3f3;
    }

    .news .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .news .list .item {
        width: 700px;
        height: 100px;
        background-color: #fff;
        margin-bottom: 20px;
        padding: 20px 30px 20px 25px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .news .list .item .l {
        width: calc(100% - 24px);
        padding-right: 20px;
        box-sizing: border-box;
    }

    .news .list .item .l .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #222;
        margin-bottom: 15px;
    }

    .news .list .item:hover .l .p1 {
        color: #f79c0e;
    }

    .news .list .item .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
    }

    .news .list .item .r {
        width: 24px;
        height: 100%;
        background-image: url(../images/cjt.png);
        background-repeat: no-repeat;
        background-position: left 25px;
        transition: all 0.3s;
    }

    .news .list .item:hover .r {
        background-image: url(../images/cjth.png);
    }

    .news .more {
        width: 240px;
        height: 65px;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 24px;
        color: #444;
        border-radius: 35px;
        margin-top: 35px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .news .more:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .news .more:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .news .more:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .news .more:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .news .more:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 新闻 */
    /* footer */
    .footer {
        width: 100%;
        background-color: #222;
    }

    .footer .up {
        padding: 0 50px;
        padding-top: 35px;
        border-bottom: 1px solid #393939;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .footer .up .l {
        width: calc(100% - 220px);
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .footer .up .l .list {
        display: flex;
        flex-direction: column;
    }

    .footer .up .l .list .item {
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .footer .up .l .list .item.title {
        font-size: 16px;
    }

    .footer .up .r {
        width: 190px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .footer .up .r .ewm {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .footer .down {
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }

    .footer .down * {
        font-size: 12px;
        color: #fff;
    }

    /* footer */
}

@media (max-width: 1479px) and (min-width: 767px) {
    .main {
        padding: 0 50px;
    }

    /* 通用标题 */
    .pubtitle {
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: #222;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .pubtitle.short {
        margin-top: 25px;
    }

    .pubtitle2 {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #222;
        margin-bottom: 25px;
        font-weight: 100;
    }

    .pubtitle.anime {
        animation: imgtopIn 0.5s linear;
    }

    .pubtitle2.anime {
        animation: imgtopIn 0.5s linear;
    }

    /* 通用标题 */
    /* header */
    .header {
        width: 100%;
        height: 80px;
        background-color: #02050f;
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .header .main {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .logo {
        width: 120px;
        height: 40px;
        background-image: url(../images/logo.png);
        background-position: left center;
        background-repeat: no-repeat;
        display: block;
        flex-shrink: 0;
    }

    .header .menu {
        width: calc(100% - 160px);
        margin: 0 15px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu .item {
        position: relative;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .menu .item .yi {
        font-size: 16px;
        color: #fff;
    }

    .header .menu .item .yi:hover, .header .menu .item .yi.hover {
        color: #f79c0e;
    }

    .header .menu .item .er {
        position: absolute;
        top: 80px;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.8);
        left: 50%;
        transform: translate(-50%, 0);
        overflow: hidden;
        height: 0;
        transition: all 0.3s;
    }

    .header .menu .item:hover .er {
        padding: 20px;
        height: auto;
    }

    .header .menu .item .er .item2 {
        white-space: nowrap;
        /* text-align: center; */
        color: #fff;
        margin-bottom: 15px;
    }

    .header .menu .item .er .item2:last-child {
        margin-bottom: 0;
    }

    .header .menu .item .er .item2:hover, .header .menu .item .er .item2.hover {
        color: #f79c0e;
    }

    .header .toptel {
        margin-right: 15px
    }

    .header .sousuo {
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(../images/fdj.png);
        background-position: center;
        background-repeat: no-repeat;
        flex-shrink: 0;
    }

    /* header */
    /* 统计 */
    .tongji {
        width: 100%;
        padding: 30px 0;
        background-image: url(../images/tjbj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .tongji .main {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .tongji .main .item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .tongji .main .item .p1 {
        font-size: 14px;
        color: #444;
    }

    .tongji .main .item .p1 .num {
        font-size: 45px;
        color: #f79b0c;
        font-weight: bold;
    }

    .tongji .main .item .p1 .jia {
        font-size: 45px;
        color: #f79b0c;
        font-weight: bold;
    }

    .tongji .main .item .p2 {
        font-size: 14px;
        color: #444;
    }

    /* 统计 */
    /* 产品 */
    .chanpin {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
        background-image: url(../images/probj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    .chanpin .pubtitle {
        color: #fff;
    }

    .chanpin .pubtitle2 {
        color: #fff;
    }

    .chanpin .list {
        box-sizing: border-box;
        padding: 0 50px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .chanpin .list .item {
        width: 50%;
        height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .chanpin .list .item:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .chanpin .list .item .l {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .chanpin .list .item .l span {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 0.3s;
    }

    .chanpin .list .item:hover .l span {
        transform: scale(1.05) rotate(0.2deg);
    }

    .chanpin .list .item .r {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .chanpin .list .item .r .p1 {
        height: 70px;
        margin-bottom: 30px;
    }

    .chanpin .list .item .r .p2 {
        font-size: 18px;
        color: #444;
        text-align: center;
        padding: 0 70px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 30px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .chanpin .list .item .r .p3 {
        font-size: 16px;
        color: #335ca6;
    }

    .chanpin .more {
        width: 200px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #fff;
        margin: 0 auto;
        margin-top: 30px;
        border: 1px solid #fff;
        border-radius: 34px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .chanpin .more:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .chanpin .more:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .chanpin .more:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .chanpin .more:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .chanpin .more:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 产品 */
    /* 案例 */
    .case {
        width: 100%;
        background-image: url(../images/casebj.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .case .up {
        width: 100%;
        height: 420px;
        display: flex;
        /* justify-content: flex-end; */
        align-items: center;
    }

    .case .up .main {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .case .up .p1 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
    }

    .case .up .p1.anime {
        animation: imgbottomIn 0.3s linear;
    }

    .case .up .p2 {
        font-size: 18px;
        color: #fff;
        line-height: 30px;
        margin-bottom: 25px;
        font-weight: 100;
    }

    .case .up .p2.anime {
        animation: imgtopIn 0.3s linear;
    }

    .case .up .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .case .up .p3 .item {
        width: 160px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        margin-right: 15px;
        border: 1px solid #ddd;
        border-radius: 30px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .case .up .p3 .item:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .case .up .p3 .item.anime {
        animation: imgleftIn 0.3s linear;
    }

    .case .up .p3 .item:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .case .up .p3 .item:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .case .up .p3 .item:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .case .up .p3 .item:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    .case .down {
        width: 100%;
        /* height: 240px; */
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .case .down .item {
        width: calc(100% / 3);
        height: 215px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.3s;
        cursor: pointer;
    }

    .case .down .item .bj {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 0.3s;
    }

    .case .down .item:hover .bj {
        background-color: #fff;
    }

    .case .down .item.case1 {
        background-image: url(../images/case1.jpg);
    }

    .case .down .item.case2 {
        background-image: url(../images/case2.jpg);
    }

    .case .down .item.case3 {
        background-image: url(../images/case3.jpg);
    }

    .case .down .item.case4 {
        background-image: url(../images/case4.jpg);
    }

    .case .down .item.case5 {
        background-image: url(../images/case5.jpg);
    }

    .case .down .item.case6 {
        background-image: url(../images/case6.jpg);
    }

    .case .down .item.case7 {
        background-image: url(../images/case7.jpg);
    }

    .case .down .item.case8 {
        background-image: url(../images/case8.jpg);
    }

    .case .down .item.case9 {
        background-image: url(../images/case9.jpg);
    }

    .case .down .item.case1 .bj {
        background-image: url(../images/c1.png);
    }

    .case .down .item.case2 .bj {
        background-image: url(../images/c2.png);
    }

    .case .down .item.case3 .bj {
        background-image: url(../images/c3.png);
    }

    .case .down .item.case4 .bj {
        background-image: url(../images/c4.png);
    }

    .case .down .item.case5 .bj {
        background-image: url(../images/c5.png);
    }

    .case .down .item.case6 .bj {
        background-image: url(../images/c6.png);
    }

    .case .down .item.case7 .bj {
        background-image: url(../images/c7.png);
    }

    .case .down .item.case8 .bj {
        background-image: url(../images/c8.png);
    }

    .case .down .item.case9 .bj {
        background-image: url(../images/c9.png);
    }

    .case .down .item.case1:hover .bj {
        background-image: url(../images/c1h.png);
    }

    .case .down .item.case2:hover .bj {
        background-image: url(../images/c2h.png);
    }

    .case .down .item.case3:hover .bj {
        background-image: url(../images/c3h.png);
    }

    .case .down .item.case4:hover .bj {
        background-image: url(../images/c4h.png);
    }

    .case .down .item.case5:hover .bj {
        background-image: url(../images/c5h.png);
    }

    .case .down .item.case6:hover .bj {
        background-image: url(../images/c6h.png);
    }

    .case .down .item.case7:hover .bj {
        background-image: url(../images/c7h.png);
    }

    .case .down .item.case8:hover .bj {
        background-image: url(../images/c8h.png);
    }

    .case .down .item.case9:hover .bj {
        background-image: url(../images/c9h.png);
    }

    /* 案例 */
    /* 关于我们 */
    .about {
        width: 100%;
        background-color: #fff;
        padding: 30px 0;
    }

    .about .main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .about .main .l {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .about .main .l img {
        max-width: 700px;
        transition: all 0.3s;
    }

    .about .main .l img:hover {
        transform: scale(1.05);
    }

    .about .main .r {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .about .main .r .p1 {
        font-size: 25px;
        color: #444;
        margin-bottom: 20px;
        text-align: center;
    }

    .about .main .r .p2 {
        font-size: 16px;
        color: #444;
        line-height: 35px;
        margin-bottom: 30px;
        text-align: center;
    }

    .about .main .r .p3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .about .main .r .p3 .item {
        width: 100px;
        margin-right: 70px;
    }

    .about .main .r .p3 .item:last-child {
        margin-right: 0;
    }

    .about .main .r .p3 .item .up {
        width: 100%;
        height: 70px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .about .main .r .p3 .item .up.ab1 {
        background-image: url(../images/ab1.png);
    }

    .about .main .r .p3 .item .up.ab2 {
        background-image: url(../images/ab2.png);
    }

    .about .main .r .p3 .item .up.ab3 {
        background-image: url(../images/ab3.png);
    }

    .about .main .r .p3 .item .down {
        font-size: 22px;
        color: #f79b0c;
        text-align: center;
    }

    .about .main .r .p4 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about .main .r .p4 .item {
        width: 180px;
        height: 55px;
        background-color: #fff;
        border: 1px solid #444;
        border-radius: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #444;
        font-size: 20px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .about .main .r .p4 .item:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .about .main .r .p4 .item:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .about .main .r .p4 .item:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .about .main .r .p4 .item:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .about .main .r .p4 .item:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 关于我们 */
    /* 新闻 */
    .news {
        width: 100%;
        padding: 50px 0;
        background-color: #f3f3f3;
    }

    .news .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .news .list .item {
        width: 49%;
        height: 100px;
        background-color: #fff;
        margin-bottom: 20px;
        padding: 20px 30px 20px 25px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .news .list .item .l {
        width: calc(100% - 24px);
        padding-right: 20px;
        box-sizing: border-box;
    }

    .news .list .item .l .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #222;
        margin-bottom: 15px;
    }

    .news .list .item:hover .l .p1 {
        color: #f79c0e;
    }

    .news .list .item .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
    }

    .news .list .item .r {
        width: 24px;
        height: 100%;
        background-image: url(../images/cjt.png);
        background-repeat: no-repeat;
        background-position: left 25px;
        transition: all 0.3s;
    }

    .news .list .item:hover .r {
        background-image: url(../images/cjth.png);
    }

    .news .more {
        width: 240px;
        height: 65px;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 24px;
        color: #444;
        border-radius: 35px;
        margin-top: 35px;
        position: relative;
        transition: all, color 0.3s, 0s;
    }

    .news .more:hover {
        background-color: #f79b0c;
        color: #fff;
        border: 1px solid #f79b0c;
    }

    .news .more:before {
        content: "\2192";
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .news .more:hover:before {
        content: "\2192";
        position: absolute;
        opacity: 1;
        left: 20px;
    }

    .news .more:after {
        content: "\2190";
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }

    .news .more:hover:after {
        content: "\2190";
        position: absolute;
        opacity: 1;
        right: 20px;
    }

    /* 新闻 */
    /* footer */
    .footer {
        width: 100%;
        background-color: #222;
    }

    .footer .up {
        padding: 0 50px;
        padding-top: 35px;
        border-bottom: 1px solid #393939;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer .up .l {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .footer .up .l .list {
        display: flex;
        flex-direction: column;
    }

    .footer .up .l .list .item {
        color: #fff;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .footer .up .l .list .item.title {
        font-size: 16px;
    }

    .footer .up .r {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .footer .up .r .ewm {
        width: 120px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .footer .up .r .ewm .info {
        width: 100%;
        font-size: 12px;
        color: #fff;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer .down {
        width: 100%;
        min-height: 70px;
        box-sizing: border-box;
        padding: 0 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }

    .footer .down * {
        font-size: 12px;
        color: #fff;
    }

    .footer .down .info {
        text-align: center;
    }

    /* footer */
}

@media (max-width: 768px) {
    .main {
        padding: 0 15px;
    }

    /* 通用标题 */
    .pubtitle {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #222;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .pubtitle.short {
        margin-top: 15px;
    }

    .pubtitle2 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #222;
        margin-bottom: 20px;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .pubtitle.anime {
        animation: imgtopIn 0.5s linear;
    }

    .pubtitle2.anime {
        animation: imgtopIn 0.5s linear;
    }

    /* 通用标题 */
    /* header */
    .header {
        width: 100%;
        height: 50px;
        background-color: #02050f;
        position: relative;
    }

    .header .main {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .logo {
        width: 120px;
        height: 40px;
        background-image: url(../images/logo.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: auto 25px;
        display: block;
        flex-shrink: 0;
    }

    .header .but {
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background-image: url(../images/but.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25px;
        flex-shrink: 0;
    }

    .header .menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99;
        padding: 0 15px;
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: -99;
        opacity: 0;
        transition: all 0.3s;
    }

    .header .menu.hover {
        z-index: 99;
        opacity: 1;
    }

    .header .menu .item {
        width: 100%;
    }

    .header .menu .item .yi {
        font-size: 16px;
        color: #fff;
        height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-top: 1px dashed #fff;
    }

    .header .menu .item:first-child .yi {
        border-top: 0;
    }

    .header .menu .item .yi:hover, .header .menu .item .yi.hover {
        color: #f79c0e;
    }

    .header .menu .item .er {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: 0;
        transition: all 0.3s;
    }

    .header .menu .item.open .yi + .er {
        padding: 0px 15px;
        height: auto;
    }

    .header .menu .item .er .item2 {
        white-space: nowrap;
        color: #fff;
        margin-bottom: 10px;
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .header .menu .item .er .item2:hover, .header .menu .item .er .item2.hover {
        color: #f79c0e;
    }

    .header .toptel {
        display: none;
    }

    .header .sousuo {
        display: none;
    }

    /* header */
    /* 统计 */
    .tongji {
        width: 100%;
        padding: 30px 0;
        background-image: url(../images/tjbj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .tongji .main {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .tongji .main .item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .tongji .main .item .p1 {
        font-size: 14px;
        color: #444;
    }

    .tongji .main .item .p1 .num {
        font-size: 26px;
        color: #f79b0c;
    }

    .tongji .main .item .p1 .jia {
        font-size: 26px;
        color: #f79b0c;
    }

    .tongji .main .item .p2 {
        font-size: 14px;
        color: #444;
    }

    /* 统计 */
    /* 产品 */
    .chanpin {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-image: url(../images/probj.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    .chanpin .pubtitle {
        color: #fff;
    }

    .chanpin .pubtitle2 {
        color: #fff;
    }

    .chanpin .list {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .chanpin .list .item {
        width: 100%;
        height: 150px;
        display: flex;
        /* flex-direction: column; */
        justify-content: space-between;
    }

    .chanpin .list .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .chanpin .list .item .l {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .chanpin .list .item .l span {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 0.3s;
    }

    .chanpin .list .item:hover .l span {
        transform: scale(1.05) rotate(0.2deg);
    }

    .chanpin .list .item .r {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .chanpin .list .item .r .p1 {
        height: 35px;
        margin-bottom: 15px;
    }

    .chanpin .list .item .r .p2 {
        font-size: 14px;
        color: #444;
        text-align: center;
        padding: 0 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 20px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .chanpin .list .item .r .p3 {
        font-size: 14px;
        color: #335ca6;
    }

    .chanpin .more {
        width: 160px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        margin: 0 auto;
        margin-top: 20px;
        border: 1px solid #fff;
        border-radius: 34px;
    }

    /* 产品 */
    /* 案例 */
    .case {
        width: 100%;
        background-image: url(../images/casebj.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .case .up {
        width: 100%;
        height: 300px;
        display: flex;
        /* justify-content: flex-end; */
        align-items: center;
    }

    .case .up .main {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .case .up .p1 {
        font-size: 26px;
        color: #fff;
        margin-bottom: 10px;
    }

    .case .up .p1.anime {
        animation: imgbottomIn 0.3s linear;
    }

    .case .up .p2 {
        font-size: 14px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .case .up .p2.anime {
        animation: imgtopIn 0.3s linear;
    }

    .case .up .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .case .up .p3 .item {
        width: 120px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        border: 1px solid #ddd;
        border-radius: 30px;
        margin-right: 15px;
    }

    .case .up .p3 .item.anime {
        animation: imgleftIn 0.3s linear;
    }

    .case .down {
        width: 100%;
        /* height: 240px; */
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .case .down .item {
        width: calc(100% / 3);
        height: 135px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.3s;
        cursor: pointer;
    }

    .case .down .item .bj {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 80px;
        transition: all 0.3s;
    }

    .case .down .item:hover .bj {
        background-color: #fff;
    }

    .case .down .item.case1 {
        background-image: url(../images/case1.jpg);
    }

    .case .down .item.case2 {
        background-image: url(../images/case2.jpg);
    }

    .case .down .item.case3 {
        background-image: url(../images/case3.jpg);
    }

    .case .down .item.case4 {
        background-image: url(../images/case4.jpg);
    }

    .case .down .item.case5 {
        background-image: url(../images/case5.jpg);
    }

    .case .down .item.case6 {
        background-image: url(../images/case6.jpg);
    }

    .case .down .item.case7 {
        background-image: url(../images/case7.jpg);
    }

    .case .down .item.case8 {
        background-image: url(../images/case8.jpg);
    }

    .case .down .item.case9 {
        background-image: url(../images/case9.jpg);
    }

    .case .down .item.case1 .bj {
        background-image: url(../images/c1.png);
    }

    .case .down .item.case2 .bj {
        background-image: url(../images/c2.png);
    }

    .case .down .item.case3 .bj {
        background-image: url(../images/c3.png);
    }

    .case .down .item.case4 .bj {
        background-image: url(../images/c4.png);
    }

    .case .down .item.case5 .bj {
        background-image: url(../images/c5.png);
    }

    .case .down .item.case6 .bj {
        background-image: url(../images/c6.png);
    }

    .case .down .item.case7 .bj {
        background-image: url(../images/c7.png);
    }

    .case .down .item.case8 .bj {
        background-image: url(../images/c8.png);
    }

    .case .down .item.case9 .bj {
        background-image: url(../images/c9.png);
    }

    .case .down .item.case1:hover .bj {
        background-image: url(../images/c1h.png);
    }

    .case .down .item.case2:hover .bj {
        background-image: url(../images/c2h.png);
    }

    .case .down .item.case3:hover .bj {
        background-image: url(../images/c3h.png);
    }

    .case .down .item.case4:hover .bj {
        background-image: url(../images/c4h.png);
    }

    .case .down .item.case5:hover .bj {
        background-image: url(../images/c5h.png);
    }

    .case .down .item.case6:hover .bj {
        background-image: url(../images/c6h.png);
    }

    .case .down .item.case7:hover .bj {
        background-image: url(../images/c7h.png);
    }

    .case .down .item.case8:hover .bj {
        background-image: url(../images/c8h.png);
    }

    .case .down .item.case9:hover .bj {
        background-image: url(../images/c9h.png);
    }

    /* 案例 */
    /* 关于我们 */
    .about {
        width: 100%;
        background-color: #fff;
        padding: 20px 0;
    }

    .about .main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .about .main .l {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

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

    .about .main .r {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .about .main .r .p1 {
        font-size: 20px;
        color: #444;
        margin-bottom: 10px;
        text-align: center;
    }

    .about .main .r .p2 {
        font-size: 14px;
        color: #444;
        line-height: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .about .main .r .p3 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 20px;
    }

    .about .main .r .p3 .item {
        width: 100px;
    }

    .about .main .r .p3 .item:last-child {
        margin-right: 0;
    }

    .about .main .r .p3 .item .up {
        width: 100%;
        height: 55px;
        background-size: 44px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .about .main .r .p3 .item .up.ab1 {
        background-image: url(../images/ab1.png);
    }

    .about .main .r .p3 .item .up.ab2 {
        background-image: url(../images/ab2.png);
    }

    .about .main .r .p3 .item .up.ab3 {
        background-image: url(../images/ab3.png);
    }

    .about .main .r .p3 .item .down {
        font-size: 16px;
        color: #f79b0c;
        text-align: center;
    }

    .about .main .r .p4 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about .main .r .p4 .item {
        width: 135px;
        height: 40px;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #444;
        font-size: 16px;
    }

    /* 关于我们 */
    /* 新闻 */
    .news {
        width: 100%;
        padding: 20px 0;
        background-color: #f3f3f3;
    }

    .news .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .news .list .item {
        width: 100%;
        height: 75px;
        background-color: #fff;
        margin-bottom: 15px;
        padding: 10px 15px 10px 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .news .list .item .l {
        width: calc(100% - 24px);
        padding-right: 20px;
        box-sizing: border-box;
    }

    .news .list .item .l .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #222;
        margin-bottom: 10px;
    }

    .news .list .item:hover .l .p1 {
        color: #f79c0e;
    }

    .news .list .item .l .p2 {
        width: 100%;
        font-size: 12px;
        color: #888;
    }

    .news .list .item .r {
        width: 24px;
        height: 100%;
        background-image: url(../images/cjt.png);
        background-repeat: no-repeat;
        background-position: left 13px;
        transition: all 0.3s;
    }

    .news .list .item:hover .r {
        background-image: url(../images/cjth.png);
    }

    .news .more {
        width: 120px;
        height: 30px;
        border: 1px solid #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 16px;
        color: #444;
        border-radius: 35px;
        margin-top: 5px;
    }

    /* 新闻 */
    /* footer */
    .footer {
        width: 100%;
        background-color: #222;
    }

    .footer .up {
        padding-top: 25px;
        border-bottom: 1px solid #393939;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer .up .l {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer .up .l .list {
        padding: 0 15px;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .footer .up .l .list .item {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .footer .up .l .list .item.title {
        font-size: 14px;
    }

    .footer .up .r {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .footer .up .r .ewm {
        width: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .footer .up .r .ewm .info {
        width: 100%;
        font-size: 12px;
        color: #fff;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer .down {
        width: 100%;
        /* height: 70px; */
        box-sizing: border-box;
        padding: 10px 15px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }

    .footer .down * {
        font-size: 12px;
        color: #fff;
    }

    .footer .down .info {
        text-align: center;
    }

    /* footer */
}

/*解决方案*/
@media (min-width: 1480px) {
    .jjfa {
        width: 100%;
        padding-top: 60px;
    }

    .jjfa .list {
        width: 100%;
        height: 480px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jjfa .list .item {
        width: calc(100% / 6);
        height: 100%;
        padding-right: 5px;
        transition: all 0.3s;
    }

    .jjfa .list .item .content {
        width: 100%;
        height: 100%;
        background-color: lightblue;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .jjfa .list .item:nth-child(1) .content {
        background-image: url(../images/jj1.png);
    }

    .jjfa .list .item:nth-child(2) .content {
        background-image: url(../images/jj2.png);
    }

    .jjfa .list .item:nth-child(3) .content {
        background-image: url(../images/jj3.png);
    }

    .jjfa .list .item:nth-child(4) .content {
        background-image: url(../images/jj4.png);
    }

    .jjfa .list .item:nth-child(5) .content {
        background-image: url(../images/jj5.png);
    }

    .jjfa .list .item:nth-child(6) .content {
        background-image: url(../images/jj6.png);
    }

    .jjfa .list .item:hover {
        width: 410px;
        flex-shrink: 0;
    }

    .jjfa .list .item:last-child {
        margin-right: 0;
    }

    .jjfa .list .item .content .zz {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: flex;
        justify-content: center;
        align-items: stretch;
        box-sizing: border-box;
        padding-top: 85px;
    }

    .jjfa .list .item:hover .content .zz {
        justify-content: space-evenly;
    }

    .jjfa .list .item .content .zz .p1 {
        width: 22px;
        height: 235px;
        word-break: break-all;
        font-size: 22px;
        color: #fff;
        padding-bottom: 45px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url(../images/projtr.png);
    }

    .jjfa .list .item:hover .content .zz .p1 {
        background-image: url(../images/projtl.png);
    }

    .jjfa .list .item .content .zz .p2 {
        width: 0;
        height: 235px;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        line-height: 28px;

    }

    .jjfa .list .item:hover .content .zz .p2 {
        width: 260px;
        word-break: break-all;
    }
}

@media (max-width: 1479px) and (min-width: 767px) {
    .jjfa {
        width: 100%;
        padding-top: 60px;
    }

    .jjfa .list {
        width: 100%;
        height: 480px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jjfa .list .item {
        width: calc(100% / 6);
        height: 100%;
        padding-right: 5px;
        transition: all 0.3s;
    }

    .jjfa .list .item .content {
        width: 100%;
        height: 100%;
        background-color: lightblue;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .jjfa .list .item:nth-child(1) .content {
        background-image: url(../images/jj1.png);
    }

    .jjfa .list .item:nth-child(2) .content {
        background-image: url(../images/jj2.png);
    }

    .jjfa .list .item:nth-child(3) .content {
        background-image: url(../images/jj3.png);
    }

    .jjfa .list .item:nth-child(4) .content {
        background-image: url(../images/jj4.png);
    }

    .jjfa .list .item:nth-child(5) .content {
        background-image: url(../images/jj5.png);
    }

    .jjfa .list .item:nth-child(6) .content {
        background-image: url(../images/jj6.png);
    }

    .jjfa .list .item:hover {
        width: 410px;
        flex-shrink: 0;
    }

    .jjfa .list .item:last-child {
        margin-right: 0;
    }

    .jjfa .list .item .content .zz {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: flex;
        justify-content: center;
        align-items: stretch;
        box-sizing: border-box;
        padding-top: 85px;
    }

    .jjfa .list .item:hover .content .zz {
        justify-content: space-evenly;
    }

    .jjfa .list .item .content .zz .p1 {
        width: 22px;
        height: 235px;
        word-break: break-all;
        font-size: 22px;
        color: #fff;
        padding-bottom: 45px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url(../images/projtr.png);
    }

    .jjfa .list .item:hover .content .zz .p1 {
        background-image: url(../images/projtl.png);
    }

    .jjfa .list .item .content .zz .p2 {
        width: 0;
        height: 235px;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        line-height: 28px;

    }

    .jjfa .list .item:hover .content .zz .p2 {
        width: 260px;
        word-break: break-all;
    }
}

@media (max-width: 768px) {
    .jjfa {
        width: 100%;
        padding-top: 20px;
    }

    .jjfa .list {
        width: 100%;
        /* height: 480px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .jjfa .list .item {
        width: 100%;
        height: 300px;
        transition: all 0.3s;
        margin-bottom: 15px;
    }

    .jjfa .list .item .content {
        width: 100%;
        height: 100%;
        background-color: lightblue;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .jjfa .list .item:nth-child(1) .content {
        background-image: url(../images/jj1.png);
    }

    .jjfa .list .item:nth-child(2) .content {
        background-image: url(../images/jj2.png);
    }

    .jjfa .list .item:nth-child(3) .content {
        background-image: url(../images/jj3.png);
    }

    .jjfa .list .item:nth-child(4) .content {
        background-image: url(../images/jj4.png);
    }

    .jjfa .list .item:nth-child(5) .content {
        background-image: url(../images/jj5.png);
    }

    .jjfa .list .item:nth-child(6) .content {
        background-image: url(../images/jj6.png);
    }

    .jjfa .list .item:nth-child(2n) {
        margin-right: 0;
    }

    .jjfa .list .item .content .zz {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .jjfa .list .item .content .zz .p1 {
        padding: 0 15px;
        word-break: break-all;
        font-size: 18px;
        color: #fff;
        padding-right: 45px;
        background-position: center right;
        background-repeat: no-repeat;
        background-image: url(../images/projtr.png);
        margin-bottom: 15px;
    }

    .jjfa .list .item .content .zz .p2 {
        padding: 0 15px;
        font-size: 14px;
        color: #fff;
        line-height: 25px;

    }
}

/* 公共banner */
.banner.about1 {
    background-image: url(../images/b1.jpg);
}

.banner.product {
    background-image: url(../images/b2.jpg);
}

.banner.case1 {
    background-image: url(../images/b3.jpg);
}

.banner.news1 {
    background-image: url(../images/b4.jpg);
}

.banner.jszc1 {
    background-image: url(../images/b5.jpg);
}

.banner.lxwm1 {
    background-image: url(../images/b6.jpg);
}

.banner.jjfa1 {
    background-image: url(../images/jjfa.jpg);
}

@media (min-width: 1480px) {
    .banner {
        width: 100%;
        height: 320px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media (max-width: 1479px) and (min-width: 767px) {
    .banner {
        width: 100%;
        height: 320px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media (max-width: 768px) {
    .banner {
        width: 100%;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* 公共banner */
/* 子导航栏 */
@media (min-width: 1240px) {
    .nav_list {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #ddd;
    }

    .nav_list .main2 {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav_list .main2 .dh {
        width: 70%;
        height: 100%;
        margin: 0;
    }

    .nav_list .main2 .dh .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_list .main2 .dh .swiper-slide.hover {
        color: #f59a0d;
    }

    .nav_list .main2 .dh .swiper-button-next, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }

    .nav_list .main2 .dh .swiper-button-prev, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-next {
        left: 0px;
    }

    .nav_list .main2 .dh .swiper-slide .item {
        height: 100%;
        font-size: 16px;
        color: #444;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_list .main2 .dh .swiper-slide.hover .item {
        color: inherit;
    }

    .nav_list .main2 .dh .swiper-slide.hover .item::after {
        content: '';
        width: 100%;
        height: 4px;
        background-color: #f59a0d;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .nav_list .main2 .r {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 12px;
        color: #aaa;
    }

    .nav_list .main2 .r .pic {
        margin-right: 5px;
    }

    .nav_list .main2 .r .hover {
        color: #f79a09;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .nav_list {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #ddd;
    }

    .nav_list .main2 {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav_list .main2 .dh {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .nav_list .main2 .dh .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_list .main2 .dh .swiper-slide.hover {
        color: #f59a0d;
    }

    .nav_list .main2 .dh .swiper-button-next, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }

    .nav_list .main2 .dh .swiper-button-prev, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-next {
        left: 0px;
    }

    .nav_list .main2 .dh .swiper-slide .item {
        height: 100%;
        font-size: 16px;
        color: #444;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_list .main2 .dh .swiper-slide.hover .item {
        color: inherit;
    }

    .nav_list .main2 .dh .swiper-slide.hover .item::after {
        content: '';
        width: 100%;
        height: 4px;
        background-color: #f59a0d;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .nav_list .main2 .dh .item {
        font-size: 16px;
        color: #444;
    }

    .nav_list .main2 .dh .item.hover {
        color: #f59a0d;
    }

    .nav_list .main2 .r {
        display: none;
    }
}

@media (max-width: 768px) {
    .nav_list {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #ddd;
    }

    .nav_list .main2 {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav_list .main2 .dh {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .nav_list .main2 .dh .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav_list .main2 .dh .swiper-button-next, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-prev {
        right: 0px;
        display: none;
    }

    .nav_list .main2 .dh .swiper-button-prev, .nav_list .main2 .dh .swiper-container-rtl .swiper-button-next {
        left: 0px;
        display: none;
    }

    .nav_list .main2 .dh .swiper-slide .item {
        font-size: 16px;
        color: #444;
    }

    .nav_list .main2 .dh .swiper-slide.hover .item {
        color: #f59a0d;
    }

    .nav_list .main2 .r {
        display: none;
    }
}

/* 子导航栏 */
/* 公司简介 */
@media (min-width: 1240px) {
    /* 关于亿道电子 */
    .gyyddz {
        width: 100%;
        background-color: #fff;
        padding: 30px 0;
        padding: 25px 0;
    }

    /* .gyyddz li{list-style: auto} */
    .gyyddz table {
        width: 100%
    }

    /* .gyyddz p{min-height: 25px} */
    .gyyddz .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .gyyddz .p2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .gyyddz .p2 p {
        text-indent: 2em;
        font-size: 14px;
        color: #222;
        line-height: 40px;
    }

    .gyyddz .p3 {
        width: 100%;
    }

    .gyyddz img {
        width: 100%;
    }

    /* 关于亿道电子 */
    /* 全国分布 */
    .qgfb {
        width: 100%;
        background-color: #f5f5f5;
        padding: 60px 0;
    }

    .qgfb p {
        min-height: 25px
    }

    .qgfb .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .qgfb .p2 {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        line-height: 40px;
    }

    .qgfb .p3 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qgfb img {
        max-width: 100%;
    }

    /* 全国分布 */
    /* 公司地址 */
    .gsdz {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .qgfb p {
        min-height: 25px
    }

    .gsdz .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .gsdz .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .gsdz .list .item {
        width: calc(100% / 4 - 15px);
        min-width: 210px;
        margin-right: 20px;
        margin-bottom: 15px
    }

    .gsdz .list .item:nth-child(4n+4) {
        margin-right: 0
    }

    .gsdz .list .item .a1 {
        width: 100%;
        margin-bottom: 25px;
    }

    .gsdz .list .item img {
        width: 100%;
    }

    .gsdz .list .item .a2 {
        width: 100%;
        font-size: 20px;
        color: #335ca6;
        margin-bottom: 10px;
    }

    .gsdz .list .item .a3 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 30px;
    }

    /* 公司地址 */
}

@media (max-width: 1239px) and (min-width: 767px) {
    /* 关于亿道电子 */
    .gyyddz {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
        padding: 25px 0;
    }

    /* .gyyddz li{list-style: auto} */
    .gyyddz table {
        width: 100%
    }

    /* .gyyddz p{min-height: 25px} */
    .gyyddz .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .gyyddz .p2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .gyyddz .p2 p {
        text-indent: 2em;
        font-size: 14px;
        color: #222;
        line-height: 40px;
    }

    .gyyddz .p3 {
        width: 100%;
    }

    .gyyddz img {
        width: 100%;
    }

    /* 关于亿道电子 */
    /* 全国分布 */
    .qgfb {
        width: 100%;
        background-color: #f5f5f5;
        padding: 60px 0;
    }

    .qgfb p {
        min-height: 25px
    }

    .qgfb .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .qgfb .p2 {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        line-height: 40px;
    }

    .qgfb .p3 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qgfb img {
        max-width: 100%;
    }

    /* 全国分布 */
    /* 公司地址 */
    .gsdz {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .gsdz .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .gsdz .list {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .gsdz .list .item {
        width: calc(100% / 3 - 15px);
        min-width: 210px;
        margin-right: calc(25px / 2);
        margin-bottom: 15px
    }

    .gsdz .list .item:nth-child(3n+3) {
        margin-right: 0
    }

    .gsdz .list .item .a1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .gsdz .list .item img {
        width: 100%;
    }

    .gsdz .list .item .a2 {
        width: 100%;
        font-size: 16px;
        color: #335ca6;
        margin-bottom: 5px;
    }

    .gsdz .list .item .a3 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
    }

    /* 公司地址 */
}

@media (max-width: 768px) {
    /* 关于亿道电子 */
    .gyyddz {
        width: 100%;
        background-color: #fff;
        padding: 25px 0;
    }

    /* .gyyddz li{list-style: auto} */
    .gyyddz table {
        width: 100%
    }

    /* .gyyddz p{min-height: 25px} */
    .gyyddz .p1 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #222;
        margin-bottom: 15px;
    }

    .gyyddz .p2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .gyyddz .p2 p {
        text-indent: 2em;
        font-size: 14px;
        color: #222;
        line-height: 25px;
    }

    .gyyddz .p3 {
        width: 100%;
    }

    .gyyddz img {
        width: 100%;
    }

    /* 关于亿道电子 */
    /* 全国分布 */
    .qgfb {
        width: 100%;
        background-color: #f5f5f5;
        padding: 25px 0;
    }

    .qgfb .p1 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #222;
        margin-bottom: 15px;
    }

    .qgfb .p2 {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        line-height: 25px;
    }

    .qgfb .p3 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .qgfb img {
        max-width: 100%;
    }

    /* 全国分布 */
    /* 公司地址 */
    .gsdz {
        width: 100%;
        padding: 25px 0;
        background-color: #fff;
    }

    .gsdz .p1 {
        width: 100%;
        text-align: center;
        font-size: 24px;
        color: #222;
        margin-bottom: 15px;
    }

    .gsdz .list {
        width: 100%;
        max-width: 450px;
        /* min-width: 300px; */
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .gsdz .list .item {
        width: 100%;
        min-width: 210px;
        margin-bottom: 25px;
    }

    .gsdz .list .item:last-child {
        margin-bottom: 0;
    }

    .gsdz .list .item .a1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .gsdz .list .item img {
        width: 100%;
    }

    .gsdz .list .item .a2 {
        width: 100%;
        font-size: 16px;
        color: #335ca6;
        margin-bottom: 5px;
    }

    .gsdz .list .item .a3 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
    }

    /* 公司地址 */
}

/* 公司简介 */
/* 企业文化 */
@media (min-width: 1240px) {
    .qywh {
        width: 100%;
        padding: 30px 0;
        background-color: #f3f3f3;
    }

    .qywh .box1 {
        width: 100%;
        height: 380px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .qywh .box1 .pic {
        width: 520px;
        height: 100%;
    }

    .qywh .box1 .pic img {
        width: 100%;
    }

    .qywh .box1 .info {
        width: calc(100% - 520px);
        height: 100%;
        box-sizing: border-box;
        padding: 45px;
        background-color: #fff;
    }

    .qywh .box1 .info .p1 {
        width: 100%;
        font-size: 22px;
        color: #f79b0c;
        margin-bottom: 20px;
    }

    .qywh .box1 .info .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        line-height: 40px;
    }

    .qywh .box2 {
        width: 100%;
        height: 320px;
        background-color: #091a39;
        padding: 0 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-image: url(../images/pic5.png);
        margin-bottom: 30px;
    }

    .qywh .box2 .p {
        width: 60%;
    }

    .qywh .box2 .p .p1 {
        width: 100%;
        font-size: 22px;
        color: #fff;
        margin-bottom: 20px;
    }

    .qywh .box2 .p .p2 {
        width: 100%;
        font-size: 14px;
        color: #bbb;
        line-height: 30px;
    }

    .qywh .box3 {
        width: 100%;
        padding: 50px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .qywh .box3 .p1 {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 10px;
    }

    .qywh .box3 .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-bottom: 49px;
    }

    .qywh .box3 .p3 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }

    .qywh .box3 .p3 .item {
        width: 110px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .qywh .box3 .p3 .item .up {
        width: 100px;
        height: 100px;
        box-sizing: border-box;
        border: 2px solid #335ca6;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 25px;
    }

    .qywh .box3 .p3 .item .up.pb1 {
        background-image: url(../images/pb1.png);
    }

    .qywh .box3 .p3 .item .up.pb2 {
        background-image: url(../images/pb2.png);
    }

    .qywh .box3 .p3 .item .up.pb3 {
        background-image: url(../images/pb3.png);
    }

    .qywh .box3 .p3 .item .up.pb4 {
        background-image: url(../images/pb4.png);
    }

    .qywh .box3 .p3 .item .up.pb5 {
        background-image: url(../images/pb5.png);
    }

    .qywh .box3 .p3 .item .up.pb6 {
        background-image: url(../images/pb6.png);
    }

    .qywh .box3 .p3 .item .up.pb7 {
        background-image: url(../images/pb7.png);
    }

    .qywh .box3 .p3 .item .down {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .qywh {
        width: 100%;
        padding: 60px 0;
        background-color: #f3f3f3;
    }

    .qywh .box {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
    }

    .qywh .box1 {
        width: 47%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .qywh .box1:nth-child(2) {
        flex-direction: column-reverse;
    }

    .qywh .box1 .pic {
        width: 100%;
    }

    .qywh .box1 .pic img {
        width: 100%;
    }

    .qywh .box1 .info {
        width: 100%;
        box-sizing: border-box;
        padding: 25px;
        background-color: #fff;
    }

    .qywh .box1 .info .p1 {
        width: 100%;
        font-size: 20px;
        color: #f79b0c;
        margin-bottom: 20px;
    }

    .qywh .box1 .info .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        line-height: 40px;
    }

    .qywh .box2 {
        width: 100%;
        height: 320px;
        background-color: #091a39;
        padding: 0 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-image: url(../images/pic5.png);
        margin-bottom: 30px;
    }

    .qywh .box2 .p {
        width: 40%;
    }

    .qywh .box2 .p .p1 {
        width: 100%;
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
    }

    .qywh .box2 .p .p2 {
        width: 100%;
        font-size: 14px;
        color: #bbb;
        line-height: 25px;
    }

    .qywh .box3 {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .qywh .box3 .p1 {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 10px;
    }

    .qywh .box3 .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-bottom: 49px;
    }

    .qywh .box3 .p3 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .qywh .box3 .p3 .item {
        width: 110px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .qywh .box3 .p3 .item .up {
        width: 100px;
        height: 100px;
        box-sizing: border-box;
        border: 2px solid #335ca6;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 25px;
    }

    .qywh .box3 .p3 .item .up.pb1 {
        background-image: url(../images/pb1.png);
    }

    .qywh .box3 .p3 .item .up.pb2 {
        background-image: url(../images/pb2.png);
    }

    .qywh .box3 .p3 .item .up.pb3 {
        background-image: url(../images/pb3.png);
    }

    .qywh .box3 .p3 .item .up.pb4 {
        background-image: url(../images/pb4.png);
    }

    .qywh .box3 .p3 .item .up.pb5 {
        background-image: url(../images/pb5.png);
    }

    .qywh .box3 .p3 .item .up.pb6 {
        background-image: url(../images/pb6.png);
    }

    .qywh .box3 .p3 .item .up.pb7 {
        background-image: url(../images/pb7.png);
    }

    .qywh .box3 .p3 .item .down {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 768px) {
    .qywh {
        width: 100%;
        padding: 30px 15px;
        box-sizing: border-box;
        background-color: #f3f3f3;
    }

    .qywh .main2 {
        padding: 0;
    }

    .qywh .box1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .qywh .box1 .pic {
        width: 100%;
        height: 100%;
    }

    .qywh .box1 .pic img {
        width: 100%;
    }

    .qywh .box1 .info {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 25px;
        background-color: #fff;
    }

    .qywh .box1 .info .p1 {
        width: 100%;
        font-size: 16px;
        color: #f79b0c;
        margin-bottom: 10px;
    }

    .qywh .box1 .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #222;
        line-height: 30px;
    }

    .qywh .box2 {
        width: 100%;
        background-color: #091a39;
        padding: 0 15px;
        padding-top: 30px;
        padding-bottom: 345px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-image: url(../images/pic5.png);
        margin-bottom: 30px;
    }

    .qywh .box2 .p {
        width: 100%;
    }

    .qywh .box2 .p .p1 {
        width: 100%;
        font-size: 16px;
        color: #fff;
        margin-bottom: 20px;
    }

    .qywh .box2 .p .p2 {
        width: 100%;
        font-size: 14px;
        color: #bbb;
        line-height: 30px;
    }

    .qywh .box3 {
        width: 100%;
        padding: 25px 15px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .qywh .box3 .p1 {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #222;
        margin-bottom: 10px;
    }

    .qywh .box3 .p2 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #666;
        margin-bottom: 25px;
    }

    .qywh .box3 .p3 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .qywh .box3 .p3 .item {
        width: 30%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .qywh .box3 .p3 .item .up {
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        border: 2px solid #335ca6;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }

    .qywh .box3 .p3 .item .up.pb1 {
        background-image: url(../images/pb1.png);
    }

    .qywh .box3 .p3 .item .up.pb2 {
        background-image: url(../images/pb2.png);
    }

    .qywh .box3 .p3 .item .up.pb3 {
        background-image: url(../images/pb3.png);
    }

    .qywh .box3 .p3 .item .up.pb4 {
        background-image: url(../images/pb4.png);
    }

    .qywh .box3 .p3 .item .up.pb5 {
        background-image: url(../images/pb5.png);
    }

    .qywh .box3 .p3 .item .up.pb6 {
        background-image: url(../images/pb6.png);
    }

    .qywh .box3 .p3 .item .up.pb7 {
        background-image: url(../images/pb7.png);
    }

    .qywh .box3 .p3 .item .down {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
}

/* 企业文化 */
/* 发展历程 */
@media (min-width: 1240px) {
    .fzlc {
        width: 100%;
        padding: 30px 0;
    }

    .fzlc .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 15px;
    }

    .fzlc .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .fzlc .pclc {
        width: 100%;
        margin-top: 180px;
        position: relative;
        background-image: url(../images/lc.png);
        background-size: 100%;
        background-repeat: no-repeat;

    }

    .fzlc .pclc .item {
        position: absolute;
        width: 25px;
        height: 25px;
        background-image: url(../images/lcdot.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .fzlc .pclc .item .info {
        position: relative;
        padding: 20px;
        min-width: 370px;
        max-width: 680px;
        background-color: #fff;
        box-shadow: 0 0 30px #ddd;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .fzlc .pclc .item .info .year {
        font-size: 22px;
        font-weight: bold;
        color: #335ca6;
    }

    .fzlc .pclc .item .info .content {
        font-size: 14px;
        line-height: 20px;
        color: #444;
    }

    .fzlc .pclc .item.up:nth-child(1) {
        top: 6px;
        right: 405px;
    }

    .fzlc .pclc .item.up:nth-child(1) .info {
        position: absolute;
        bottom: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(1) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        bottom: -11px;
        background-image: url(../images/sj1.png);
    }

    .fzlc .pclc .item.up:nth-child(2) {
        top: 6px;
        left: 215px;
    }

    .fzlc .pclc .item.up:nth-child(2) .info {
        position: absolute;
        top: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(2) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        top: -11px;
        background-image: url(../images/sj2.png);
    }

    .fzlc .pclc .item.up:nth-child(3) {
        top: 255px;
        left: 215px;
    }

    .fzlc .pclc .item.up:nth-child(3) .info {
        position: absolute;
        top: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(3) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        top: -11px;
        background-image: url(../images/sj2.png);
    }

    .fzlc .pclc .item.up:nth-child(4) {
        top: 255px;
        right: 405px;
    }

    .fzlc .pclc .item.up:nth-child(4) .info {
        position: absolute;
        bottom: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(4) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        bottom: -11px;
        background-image: url(../images/sj1.png);
    }

    .fzlc .pclc .item.up:nth-child(5) {
        top: 506px;
        right: 405px;
    }

    .fzlc .pclc .item.up:nth-child(5) .info {
        position: absolute;
        bottom: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(5) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        bottom: -11px;
        background-image: url(../images/sj1.png);
    }

    .fzlc .pclc .item.up:nth-child(6) {
        top: 506px;
        left: 215px;
    }

    .fzlc .pclc .item.up:nth-child(6) .info {
        position: absolute;
        top: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(6) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        top: -11px;
        background-image: url(../images/sj2.png);
    }

    .fzlc .pclc .item.up:nth-child(7) {
        top: 755px;
        left: 215px;
    }

    .fzlc .pclc .item.up:nth-child(7) .info {
        position: absolute;
        top: 45px;
        left: -30px
    }

    .fzlc .pclc .item.up:nth-child(7) .info .sj {
        position: absolute;
        width: 20px;
        height: 11px;
        left: 30px;
        top: -11px;
        background-image: url(../images/sj2.png);
    }

    .fzlc .pclc .item.up:nth-child(8) {
        top: 880px;
        right: 9px;
        display: flex;
        align-items: center;
    }

    .fzlc .pclc .item.up:nth-child(8) .info {
        position: absolute;
        right: 40px;
    }

    .fzlc .pclc .item.up:nth-child(8) .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        right: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj3.png);
    }

    .fzlc .pclc .zhi {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url(../images/zhi.png);
        background-position: center;
        background-repeat: repeat-y;
        position: relative;
        top: -10px;
        right: -2px;
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n+1) {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 120px;
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n+1) .info {
        position: absolute;
        right: 40px;
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n+1) .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        right: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj3.png);
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n) {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 120px;
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n) .info {
        position: absolute;
        left: 40px;
    }

    .fzlc .pclc .zhi .item.down:nth-child(2n) .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        left: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj4.png);
    }

    .fzlc .mblc {
        display: none;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .fzlc {
        width: 100%;
        padding: 60px 0;
    }

    .fzlc .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 15px;
    }

    .fzlc .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .fzlc .pclc {
        display: none;
    }

    .fzlc .mblc {
        width: 100%;
        margin-top: 180px;
        position: relative;

    }

    .fzlc .mblc .item {
        position: absolute;
        width: 25px;
        height: 25px;
        background-image: url(../images/lcdot.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .fzlc .mblc .item .info {
        position: relative;
        padding: 20px;
        min-width: 370px;
        max-width: 680px;
        background-color: #fff;
        box-shadow: 0 0 30px #ddd;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .fzlc .mblc .item .info .year {
        font-size: 22px;
        font-weight: bold;
        color: #335ca6;
    }

    .fzlc .mblc .item .info .content {
        font-size: 14px;
        line-height: 20px;
        color: #444;
    }

    .fzlc .mblc .zhi {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url(../images/zhi.png);
        background-position: center;
        background-repeat: repeat-y;
        position: relative;
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n+1) {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 120px;
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n+1) .info {
        position: absolute;
        right: 40px;
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n+1) .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        right: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj3.png);
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n) {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 120px;
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n) .info {
        position: absolute;
        left: 40px;
    }

    .fzlc .mblc .zhi .item.down:nth-child(2n) .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        left: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj4.png);
    }
}

@media (max-width: 768px) {
    .fzlc {
        width: 100%;
        padding: 30px 0;
    }

    .fzlc .p1 {
        width: 100%;
        font-size: 18px;
        color: #222;
        text-align: center;
        margin-bottom: 15px;
    }

    .fzlc .p2 {
        width: 100%;
        font-size: 14px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .fzlc .pclc {
        display: none;
    }

    .fzlc .mblc {
        width: 100%;
        margin-top: 60px;
        position: relative;
    }

    .fzlc .mblc .item {
        position: absolute;
        width: 25px;
        height: 25px;
        background-image: url(../images/lcdot.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .fzlc .mblc .item .info {
        position: relative;
        padding: 20px;
        min-width: 330px;
        max-width: 680px;
        background-color: #fff;
        box-shadow: 0 0 30px #ddd;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .fzlc .mblc .item .info .year {
        font-size: 22px;
        font-weight: bold;
        color: #335ca6;
    }

    .fzlc .mblc .item .info .content {
        font-size: 14px;
        line-height: 20px;
        color: #444;
    }

    .fzlc .mblc .zhi {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-image: url(../images/zhi.png);
        background-position: 9px;
        background-repeat: repeat-y;
        position: relative;
    }

    .fzlc .mblc .zhi .item.down {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 200px;
    }

    .fzlc .mblc .zhi .item.down .info {
        position: absolute;
        left: 40px;
    }

    .fzlc .mblc .zhi .item.down .info .sj {
        position: absolute;
        width: 10px;
        height: 18px;
        left: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background-image: url(../images/sj4.png);
    }
}

/* 发展历程 */
/* 合作伙伴 */
@media (min-width: 1240px) {
    .hzhb {
        width: 100%;
        padding: 60px 0;
        background-color: #f5f5f5;
    }

    .hzhb .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .hzhb .main2 .list {
        width: 280px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .hzhb .main2 .list .item {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 25px;
    }

    .hzhb .main2 .list .item:last-child {
        margin-bottom: 0;
    }

    .hzhb .main2 .list .item .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .hzhb .main2 .list .item .p2 {
        min-height: 50px;
        padding: 5px 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #222;
        word-break: break-all;
    }

    .hzhb .main2 .list .item .p3 {
        width: 100%;
        font-size: 14px;
        color: #666;
        box-sizing: border-box;
        line-height: 25px;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .hzhb {
        width: 100%;
        padding: 60px 0;
        background-color: #f5f5f5;
    }

    .hzhb .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .hzhb .main2 .list {
        width: 280px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .hzhb .main2 .list .item {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 25px;
    }

    .hzhb .main2 .list .item .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .hzhb .main2 .list .item .p2 {
        min-height: 50px;
        padding: 5px 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #222;
        word-break: break-all;
    }

    .hzhb .main2 .list .item .p3 {
        width: 100%;
        font-size: 14px;
        color: #666;
        box-sizing: border-box;
        line-height: 25px;
    }
}

@media (max-width: 768px) {
    .hzhb {
        width: 100%;
        padding: 30px 0;
        background-color: #f5f5f5;
    }

    .hzhb .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .hzhb .main2 .list {
        width: 48%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .hzhb .main2 .list .item {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }

    .hzhb .main2 .list .item .p1 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .hzhb .main2 .list .item .p1 img {
        max-width: 80%;
    }

    .hzhb .main2 .list .item .p2 {
        min-height: 40px;
        padding: 5px 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #222;
        word-break: break-all;
    }

    .hzhb .main2 .list .item .p3 {
        width: 100%;
        font-size: 12px;
        color: #666;
        box-sizing: border-box;
        line-height: 25px;
    }
}

/* 合作伙伴 */
/* 客户感言 */
@media (min-width: 1240px) {
    .khgy {
        width: 100%;
        padding: 60px 0;
    }

    .khgy .title {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 60px;
    }

    .khgy .list {
        width: 100%;
    }

    .khgy .list .item {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .khgy .list .item:last-child {
        margin-bottom: 0;
    }

    .khgy .list .item:nth-child(2n+1) {

    }

    .khgy .list .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .khgy .list .item .pic {
        width: 150px;
    }

    .khgy .list .item .pic img {
        width: 100%;
    }

    .khgy .list .item .info {
        width: calc(100% - 175px);
    }

    .khgy .list .item .info .p1 {
        font-size: 22px;
        color: #333;
        margin-bottom: 15px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p1 {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p1 {
        text-align: right;
    }

    .khgy .list .item .info .p2 {
        width: 100%;
        padding: 25px 40px;
        box-sizing: border-box;
        background-color: #f1f3f5;
        border-radius: 10px;
        position: relative;
    }

    .khgy .list .item .info .p2 .sanjiao {
        width: 9px;
        height: 17px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 24px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .sanjiao {
        background-image: url(../images/sjl.png);
        left: -9px;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .sanjiao {
        background-image: url(../images/sjr.png);
        right: -9px;
    }

    .khgy .list .item .info .p2 .message {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        color: #444;
        line-height: 30px;
    }

    .khgy .list .item .info .p2 .from {
        width: 100%;
        font-size: 16px;
        color: #335ca6;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .message {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .message {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .from {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .from {
        text-align: left;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .khgy {
        width: 100%;
        padding: 60px 0;
    }

    .khgy .title {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 60px;
    }

    .khgy .list {
        width: 100%;
    }

    .khgy .list .item {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .khgy .list .item:last-child {
        margin-bottom: 0;
    }

    .khgy .list .item:nth-child(2n+1) {

    }

    .khgy .list .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .khgy .list .item .pic {
        width: 150px;
    }

    .khgy .list .item .pic img {
        width: 100%;
    }

    .khgy .list .item .info {
        width: calc(100% - 175px);
    }

    .khgy .list .item .info .p1 {
        font-size: 22px;
        color: #333;
        margin-bottom: 15px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p1 {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p1 {
        text-align: right;
    }

    .khgy .list .item .info .p2 {
        width: 100%;
        padding: 25px 40px;
        box-sizing: border-box;
        background-color: #f1f3f5;
        border-radius: 10px;
        position: relative;
    }

    .khgy .list .item .info .p2 .sanjiao {
        width: 9px;
        height: 17px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 24px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .sanjiao {
        background-image: url(../images/sjl.png);
        left: -9px;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .sanjiao {
        background-image: url(../images/sjr.png);
        right: -9px;
    }

    .khgy .list .item .info .p2 .message {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        color: #444;
        line-height: 30px;
    }

    .khgy .list .item .info .p2 .from {
        width: 100%;
        font-size: 16px;
        color: #335ca6;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .message {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .message {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .from {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .from {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .khgy {
        width: 100%;
        padding: 20px 0;
    }

    .khgy .title {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #222;
        margin-bottom: 20px;
    }

    .khgy .list {
        width: 100%;
    }

    .khgy .list .item {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .khgy .list .item:last-child {
        margin-bottom: 0;
    }

    .khgy .list .item:nth-child(2n+1) {

    }

    .khgy .list .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .khgy .list .item .pic {
        width: 60px;
    }

    .khgy .list .item .pic img {
        width: 100%;
    }

    .khgy .list .item .info {
        width: calc(100% - 75px);
    }

    .khgy .list .item .info .p1 {
        font-size: 16px;
        color: #333;
        margin-bottom: 15px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p1 {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p1 {
        text-align: right;
    }

    .khgy .list .item .info .p2 {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #f1f3f5;
        border-radius: 10px;
        position: relative;
    }

    .khgy .list .item .info .p2 .sanjiao {
        width: 9px;
        height: 17px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 12px;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .sanjiao {
        background-image: url(../images/sjl.png);
        left: -9px;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .sanjiao {
        background-image: url(../images/sjr.png);
        right: -9px;
    }

    .khgy .list .item .info .p2 .message {
        width: 100%;
        margin-bottom: 10px;
        font-size: 12px;
        color: #444;
        line-height: 25px;
    }

    .khgy .list .item .info .p2 .from {
        width: 100%;
        font-size: 14px;
        color: #335ca6;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .message {
        text-align: left;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .message {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n+1) .info .p2 .from {
        text-align: right;
    }

    .khgy .list .item:nth-child(2n) .info .p2 .from {
        text-align: left;
    }
}

/* 客户感言 */
/* 产品中心 */
@media (min-width: 1240px) {
    .prolist {
        width: 100%;
        background-color: #f5f5f5;
        padding: 30px 0;
    }

    .prolist .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .prolist .item {
        width: 380px;
        height: 300px;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .prolist .item .l {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        /*background-size: 170px;*/
    }

    .prolist .item .r {
        width: 100%;
        height: 100%;
        padding: 20px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .prolist .item .r .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        color: #222;
        text-align: center;
    }

    .prolist .item .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 50px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .prolist .item .r .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .prolist .item .r .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist .item .r .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist .item .r .p3 a.more {
        background-image: url(../images/more.png);
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .prolist {
        width: 100%;
        background-color: #f5f5f5;
        padding: 60px 0;
    }

    .prolist .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .prolist .item {
        width: 32%;
        height: 300px;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .prolist .item .l {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        /*background-size: 170px;*/
    }

    .prolist .item .r {
        width: 100%;
        height: 100%;
        padding: 20px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .prolist .item .r .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        color: #222;
        text-align: center;
    }

    .prolist .item .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 50px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .prolist .item .r .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .prolist .item .r .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist .item .r .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist .item .r .p3 a.more {
        background-image: url(../images/more.png);
    }
}

@media (max-width: 768px) {
    .prolist {
        width: 100%;
        background-color: #f5f5f5;
        padding: 25px 0;
    }

    .prolist .item {
        width: 100%;
        background-color: #fff;
        border: 1px solid #eee;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .prolist .item .l {
        width: 80px;
        background-position: center 15px;
        background-repeat: no-repeat;
        background-size: 60px;
    }

    .prolist .item .r {
        width: calc(100% - 95px);
        height: 100%;
        padding: 15px;
        padding-left: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .prolist .item .r .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #222;
    }

    .prolist .item .r .p2 {
        width: 100%;
        font-size: 12px;
        color: #888;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        padding: 5px 0;
    }

    .prolist .item .r .p3 {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
    }

    .prolist .item .r .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist .item .r .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist .item .r .p3 a.more {
        background-image: url(../images/more.png);
    }
}

/* 产品中心 */
/* 产品详情 */
@media (min-width: 1240px) {
    .proview {
        width: 100%;
        padding: 30px 0;
    }

    .proview .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .proview .main2 .you {
        width: 890px;
    }

    .proview .info {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom: 55px;
    }

    .proview .info .l {
        width: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .proview .info .l img {
        max-width: 100%;
    }

    .proview .info .r {
        width: calc(100% - 400px);
        padding: 0 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .proview .info .r .p1 {
        width: 100%;
        font-size: 22px;
        color: #333;
        margin-bottom: 15px;
    }

    .proview .info .r .p2 {
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 25px;
        box-sizing: border-box;
        padding-bottom: 25px;
    }

    .proview .info .r .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .proview .info .r .p3 .but {
        padding: 0 30px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f79a09;
        font-size: 18px;
        color: #fff;
        border-radius: 8px;
    }

    .proview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    .proview .content table {
        width: 100%
    }

    /* .proview .content ul li{
        list-style: auto;
    } */
    .proview .content img, .proview .content video {
        max-width: 100%;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .proview {
        width: 100%;
        padding: 60px 0;
    }

    .proview .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .proview .main2 .you {
        width: calc(100% - 310px);
    }

    .proview .info {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        margin-bottom: 55px;
    }

    .proview .info .l {
        width: 250px;
    }

    .proview .info .l img {
        width: 100%;
    }

    .proview .info .r {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .proview .info .r .p1 {
        width: 100%;
        font-size: 18px;
        color: #333;
        margin-bottom: 15px;
        text-align: center;
    }

    .proview .info .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 25px;
        text-align: center;
        box-sizing: border-box;
        padding-bottom: 25px;
    }

    .proview .info .r .p3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .proview .info .r .p3 .but {
        padding: 0 30px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f79a09;
        font-size: 18px;
        color: #fff;
        border-radius: 8px;
    }

    .proview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    .proview .content table {
        width: 100%
    }

    /* .proview .content ul li{
        list-style: auto;
    } */
    .proview .content img, .proview .content video {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .proview {
        width: 100%;
        padding: 30px 0;
        padding-top: 0;
    }

    .proview .info {
        width: 100%;
        margin-bottom: 25px;
    }

    .proview .main2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .proview .main3 {
        padding: 0;
    }

    .proview .main2 .you {
        width: 100%;
    }

    .proview .info .l {
        width: 100%;
    }

    .proview .info .l img {
        width: 100%;
    }

    .proview .info .r {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        box-shadow: 0 0 10px #ddd;
    }

    .proview .info .r .p1 {
        width: 100%;
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .proview .info .r .p2 {
        width: 100%;
        font-size: 12px;
        color: #333;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .proview .info .r .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .proview .info .r .p3 .but {
        padding: 0 10px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f79a09;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
    }

    .proview .content {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        line-height: 25px;
        font-size: 14px;
        color: #222;
    }

    .proview .content table {
        width: 100%
    }

    /* .proview .content ul li{
        list-style: auto;
    } */
    .proview .content img, .proview .content video {
        max-width: 100%;
    }
}

/* 产品详情 */
/* 客户案例 */
/*.khal .list .item{filter: grayscale(100%);}*/
/*.khal .list .item:hover{filter: grayscale(0%);}*/
@media (min-width: 1240px) {
    .khal {
        width: 100%;
        padding: 30px 0;
    }

    .khal .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        margin-bottom: 20px;
        text-align: center;
    }

    .khal .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        margin-bottom: 60px;
        text-align: center;
    }

    .khal .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .khal .list .item {
        width: 380px;
        height: 160px;
        box-sizing: border-box;
        margin-bottom: 35px;
        border: 2px solid #f2f2f2;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 200px;
        transition: all 0.3s;
        display: block;
    }

    .khal .list .item:hover {
        background-size: 220px;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .khal {
        width: 100%;
        padding: 60px 0;
    }

    .khal .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        margin-bottom: 20px;
        text-align: center;
    }

    .khal .p2 {
        width: 100%;
        font-size: 16px;
        color: #222;
        margin-bottom: 60px;
        text-align: center;
    }

    .khal .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .khal .list .item {
        width: 30%;
        height: 160px;
        box-sizing: border-box;
        margin-bottom: 35px;
        border: 2px solid #f2f2f2;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: all 0.3s;
        display: block;
    }

    .khal .list .item:hover {
        background-size: 60%;
    }
}

@media (max-width: 768px) {
    .khal {
        width: 100%;
        padding: 30px 0;
    }

    .khal .p1 {
        width: 100%;
        font-size: 20px;
        color: #222;
        margin-bottom: 10px;
        text-align: center;
    }

    .khal .p2 {
        width: 100%;
        font-size: 12px;
        color: #222;
        margin-bottom: 20px;
        text-align: center;
    }

    .khal .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .khal .list .item {
        width: 47%;
        height: 100px;
        box-sizing: border-box;
        margin-bottom: 15px;
        border: 2px solid #f2f2f2;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        transition: all 0.3s;
        display: block;
    }
}

/* 客户案例 */
/* 案例详情 */
@media (min-width: 1240px) {
    .caseview {
        width: 100%;
        padding: 60px 0;
    }

    .caseview .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 50px;
    }

    .caseview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    /* .caseview .content ul li{list-style: auto;} */
    .caseview .content table {
        width: 100%;
    }

    .caseview .content img, .caseview .content video {
        max-width: 100%;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .caseview {
        width: 100%;
        padding: 60px 0;
    }

    .caseview .p1 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 50px;
    }

    .caseview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    /* .caseview .content ul li{list-style: auto;} */
    .caseview .content table {
        width: 100%;
    }

    .caseview .content img, .caseview .content video {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .caseview {
        width: 100%;
        padding: 30px 0;
    }

    .caseview .p1 {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #222;
        margin-bottom: 20px;
    }

    .caseview .content {
        width: 100%;
        line-height: 25px;
        font-size: 12px;
        color: #222;
    }

    /* .caseview .content ul li{list-style: auto;} */
    .caseview .content table {
        width: 100%;
    }

    .caseview .content img, .caseview .content video {
        max-width: 100%;
    }
}

/* 案例详情 */
/* 新闻列表 */
@media (min-width: 1240px) {
    .newslist {
        width: 100%;
        padding: 30px 0;
    }

    .newslist .btitle {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 60px;
    }

    .newslist .list {
        width: 100%;
    }

    .newslist .list .item {
        width: 100%;
        height: 150px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #e3e3e3;
    }

    .newslist .list .item .l {
        width: 200px;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex-shrink: 0;
        margin-right: 15px
    }

    .newslist .list .item .r {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .list .item .r .p1 {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 18px;
        color: #222;
    }

    .newslist .list .item:hover .r .p1 {
        color: #0077a7;
    }

    .newslist .list .item .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #999;
    }

    .newslist .list .item .r .p3 {
        width: 100%;
        height: 50px;
        font-size: 14px;
        color: #666;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .newslist .list .item .r .p4 {
        width: 100%;
        font-size: 14px;
        color: #0077a7;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .newslist {
        width: 100%;
        padding: 60px 0;
    }

    .newslist .btitle {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 60px;
    }

    .newslist .list {
        width: 100%;
    }

    .newslist .list .item {
        width: 100%;
        height: 150px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #e3e3e3;
    }

    .newslist .list .item .l {
        width: 200px;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex-shrink: 0;
        margin-right: 15px
    }

    .newslist .list .item .r {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .list .item .r .p1 {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 18px;
        color: #222;
    }

    .newslist .list .item:hover .r .p1 {
        color: #0077a7;
    }

    .newslist .list .item .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #999;
    }

    .newslist .list .item .r .p3 {
        width: 100%;
        height: 50px;
        font-size: 14px;
        color: #666;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .newslist .list .item .r .p4 {
        width: 100%;
        font-size: 14px;
        color: #0077a7;
    }
}

@media (max-width: 768px) {
    .newslist {
        width: 100%;
        padding: 30px 0;
    }

    .newslist .btitle {
        width: 100%;
        font-size: 20px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .newslist .list {
        width: 100%;
    }

    .newslist .list .item {
        width: 100%;
        height: 90px;
        /* box-sizing: border-box; */
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #e3e3e3;
    }

    .newslist .list .item .l {
        width: 120px;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex-shrink: 0;
        margin-right: 15px
    }

    .newslist .list .item .r {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .list .item .r .p1 {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 16px;
        color: #222;
    }

    .newslist .list .item:hover .r .p1 {
        color: #0077a7;
    }

    .newslist .list .item .r .p2 {
        width: 100%;
        font-size: 12px;
        color: #999;
    }

    .newslist .list .item .r .p3 {
        width: 100%;
        font-size: 12px;
        color: #666;
        line-height: 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .newslist .list .item .r .p4 {
        width: 100%;
        font-size: 12px;
        color: #0077a7;
    }
}

/* 新闻列表 */
/* 新闻详情 */
@media (min-width: 1240px) {
    .newview {
        width: 100%;
        padding: 30px 0;
    }

    .newview .p1 {
        width: 100%;
        font-size: 24px;
        color: #222;
        text-align: center;
        margin-bottom: 15px;
    }

    .newview .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #888;
        margin-bottom: 15px;
    }

    .newview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    .newview .content table {
        width: 100%
    }

    /* .newview .content li{
        list-style: auto;
    } */
    .newview .content img, .newview .content video {
        max-width: 100%;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .newview {
        width: 100%;
        padding: 60px 0;
    }

    .newview .p1 {
        width: 100%;
        font-size: 24px;
        color: #222;
        text-align: center;
        margin-bottom: 15px;
    }

    .newview .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #888;
        margin-bottom: 15px;
    }

    .newview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    .newview .content table {
        width: 100%
    }

    /* .newview .content li{
        list-style: auto;
    } */
    .newview .content img, .newview .content video {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .newview {
        width: 100%;
        padding: 30px 0;
    }

    .newview .p1 {
        width: 100%;
        font-size: 18px;
        color: #222;
        text-align: center;
        margin-bottom: 10px;
    }

    .newview .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #888;
        margin-bottom: 10px;
    }

    .newview .content {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        color: #222;
    }

    .newview .content table {
        width: 100%
    }

    /* .newview .content li{
        list-style: auto;
    } */
    .newview .content img, .newview .content video {
        max-width: 100%;
    }
}

/* 新闻详情 */
/* 技术支持 */
@media (min-width: 1240px) {
    .jszc {
        width: 100%;
        padding: 30px 0;
    }

    .jszc .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .jszc .list {
        width: 100%;
    }

    .jszc .list .item {
        width: 100%;
        height: 80px;
        margin-bottom: 20px;
        box-shadow: 0 0 10px #ddd;
        padding: 0 40px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jszc .list .item .l {
        width: calc(100% - 100px);
        height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        padding-left: 50px;
        background-position: center left;
        background-repeat: no-repeat;
        /* background-image: url(../images/word.png); */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #222;
    }

    .jszc .list .item .l.word {
        background-image: url(../images/word.png);
    }

    .jszc .list .item .l.video {
        background-image: url(../images/video.png);
    }

    .jszc .list .item .l.pdf {
        background-image: url(../images/pdf.png);
    }

    .jszc .list .item .l.zip {
        background-image: url(../images/zip.png);
    }

    .jszc .list .item .l.faq {
        background-image: url(../images/faq.png);
    }

    .jszc .list .item .r {
        display: block;
        width: 50px;
        height: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/download.png);
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .jszc {
        width: 100%;
        padding: 60px 0;
    }

    .jszc .p1 {
        width: 100%;
        font-size: 30px;
        color: #222;
        text-align: center;
        margin-bottom: 30px;
    }

    .jszc .list {
        width: 100%;
    }

    .jszc .list .item {
        width: 100%;
        height: 80px;
        margin-bottom: 20px;
        box-shadow: 0 0 10px #ddd;
        padding: 0 40px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jszc .list .item .l {
        width: calc(100% - 100px);
        height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        padding-left: 50px;
        background-position: center left;
        background-repeat: no-repeat;
        /* background-image: url(../images/word.png); */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #222;
    }

    .jszc .list .item .l.word {
        background-image: url(../images/word.png);
    }

    .jszc .list .item .l.video {
        background-image: url(../images/video.png);
    }

    .jszc .list .item .l.pdf {
        background-image: url(../images/pdf.png);
    }

    .jszc .list .item .l.zip {
        background-image: url(../images/zip.png);
    }

    .jszc .list .item .l.faq {
        background-image: url(../images/faq.png);
    }

    .jszc .list .item .r {
        display: block;
        width: 50px;
        height: 50px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/download.png);
    }
}

@media (max-width: 768px) {
    .jszc {
        width: 100%;
        padding: 30px 0;
    }

    .jszc .p1 {
        width: 100%;
        font-size: 20px;
        color: #222;
        text-align: center;
        margin-bottom: 20px;
    }

    .jszc .list {
        width: 100%;
    }

    .jszc .list .item {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        box-shadow: 0 0 10px #ddd;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jszc .list .item .l {
        width: calc(100% - 50px);
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        padding-left: 35px;
        background-position: center left;
        background-repeat: no-repeat;
        /* background-image: url(../images/word.png); */
        background-size: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #222;
    }

    .jszc .list .item .l.word {
        background-image: url(../images/word.png);
    }

    .jszc .list .item .l.video {
        background-image: url(../images/video.png);
    }

    .jszc .list .item .l.pdf {
        background-image: url(../images/pdf.png);
    }

    .jszc .list .item .l.zip {
        background-image: url(../images/zip.png);
    }

    .jszc .list .item .l.faq {
        background-image: url(../images/faq.png);
    }

    .jszc .list .item .r {
        display: block;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/download.png);
        background-size: 21px;
    }
}

/* 技术支持 */
/* 联系我们 */
@media (min-width: 1240px) {
    .lxwm {
        width: 100%;
        padding: 30px 0;
    }

    .lxwm .btitle {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 60px;
    }

    .lxwm .btitle.short {
        margin-bottom: 40px;
    }

    .lxwm .map {
        width: 1200px;
        height: 390px;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/map_v2.jpg);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 60px;
    }

    .lxwm .map .info {
        width: 460px;
        min-height: 280px;
        padding: 25px;
        box-sizing: border-box;
        background-color: rgba(247, 155, 12, 0.8);
    }

    .lxwm .map .info .p1 {
        width: 100%;
        padding-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 22px;
        color: #fff;
        margin-bottom: 15px;
        border-bottom: 1px solid #fff;
    }

    .lxwm .map .info .p1 img {
        margin-right: 10px;
    }

    .lxwm .map .info .p2 {
        width: 100%;
        margin-bottom: 25px;
        font-size: 14px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .map .info .p3 {
        width: 100%;
        font-size: 14px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .addresslist {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 380px;
        padding: 35px 45px;
        background-color: #f5f5f5;
        box-sizing: border-box;
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item:nth-child(3n+3) {
        margin-right: 0
    }

    .lxwm .addresslist .item .p1 {
        width: 100%;
        font-size: 26px;
        color: #335ca6;
        margin-bottom: 30px;
        text-align: center;
    }

    .lxwm .addresslist .item .p2 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item .p3 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 40px;
    }

    .lxwm .form {
        width: 100%;
    }

    .lxwm .form .p1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .lxwm .form .p2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .lxwm .form .input {
        width: 380px;
        height: 60px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 0 20px;
    }

    .lxwm .form .input.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position: center right;
    }

    .lxwm .form textarea {
        width: 100%;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 15px 20px;
    }

    .lxwm .form textarea.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: 15px;
    }

    .lxwm .form .p1 .yz {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lxwm .form .p1 .yz .img {
        margin-left: 15px;
        height: 60px;
        cursor: pointer;
    }

    .lxwm .form .sub {
        width: 200px;
        height: 60px;
        background-color: #335ca6;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        border: 0
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .lxwm {
        width: 100%;
        padding: 60px 0;
    }

    .lxwm .btitle {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 60px;
    }

    .lxwm .btitle.short {
        margin-bottom: 40px;
    }

    .lxwm .map {
        width: 100%;
        height: 390px;
        margin: 0 auto;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/map_v2.jpg);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 60px;
    }

    .lxwm .map .info {
        width: 460px;
        min-height: 280px;
        padding: 25px;
        box-sizing: border-box;
        background-color: rgba(247, 155, 12, 0.8);
    }

    .lxwm .map .info .p1 {
        width: 100%;
        padding-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 22px;
        color: #fff;
        margin-bottom: 15px;
        border-bottom: 1px solid #fff;
    }

    .lxwm .map .info .p1 img {
        margin-right: 10px;
    }

    .lxwm .map .info .p2 {
        width: 100%;
        margin-bottom: 25px;
        font-size: 14px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .map .info .p3 {
        width: 100%;
        font-size: 14px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .addresslist {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item {
        width: 49%;
        padding: 35px 45px;
        background-color: #f5f5f5;
        box-sizing: border-box;
        margin-right: 2%;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item:nth-child(2n+2) {
        margin-right: 0
    }

    .lxwm .addresslist .item .p1 {
        width: 100%;
        font-size: 26px;
        color: #335ca6;
        margin-bottom: 30px;
        text-align: center;
        word-break: break-all;
    }

    .lxwm .addresslist .item .p2 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 40px;
        margin-bottom: 30px;
        word-break: break-all;
    }

    .lxwm .addresslist .item .p3 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 40px;
        word-break: break-all;
    }

    .lxwm .form {
        width: 100%;
    }

    .lxwm .form .p1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .lxwm .form .p2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .lxwm .form .input {
        width: 32%;
        height: 60px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 0 20px;
    }

    .lxwm .form .input.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position: center right;
    }

    .lxwm .form textarea {
        width: 100%;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 15px 20px;
    }

    .lxwm .form textarea.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: 15px;
    }

    .lxwm .form .p1 .yz {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lxwm .form .p1 .yz .input {
        width: 250px;
    }

    .lxwm .form .p1 .yz .img {
        margin-left: 15px;
        height: 60px;
        cursor: pointer;
    }

    .lxwm .form .sub {
        width: 200px;
        height: 60px;
        background-color: #335ca6;
        border-radius: 5px;
        font-size: 18px;
        color: #fff;
        border: 0
    }
}

@media (max-width: 768px) {
    .lxwm {
        width: 100%;
        padding: 30px 0;
    }

    .lxwm .btitle {
        width: 100%;
        text-align: center;
        font-size: 20px;
        color: #222;
        margin-bottom: 30px;
    }

    .lxwm .btitle.short {
        margin-bottom: 20px;
    }

    .lxwm .map {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/m_map_v2.jpg);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 30px;
        position: relative;
    }

    .lxwm .map .info {
        width: 70%;
        padding: 15px;
        box-sizing: border-box;
        background-color: rgba(247, 155, 12, 0.8);
        position: absolute;
        left: 15px;
        bottom: 40px;
    }

    .lxwm .map .info .p1 {
        width: 100%;
        padding-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 15px;
        border-bottom: 1px solid #fff;
    }

    .lxwm .map .info .p1 img {
        margin-right: 5px;
        height: 20px;
    }

    .lxwm .map .info .p2 {
        width: 100%;
        margin-bottom: 15px;
        font-size: 12px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .map .info .p3 {
        width: 100%;
        font-size: 12px;
        color: #fff;
        line-height: 25px;
    }

    .lxwm .addresslist {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .lxwm .addresslist .item {
        width: 70%;
        padding: 15px 25px;
        background-color: #f5f5f5;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .lxwm .addresslist .item:last-child {
        margin-bottom: 0;
    }

    .lxwm .addresslist .item .p1 {
        width: 100%;
        font-size: 20px;
        color: #335ca6;
        margin-bottom: 15px;
        text-align: center;
        word-break: break-all;
    }

    .lxwm .addresslist .item .p2 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
        margin-bottom: 25px;
        word-break: break-all;
    }

    .lxwm .addresslist .item .p3 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
        word-break: break-all;
    }

    .lxwm .form {
        width: 100%;
    }

    .lxwm .form .p1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .lxwm .form .p2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .lxwm .form .input {
        width: 100%;
        height: 40px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .lxwm .form .input.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position: center right;
    }

    .lxwm .form textarea {
        width: 100%;
        border: 1px solid #ddd;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 15px 15px;
    }

    .lxwm .form textarea.bt {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: 15px;
    }

    .lxwm .form .p1 .yz {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lxwm .form .p1 .yz .img {
        margin-left: 15px;
        height: 40px;
        cursor: pointer;
        margin-bottom: 15px;
    }

    .lxwm .form .sub {
        width: 160px;
        height: 40px;
        background-color: #335ca6;
        border-radius: 5px;
        font-size: 16px;
        color: #fff;
        border: 0
    }
}

/* 联系我们 */
/* 新产品列表 */
@media (min-width: 1240px) {
    .prolist2 {
        padding-top: 30px;
        width: 100%;
        background-color: #f5f5f5;
    }

    .prolist2 .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .main3 .l1 {
        width: 280px;
        margin-bottom: 100px;
    }

    .main3 .l1 .top {
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #f79c0e;
        font-size: 20px;
        color: #fff;
        padding-left: 25px;
        box-sizing: border-box;
    }

    .main3 .l1 .list1 {
        width: 100%;
        background-color: #fff;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .main3 .l1 .list1 .yiji {
        width: 100%;
        height: 50px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        font-size: 14px;
        color: #444;
    }

    .main3 .l1 .list1 .yiji .pic {
        width: 25px;
        height: 50px;
        background-image: url(../images/psj1.png);
        background-position: left center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .main3 .l1 .list1 .yiji:first-child {
        border-top: 0;
    }

    .main3 .l1 .list1 .yiji.hover {
        color: #f79c0e;
    }

    .main3 .l1 .list1 .yiji a {
        color: inherit;
    }

    .main3 .l1 .list1 .yiji.hover .pic {
        background-image: url(../images/psj2.png);
    }

    .main3 .l1 .list1 .erji {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #444;
    }

    .main3 .l1 .list1 .erji.hover {
        color: #f79c0e;
    }

    .main3 .l1 .list1 .erji a {
        color: inherit;
    }

    .main3 .l1 .list1 .erji .pic {
        cursor: pointer;
        position: relative;
        width: 50px;
        height: 50px;
    }

    .main3 .l1 .list1 .erji .pic::before {
        content: '+';
        width: 50px;
        height: 50px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        top: 0;
    }

    .main3 .l1 .list1 .erji.hover .pic::before {
        content: '-';
    }

    .main3 .l1 .list1 .sanji {
        width: 100%;
        height: 50px;
        padding-left: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #aaa;
        background-image: url(../images/guai.png);
        background-repeat: no-repeat;
        background-position: 25px center;
    }

    .main3 .l1 .list1 .sanji.hover {
        color: #f79c0e;
    }

    .main3 .l2 {
        display: none;
    }

    .prolist2 .main2 .list {
        width: 890px;
    }

    .prolist2 .main2 .list .item {
        width: 100%;
        height: 180px;
        padding: 40px 30px;
        box-sizing: border-box;
        background-color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        border-radius: 5px;
        border: 1px solid #eee;
        margin-bottom: 30px;
    }

    .prolist2 .main2 .list .item .pic {
        width: 155px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 30px;
    }

    .prolist2 .main2 .list .item .info {
        width: calc(100% - 185px);
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prolist2 .main2 .list .item .info .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        color: #222;
    }

    .prolist2 .main2 .list .item .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 75px;
        /* white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .prolist2 .main2 .list .item .info .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .prolist2 .main2 .list .item .info .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist2 .main2 .list .item .info .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist2 .main2 .list .item .info .p3 a.more {
        background-image: url(../images/more.png);
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .prolist2 {
        padding-top: 30px;
        width: 100%;
        background-color: #f5f5f5;
    }

    .prolist2 .main2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .main3 .l1 {
        width: 280px;
        margin-bottom: 100px;
    }

    .main3 .l1 .top {
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #f79c0e;
        font-size: 20px;
        color: #fff;
        padding-left: 25px;
        box-sizing: border-box;
    }

    .main3 .l1 .list1 {
        width: 100%;
        background-color: #fff;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .main3 .l1 .list1 .yiji {
        width: 100%;
        height: 50px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 25px;
        box-sizing: border-box;
        background-image: url(../images/psj1.png);
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 14px;
        color: #444;
    }

    .main3 .l1 .list1 .yiji a {
        color: inherit;
    }

    .main3 .l1 .list1 .yiji:first-child {
        border-top: 0;
    }

    .main3 .l1 .list1 .yiji.hover {
        background-image: url(../images/psj2.png);
        color: #f79c0e;
    }

    .main3 .l1 .list1 .erji {
        width: 100%;
        height: 50px;
        padding-left: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #444;
        position: relative;
    }

    .main3 .l1 .list1 .erji a {
        color: inherit;
    }

    .main3 .l1 .list1 .erji.hover {
        color: #f79c0e;
    }

    .main3 .l1 .list1 .erji::before {
        content: '+';
        position: absolute;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        top: 0;
    }

    .main3 .l1 .list1 .erji.hover::before {
        content: '-';
    }

    .main3 .l1 .list1 .sanji {
        width: 100%;
        height: 50px;
        padding-left: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #aaa;
        background-image: url(../images/guai.png);
        background-repeat: no-repeat;
        background-position: 25px center;
    }

    .main3 .l1 .list1 .sanji.hover {
        color: #f79c0e;
    }

    .main3 .l2 {
        display: none;
    }

    .prolist2 .main2 .list {
        width: calc(100% - 310px);
    }

    .prolist2 .main2 .list .item {
        width: 100%;
        height: 140px;
        padding: 20px 15px;
        box-sizing: border-box;
        background-color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        border-radius: 5px;
        border: 1px solid #eee;
        margin-bottom: 30px;
    }

    .prolist2 .main2 .list .item .pic {
        width: 155px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 15px;
    }

    .prolist2 .main2 .list .item .info {
        width: calc(100% - 165px);
        height: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .prolist2 .main2 .list .item .info .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        color: #222;
    }

    .prolist2 .main2 .list .item .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .prolist2 .main2 .list .item .info .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .prolist2 .main2 .list .item .info .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist2 .main2 .list .item .info .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist2 .main2 .list .item .info .p3 a.more {
        background-image: url(../images/more.png);
    }
}

@media (max-width: 768px) {
    .prolist2 {
        width: 100%;
        background-color: #f5f5f5;
    }

    .prolist2 .main3 {
        padding: 0;
    }

    .main3 .l1 {
        display: none;
    }

    .main3 .l2 {
        width: 100%;
    }

    .main3 .l2 .top {
        width: 100%;
        height: 50px;
        background-color: #f79b0c;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 14px;
        color: #fff;
        position: relative;
        cursor: pointer;
    }

    .main3 .l2 .top::after {
        height: 100%;
        content: '\271A';
        top: 0;
        position: absolute;
        right: 15px;
        color: #fff;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main3 .l2 .top.hover::after {
        content: '\2716';
    }

    .main3 .l2 .list1 {
        width: 100%;
        background-color: #fff;
        display: none;
    }

    .main3 .l2 .list1 .item {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 15px;
        color: #444;
    }

    .main3 .l2 .list1 .item.hover {
        color: #f79b0c;
    }

    .prolist2 .main2 .list {
        width: 100%;
    }

    .prolist2 .main2 .list .item {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        border: 1px solid #eee;
        margin-bottom: 15px;
    }

    .prolist2 .main2 .list .aa .item:last-child {
        margin-bottom: 0;
    }

    .prolist2 .main2 .list .item .pic {
        width: 80px;
        /* height: 100%; */
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        flex: 1;
        margin-right: 15px;
    }

    .prolist2 .main2 .list .item .info {
        width: calc(100% - 95px);
        height: 90px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;

    }

    .prolist2 .main2 .list .item .info .p1 {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #222;
    }

    .prolist2 .main2 .list .item .info .p2 {
        width: 100%;
        font-size: 12px;
        color: #888;
        line-height: 20px;
        height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .prolist2 .main2 .list .item .info .p3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .prolist2 .main2 .list .item .info .p3 a {
        height: 20px;
        margin-right: 20px;
        padding-left: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 12px;
        color: #f79b0c;
    }

    .prolist2 .main2 .list .item .info .p3 a.dg {
        background-image: url(../images/dg.png);
    }

    .prolist2 .main2 .list .item .info .p3 a.more {
        background-image: url(../images/more.png);
    }
}

/* 新产品列表 */
/* 消费电子行业解决方案 */
@media (min-width: 1240px) {
    .xfdz {
        width: 100%;
        background-color: #f3f3f3;
        padding: 30px 0;
    }

    .xfdz .btitle {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .xfdz .stitle {
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
        color: #222;
        text-align: center;
    }

    .xfdz .list {
        width: 100%;
    }

    .xfdz .list .item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin-bottom: 35px;
    }

    .xfdz .list .item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .xfdz .list .item .pic {
        width: 500px;
        min-height: 400px;
        background-color: #fff;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .xfdz .list .item .pic img {
        width: 100%;
        display: none;
    }

    .xfdz .list .item .info {
        width: calc(100% - 500px);
        flex: 1;
        box-sizing: border-box;
        padding: 25px 35px;
        background-color: #fff;
    }

    /* .xfdz .list .item .info li{
        list-style: auto;
    } */
    .xfdz .list .item .info .p1 {
        width: 100%;
        font-size: 22px;
        color: #f79a09;
        margin-bottom: 15px;
    }

    .xfdz .list .item .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #222;
        line-height: 30px;
    }

    .xfdz .list .item .info .p2 .line {
        width: 100%;
        height: 50px;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px dotted #ddd;
        display: flex;
    }

    .xfdz .list .item .info .p2 .line .p3 {
        font-size: 14px;
        color: #222;
        width: 50%;
    }

    .xfdz .list .item .info .p2 .line .p3 .lan {
        color: #00419b;
    }

    .xfdz .gjl {
        width: 100%;
        box-sizing: border-box;
        padding: 50px;
        background-color: #fff;
        margin-bottom: 50px;
    }

    .xfdz .gjl .title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 50px;

    }

    .xfdz .gjl .title #gjl {
        margin-left: 10px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        background-image: url(../images/table.png);
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .xfdz .gjl .title #gjl img {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .gongju {
        width: 100%;
        display: flex;
        /* justify-content: space-between; */
        justify-content: flex-start;
        align-items: stretch;
    }

    .gongju .item {
        width: calc(100% - 10px);
        min-height: 100px;
        background-color: #e4e9f0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 30px;
        font-size: 14px;
        color: #444;
        margin-right: 10px;
        padding: 0 15px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .gongju .item:last-child {
        margin-right: 0;
    }

    .gongju .item .gjllist {
        display: none;
    }

    .tcbox {
        width: 1200px;
        max-height: 80%;
        overflow-y: auto;
        background-color: #fff;
        /* position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom:0;
        margin: auto; */
        z-index: 1000;
        display: none;
    }

    .tcbox .p1 {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .tcbox .p1 .cha {
        width: 55px;
        height: 55px;
        background-image: url(../images/cha.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .tcbox .p2 {
        width: 100%;
        height: calc(100% - 55px);
        padding: 20px 70px;
        box-sizing: border-box;
    }

    .tcbox .p2 .title {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 45px;
    }

    .tcbox .p2 .miaoshu {
        width: 100%;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi {
        width: 100%;
    }

    .tcbox .p2 .zhanshi .slide {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi .slide img {
        max-width: 100%
    }

    .tcbox .p2 .zhanshi .slide p {
        font-size: 16px;
        color: #222;
        line-height: 30px;
    }

    .tcbox .p2 .zhanshi .swiper-slide {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .tcbox .p2 .zhanshi .swiper-slide p {
        max-width: 100%;
    }

    .tcbox .p2 .table {
        width: 100%;
        height: calc(100% - 75px);
        overflow: auto;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .xfdz {
        width: 100%;
        background-color: #f3f3f3;
        padding: 30px 0;
    }

    .xfdz .btitle {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .xfdz .stitle {
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
        color: #222;
        text-align: center;
    }

    .xfdz .list {
        width: 100%;
    }

    .xfdz .list .item {
        width: 100%;
        margin-bottom: 35px;
    }

    .xfdz .list .item .pic {
        width: 100%;
    }

    .xfdz .list .item .pic img {
        width: 100%;
    }

    .xfdz .list .item .info {
        width: 100%;
        box-sizing: border-box;
        padding: 25px 35px;
        background-color: #fff;
    }

    /* .xfdz .list .item .info li{
        list-style: auto;
    } */
    .xfdz .list .item .info .p1 {
        width: 100%;
        font-size: 22px;
        color: #f79a09;
        margin-bottom: 15px;
    }

    .xfdz .list .item .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #222;
        line-height: 30px;
    }

    .xfdz .list .item .info .p2 .line {
        width: 100%;
        height: 50px;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px dotted #ddd;
        display: flex;
    }

    .xfdz .list .item .info .p2 .line .p3 {
        font-size: 14px;
        color: #222;
        width: 50%;
    }

    .xfdz .list .item .info .p2 .line .p3 .lan {
        color: #00419b;
    }

    .xfdz .gjl {
        width: 100%;
        box-sizing: border-box;
        padding: 25px;
        background-color: #fff;
        margin-bottom: 25px;
    }

    .xfdz .gjl .title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 50px;

    }

    .xfdz .gjl .title #gjl {
        margin-left: 10px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        background-image: url(../images/table.png);
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .xfdz .gjl .title #gjl img {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .gongju {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .gongju .item {
        width: calc(100% - 10px);
        min-height: 100px;
        background-color: #e4e9f0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 30px;
        font-size: 14px;
        color: #444;
        margin-right: 10px;
        padding: 0 15px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .gongju .item:last-child {
        margin-right: 0;
    }

    .gongju .item .gjllist {
        display: none;
    }

    .tcbox {
        width: calc(100% - 50px);
        max-width: 650px;
        max-height: 80%;
        overflow-y: auto;
        background-color: #fff;
        /*position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom:0;
        margin: auto;*/
        z-index: 1000;
        display: none;
    }

    .tcbox .p1 {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .tcbox .p1 .cha {
        width: 55px;
        height: 55px;
        background-image: url(../images/cha.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .tcbox .p2 {
        width: 100%;
        height: calc(100% - 55px);
        padding: 20px 70px;
        box-sizing: border-box;
    }

    .tcbox .p2 .title {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 45px;
    }

    .tcbox .p2 .miaoshu {
        width: 100%;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi {
        width: 100%;
    }

    .tcbox .p2 .zhanshi .slide {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi .slide img {
        max-width: 100%
    }

    .tcbox .p2 .zhanshi .slide p {
        font-size: 16px;
        color: #222;
        line-height: 30px;
    }

    .tcbox .p2 .zhanshi .swiper-slide {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .tcbox .p2 .zhanshi .swiper-slide p {
        max-width: 100%;
    }

    .tcbox .p2 .zhanshi .swiper-button-prev, .tcbox .p2 .zhanshi .swiper-container-rtl .swiper-button-next {
        left: 0;
    }

    .tcbox .p2 .zhanshi .swiper-button-next, .tcbox .p2 .zhanshi .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .tcbox .p2 .table {
        width: 100%;
        height: calc(100% - 75px);
        overflow: auto;
    }
}

@media (max-width: 768px) {
    .xfdz {
        width: 100%;
        background-color: #f3f3f3;
        padding: 30px 0;
    }

    .xfdz .btitle {
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #222;
        margin-bottom: 25px;
    }

    .xfdz .stitle {
        width: 100%;
        margin-bottom: 30px;
        font-size: 16px;
        color: #222;
        text-align: center;
    }

    .xfdz .list {
        width: 100%;
    }

    .xfdz .list .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .xfdz .list .item .pic {
        width: 100%;
    }

    .xfdz .list .item .pic img {
        width: 100%;
    }

    .xfdz .list .item .info {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
        background-color: #fff;
    }

    /* .xfdz .list .item .info li{
        list-style: auto;
    } */
    .xfdz .list .item .info .p1 {
        width: 100%;
        font-size: 18px;
        color: #f79a09;
        margin-bottom: 15px;
    }

    .xfdz .list .item .info .p2 {
        width: 100%;
        font-size: 14px;
        color: #222;
        line-height: 30px;
    }

    .xfdz .list .item .info .p2 .line {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;

        display: flex;
    }

    .xfdz .list .item .info .p2 .line .p3 {
        font-size: 14px;
        color: #222;
        width: 100%;
        height: 30px;
        border-bottom: 1px dotted #ddd;
    }

    .xfdz .list .item .info .p2 .line .p3 .lan {
        color: #00419b;
    }

    .xfdz .gjl {
        width: 100%;
        box-sizing: border-box;
        padding: 25px;
        background-color: #fff;
        margin-bottom: 25px;
    }

    .xfdz .gjl .title {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 50px;

    }

    .xfdz .gjl .title #gjl {
        margin-left: 10px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        background-image: url(../images/table.png);
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .xfdz .gjl .title #gjl img {
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .gongju {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .gongju .item {
        width: calc((100% / 2) - 10px);
        min-height: 100px;
        background-color: #e4e9f0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 30px;
        font-size: 14px;
        color: #444;
        margin-bottom: 20px;
        padding: 0 10px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .gongju .item .gjllist {
        display: none;
    }

    .tcbox {
        width: calc(100% - 50px);
        max-height: 80%;
        overflow-y: auto;
        background-color: #fff;
        /*position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom:0;
        margin: auto;*/
        z-index: 1000;
        display: none;
    }

    .tcbox .p1 {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .tcbox .p1 .cha {
        width: 55px;
        height: 55px;
        background-image: url(../images/cha.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .tcbox .p2 {
        width: 100%;
        height: calc(100% - 55px);
        padding: 25px 15px;
        box-sizing: border-box;
    }

    .tcbox .p2 .title {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #222;
        margin-bottom: 45px;
    }

    .tcbox .p2 .miaoshu {
        width: 100%;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi {
        width: 100%;
    }

    .tcbox .p2 .zhanshi .slide {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .tcbox .p2 .zhanshi .slide img {
        max-width: 100%
    }

    .tcbox .p2 .zhanshi .slide p {
        font-size: 16px;
        color: #222;
        line-height: 30px;
    }

    .tcbox .p2 .zhanshi .swiper-slide {
        height: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .tcbox .p2 .zhanshi .swiper-slide p {
        max-width: 100%;
    }

    .tcbox .p2 .zhanshi .swiper-button-prev, .tcbox .p2 .zhanshi .swiper-container-rtl .swiper-button-next {
        left: 0;
    }

    .tcbox .p2 .zhanshi .swiper-button-next, .tcbox .p2 .zhanshi .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .tcbox .p2 .table {
        width: 100%;
        height: calc(100% - 75px);
        overflow: auto;
    }
}

/* 消费电子行业解决方案 */
#zhezhao {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
}

/* 搜索页面 */
@media (min-width: 1240px) {
    .searchform {
        width: 100%;
        height: 180px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .searchform .form {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .searchform .form .input {
        width: calc(100% - 180px);
        height: 70px;
        font-size: 24px;
        padding-left: 15px;
        box-sizing: border-box;
        box-shadow: 0 0 15px #ddd;
        border: 0;
        border-radius: 10px 0 0 10px;
    }

    .searchform .form .input::-webkit-input-placeholder {
        font-size: 24px;
    }

    .searchform .form .input::-moz-placeholder {
        font-size: 24px;
    }

    .searchform .form .input:-ms-input-placeholder {
        font-size: 24px;
    }

    .searchform .form .sub {
        width: 180px;
        height: 70px;
        color: #fff;
        background-color: #f79c0e;
        font-size: 24px;
        border: 0;
        border-radius: 0 10px 10px 0;
    }

    .search {
        width: 100%;
        padding: 40px 0;
        box-sizing: border-box;
        min-height: calc(100vh - 635px);
    }

    .search .sstitle {
        font-size: 24px;
        color: #f79c0e;
        margin-bottom: 20px;
    }

    .search .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .search .list .item {
        width: 100%;
        height: 55px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px dashed #e5e5e5;
    }

    .search .list .item .title {
        width: calc(100% - 100px);
        font-size: 16px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .search .list .item .time {
        color: #f79c0e;
        font-size: 16px;
        width: 100px;
        text-align: right;
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .searchform {
        width: 100%;
        height: 180px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .searchform .main2 {
        width: 100%;
        box-sizing: border-box;
    }

    .searchform .form {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .searchform .form .input {
        width: calc(100% - 180px);
        height: 70px;
        font-size: 24px;
        padding-left: 15px;
        box-sizing: border-box;
        box-shadow: 0 0 15px #ddd;
        border: 0;
        border-radius: 10px 0 0 10px;
    }

    .searchform .form .input::-webkit-input-placeholder {
        font-size: 24px;
    }

    .searchform .form .input::-moz-placeholder {
        font-size: 24px;
    }

    .searchform .form .input:-ms-input-placeholder {
        font-size: 24px;
    }

    .searchform .form .sub {
        width: 180px;
        height: 70px;
        color: #fff;
        background-color: #f79c0e;
        font-size: 24px;
        border: 0;
        border-radius: 0 10px 10px 0;
    }

    .search {
        width: 100%;
        padding: 40px 0;
        box-sizing: border-box;
        min-height: calc(100vh - 635px);
    }

    .search .sstitle {
        font-size: 24px;
        color: #f79c0e;
        margin-bottom: 20px;
    }

    .search .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .search .list .item {
        width: 100%;
        height: 55px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px dashed #e5e5e5;
    }

    .search .list .item .title {
        width: calc(100% - 100px);
        font-size: 16px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .search .list .item .time {
        color: #f79c0e;
        font-size: 16px;
        width: 100px;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .searchform {
        width: 100%;
        height: 60px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .searchform .main2 {
        width: 100%;
        box-sizing: border-box;
    }

    .searchform .form {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .searchform .form .input {
        width: calc(100% - 80px);
        height: 30px;
        font-size: 14px;
        padding-left: 15px;
        box-sizing: border-box;
        box-shadow: 0 0 15px #ddd;
        border: 0;
        border-radius: 5px 0 0 5px;
    }

    .searchform .form .input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .searchform .form .input::-moz-placeholder {
        font-size: 14px;
    }

    .searchform .form .input:-ms-input-placeholder {
        font-size: 14px;
    }

    .searchform .form .sub {
        width: 80px;
        height: 30px;
        color: #fff;
        background-color: #f79c0e;
        font-size: 14px;
        border: 0;
        border-radius: 0 5px 5px 0;
    }

    .search {
        width: 100%;
        padding: 15px 0;
        box-sizing: border-box;
    }

    .search .sstitle {
        font-size: 18px;
        color: #f79c0e;
        margin-bottom: 10px;
    }

    .search .list {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .search .list .item {
        width: 100%;
        height: 35px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #e5e5e5;
    }

    .search .list .item .title {
        width: calc(100% - 100px);
        font-size: 14px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .search .list .item .time {
        color: #f79c0e;
        font-size: 14px;
        width: 100px;
        text-align: right;
    }
}

/* 资源中心筛选 */
@media (min-width: 1240px) {
    .res_sx {
        width: 100%;
        margin-bottom: 30px;
    }

    .res_sx .b2 {
        width: 100%;
        height: 55px;
        border-radius: 55px;
        background-color: #f5f5f5;
        margin-bottom: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .res_sx .b2 .input {
        width: calc(100% - 150px);
        height: 100%;
        border: 0;
        border-radius: 55px 0 0 55px;
        background-color: transparent;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .res_sx .b2 .sub {
        width: 150px;
        height: 100%;
        background-color: #eaa03b;
        border-radius: 55px;
        border: 0;
        font-size: 16px;
        color: #fff;
    }

    .res_sx .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .res_sx .b1 .a1 {
        width: 120px;
        line-height: 40px;
        font-size: 16px;
        color: #333;
    }

    .res_sx .b1 .a2 {
        width: calc(100% - 120px);
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .res_sx .b1 .a2 .item {
        min-width: 120px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f3f3;
        color: #aaa;
        font-size: 14px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px 10px;
    }

    .res_sx .b1 .a2 .item.hover {
        background-color: #fff3e3;
        color: #f59a0d;
        border: 2px solid #f59a0d
    }
}

@media (max-width: 1239px) and (min-width: 767px) {
    .res_sx {
        width: 100%;
        margin-bottom: 30px;
    }

    .res_sx .b2 {
        width: 100%;
        height: 55px;
        border-radius: 55px;
        background-color: #f5f5f5;
        margin-bottom: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .res_sx .b2 .input {
        width: calc(100% - 150px);
        height: 100%;
        border: 0;
        border-radius: 55px 0 0 55px;
        background-color: transparent;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .res_sx .b2 .sub {
        width: 150px;
        height: 100%;
        background-color: #eaa03b;
        border-radius: 55px;
        border: 0;
        font-size: 16px;
        color: #fff;
    }

    .res_sx .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .res_sx .b1 .a1 {
        width: 120px;
        line-height: 40px;
        font-size: 16px;
        color: #333;
    }

    .res_sx .b1 .a2 {
        width: calc(100% - 120px);
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .res_sx .b1 .a2 .item {
        min-width: 120px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f3f3;
        color: #aaa;
        font-size: 14px;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px 10px;
    }

    .res_sx .b1 .a2 .item.hover {
        background-color: #fff3e3;
        color: #f59a0d;
        border: 2px solid #f59a0d
    }
}

@media (max-width: 768px) {
    .res_sx {
        width: 100%;
        margin-bottom: 30px;
    }

    .res_sx .b2 {
        width: 100%;
        height: 35px;
        border-radius: 35px;
        background-color: #f5f5f5;
        margin-bottom: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .res_sx .b2 .input {
        width: calc(100% - 100px);
        height: 100%;
        border: 0;
        border-radius: 35px 0 0 35px;
        background-color: transparent;
        box-sizing: border-box;
        padding: 0 15px;
        font-size: 14px;
    }

    .res_sx .b2 .sub {
        width: 100px;
        height: 100%;
        background-color: #eaa03b;
        border-radius: 35px;
        border: 0;
        font-size: 14px;
        color: #fff;
    }

    .res_sx .b1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .res_sx .b1 .a1 {
        width: 80px;
        line-height: 40px;
        font-size: 14px;
        color: #333;
    }

    .res_sx .b1 .a2 {
        width: calc(100% - 90px);
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .res_sx .b1 .a2 .item {
        min-width: 90px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f3f3f3;
        color: #aaa;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px 5px;
    }

    .res_sx .b1 .a2 .item.hover {
        background-color: #fff3e3;
        color: #f59a0d;
        border: 1px solid #f59a0d
    }
}

/* 试用申请弹框 */
.alarm-application-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
}

.alarm-application-box {
    width: 100%;
    height: 100%;
}

.alarm-application-hide {
    display: none;
}

.alarm-application-show {
    display: block;
}

.alarm-application-box > .form-popup-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

@keyframes fadeInScale {
    from {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

.alarm-application-box > .form-popup-mask .form-popup-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 506px;
    min-height: 614px;
    padding: 36px 38px 33px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    animation: fadeInScale 0.2s ease-in-out;
}

.alarm-application-box > .form-popup-mask .form-popup-container .popup-name {
    height: 21px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 21px;
    margin-bottom: 27px;
}

.alarm-application-box > .form-popup-mask .form-popup-container .popup-from {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.alarm-application-box > .form-popup-mask .form-popup-container .popup-from .popup-from-item {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 8px 0 26px;
}

.alarm-application-box > .form-popup-mask
.form-popup-container
.popup-from
.popup-from-item
input {
    border: none;
    padding: 0;
    outline: none;
    background-color: #f9f9f9;
    font-size: 16px;
    height: 100%;
    width: 100%;
    font-weight: 400;
    color: #000;
}

.alarm-application-box > .form-popup-mask
.form-popup-container
.popup-from
.popup-from-item
input::placeholder {
    color: #8d91a7;
    font-size: 16px;
}

.alarm-application-box > .form-popup-mask
.form-popup-container
.popup-from
.popup-from-item:not(:first-child) {
    margin-top: 17px;
}

.alarm-application-box > .form-popup-mask
.form-popup-container
.popup-from
.popup-from-item
.get-code {
    margin-left: 30px;
    max-width: 130px;
    width: 90%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 4px;
    background-image: linear-gradient(to right, #cfbe85 0%, #8d7e49 100%);
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}

.alarm-application-box > .form-popup-mask
.form-popup-container
.popup-from
.popup-from-item
.get-code.wait {
    background: #cfcfcf;
}

.alarm-application-box > .form-popup-mask .form-popup-container .popup-from .warn,
.alarm-application-box > .form-popup-mask .form-popup-container .popup-from .countdown-warn {
    box-sizing: border-box;
    padding: 0 8px 0 26px;
    width: 100%;
    padding: 0 26px;
    margin-top: 8px;
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #ff1f00;
    line-height: 14px;
}

.alarm-application-box > .form-popup-mask .form-popup-container .popup-from .submit-btn {
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    outline: none;
    margin-top: 46px;
    max-width: 430px;
    width: 90%;
    height: 60px;
    border-radius: 10px;
    background-image: linear-gradient(to right, #cfbe85 0%, #8d7e49 100%);
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.alarm-application-box > .form-popup-mask .success-toast {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 506px;
    min-height: 614px;
    padding: 84px 73px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    display: none;
    animation: fadeInScale 0.2s ease-in-out;
}

.alarm-application-box > .form-popup-mask .success-toast .content {
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 45px;
}

.alarm-application-box > .form-popup-mask .close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center center;
    cursor: pointer;
}

@media (max-width: 768px) {
    .alarm-application-box > .popup-from-item {
        height: 45px !important;
    }

    .alarm-application-box > .popup-from-item input {
        font-size: 14px !important;
    }

    .alarm-application-box > .popup-from-item input::placeholder {
        font-size: 14px !important;
    }

    .alarm-application-box > .popup-from-item .get-code {
        font-size: 12px;
    }

    .alarm-application-box > .submit-btn {
        height: 50px !important;
        font-size: 16px !important;
    }
}

/*  ---------------  */
.alarm-application-container-arm {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
}

.alarm-application-box-arm {
    width: 100%;
    height: 100%;
}

.alarm-application-hide-arm {
    display: none;
}

.alarm-application-show-arm {
    display: block;
}

.keil-form-popup-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

@keyframes fadeInScaleKeil {
    from {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes fadeInMoveKeil {
    from {
        transform: translate(0, -10px);
        opacity: 0;
    }
    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.keil-form-popup-mask .keil-form-popup-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 506px;
    padding: 36px 38px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    animation: fadeInScaleKeil 0.2s ease-in-out;
    transition: 0.2s;
}

.keil-form-popup-mask .keil-form-popup-container .keil-popup-name {
    height: 21px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 21px;
    margin-bottom: 27px;
}

.keil-form-popup-mask .keil-form-popup-container .keil-popup-from {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 8px 0 26px;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
input {
    border: none;
    padding: 0;
    outline: none;
    background-color: #f9f9f9;
    font-size: 16px;
    height: 100%;
    width: 100%;
    font-weight: 400;
    cursor: pointer;
    color: #000;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
input::placeholder {
    color: #8d91a7;
    font-size: 16px;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item:not(:first-child) {
    margin-top: 17px;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-get-code {
    margin-left: 30px;
    max-width: 130px;
    width: 90%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #3071ff;
    border-left: 1px solid #d7d7d7;
    cursor: pointer;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-get-code.wait {
    color: #000;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container {
    background-color: #f9f9f9;
    height: 100%;
    flex: 1;
    margin: 0 -8px 0 -26px;
    padding: 0 8px 0 26px;
    box-sizing: border-box;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container.select-arrow::after {
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
    content: '';
    height: inherit;
    transition: 0.1s;
    width: 50px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
    transform: rotate(180deg);
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container.click::after {
    transform: rotate(0deg);
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-select-value {
    height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 16px;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-select-value.no-value {
    color: #8d91a7;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-custom-select {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    min-height: 60px;
    border-radius: 5px;
    padding: 8px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
    background-color: #fff;
    font-weight: 400;
    color: #000000;
    animation: fadeInMoveKeil 0.1s ease-in-out;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-custom-select
.keil-custom-select-option {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 18px;
    transition: 0.1s;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-custom-select
.keil-custom-select-option.disabled {
    cursor: not-allowed;
    background-color: #f5f5f5;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-popup-from-item
.keil-custom-select-container
.keil-custom-select
.keil-custom-select-option:hover {
    background-color: #f5f7fa;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-warn {
    box-sizing: border-box;
    padding: 0 8px 0 26px;
    width: 100%;
    padding: 0 26px;
    margin-top: 8px;
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #ff1f00;
    line-height: 14px;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-warn
a {
    text-decoration: none;
    color: #ff1f00;
}

.keil-form-popup-mask
.keil-form-popup-container
.keil-popup-from
.keil-submit-btn {
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    outline: none;
    margin-top: 29px;
    max-width: 430px;
    width: 90%;
    height: 60px;
    border-radius: 10px;
    background-color: #3071ff;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.keil-form-popup-mask .keil-success-toast {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 370px;
    height: 221px;
    padding: 0 50px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    animation: fadeInScaleKeil 0.2s ease-in-out;
}

.keil-form-popup-mask .keil-success-toast .keil-content {
    margin-top: 27px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 28px;
}

.keil-form-popup-mask .keil-success-toast .keil-success-icon {
    font-size: 0;
    width: 58px;
    height: 54px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100%;
}

.keil-form-popup-mask .keil-close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center center;
    cursor: pointer;
}

.keil-form-popup-mask .keil-warn-toast {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 370px;
    height: 170px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px 0px;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    animation: fadeInScaleKeil 0.2s ease-in-out;
}

.keil-form-popup-mask .keil-warn-toast .keil-content {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 35px;
}

.keil-form-popup-mask .keil-warn-toast button {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    margin-top: 25px;
    background-color: #3071ff;
    width: 156px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 11px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

@media (max-width: 768px) {
    .keil-form-popup-mask .keil-popup-from-item {
        height: 45px !important;
    }

    .keil-form-popup-mask .keil-popup-from-item input {
        font-size: 14px !important;
    }

    .keil-form-popup-mask .keil-popup-from-item input::placeholder {
        font-size: 14px !important;
    }

    .keil-form-popup-mask .keil-popup-from-item .keil-get-code {
        font-size: 12px;
    }

    .keil-form-popup-mask
    .keil-popup-from-item
    .keil-custom-select-container
    .keil-select-value,
    .keil-form-popup-mask
    .keil-popup-from-item
    .keil-custom-select-container
    .keil-custom-select-option {
        font-size: 14px !important;
    }

    .keil-form-popup-mask .keil-submit-btn {
        height: 50px !important;
        font-size: 16px !important;
    }

    .keil-form-popup-mask .keil-success-toast {
        transform: translate(-50%, -50%) scale(0.7) !important;
    }

    .keil-form-popup-mask .keil-wran-toast {
        transform: translate(-50%, -50%) scale(0.7) !important;
    }
}

@media (max-width: 1600px) {
    .keil-form-popup-mask .keil-form-popup-container {
        width: 100% !important;
        transform: translate(-50%, -50%) scale(0.8) !important;
    }
}

/* 资源中心筛选 */
/* 合作商 */
.lxwm .item.partner {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    margin-top: 8px;
    /*background-image: linear-gradient(360deg, #fdfbfb 0%, #f5fcff 100%);*/
}

.lxwm .item.partner .l {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 290px;
    width: 100%;
    height: 100px;
    opacity: 1;
    display: inline-block;
}

.lxwm .p1.partner.partner_title {
    text-align: left;
    margin-bottom: 16px;
    font-size: 22px;
    color: #000;
}

.lxwm .p3.partner.partner_info {
    color: #3a3a3a;
    line-height: 24px;
}

.lxwm .p3.partner.partner_info .label {
    width: 4rem;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
}

.page span, a.first, a.num, a.end {
    border: 1px solid;
}

.video-list {
    display: grid;
    gap: 32px 22px;
    grid-template-columns: repeat(3, 1fr);
}

.video-list .video-item .cover-img {
    width: 100%;
    height: 240px;
    border-radius: 8px 8px 0 0;
    object-fit: cover;
    object-position: top;
    cursor: pointer;
    user-select: none;
}

.video-list .video-item .cover-container {
    position: relative;
}

.video-list .video-item .cover-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.2;
    z-index: 3;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
}

.video-list .video-item .cover-container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    z-index: 9;
    cursor: pointer;
    background: center/cover no-repeat url("../../Public/images/play-icon.png");
}

.video-list .video-item .video-title {
    margin-top: 8px;
    line-height: 1.6;
}

.countdown-warn__hidden {
    display: none;
}

@media (max-width: 768px) {
    .video-list {
        margin: 0 12px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 975px) and (min-width: 769px) {
    .video-list {
        margin: 0 12px;
        grid-template-columns: repeat(2, 1fr);
    }
}

.subscription-page .page-title {
    height: 190px;
    font-size: 42px;
    line-height: 190px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #404040;
}

.subscription-page main {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.subscription-page main .content {
    width: 50vw;
    margin: 40px auto;
}

.subscription-page main .title {
    font-size: 32px;
    color: #2f6db5;
    font-weight: bold;
}

.subscription-page main .sub-title {
    margin-top: 18px;
    font-size: 18px;
    color: #898989;
}

.subscription-page main .select-options {
    margin-top: 45px;
}

.subscription-page main .select-options .options {
    margin-top: 26px;
}

.subscription-page main .category-name {
    font-size: 24px;
    font-weight: bold;
    color: #666666;
}

.subscription-page main .category-desc {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.subscription-page main .category-desc {
    color: #666666;
}

.subscription-page main .category-desc label {
    cursor: pointer;
}

.subscription-page main .category-desc .input-checkbox {
    position: absolute;
    left: -24px;
}

.subscription-page__footer {
    margin-top: 40px;
}

.subscription-page__footer .email {
    display: flex;
    flex-direction: column;
}

.subscription-page__footer .email label {
    margin-bottom: 16px;
    color: #797979;
}

.subscription-page__footer .email input {
    width: 460px;
    padding: 6px 12px;
    outline: none;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}

.subscription-page__footer .submit {
    margin-top: 48px;
}

.subscription-page__footer .submit button {
    padding: 8px 22px;
    outline: none;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50px;
    background-color: #2f6db5;
}