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;
    /* font-family: "微软雅黑"; */
    color: #444;
    background: #fff;
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none;
}

em {
    font-style: normal
}

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

li {
    list-style: none;
}

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

p {
    word-wrap: break-word
}

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;
}

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

.page>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page a,
.page span {
    display: inline-block;
    padding: 3px 10px;
    /* margin     : 0 3px; */
    line-height: 23px;
    border: 1px solid #ddd;
    border-right: 0;
}

.page *:last-child {
    border-right: 1px solid #ddd;
}

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

.page span.current {
    background-color: #056edf;
    color: #fff;
    border: 1px solid #056edf;
}

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

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

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes tan2 {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes tan3 {
    0% {
        transform: translateX(0px)
    }

    25% {
        transform: translateX(-10px)
    }

    50% {
        transform: translateX(0px)
    }

    75% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0px)
    }
}

@keyframes tan4 {
    0% {
        transform: translateY(0px)
    }

    25% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(0px)
    }

    75% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0px)
    }
}

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

    .mb {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .main {
        padding: 0 40px;
    }

    .mb {
        display: none;
    }
}

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

    .pc {
        display: none;
    }
}

/* header */
@media (min-width: 1760px) {
    .header {
        width: 100%;
        height: 90px;
        box-shadow: 0 0 15px #ddd;
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #fff;
    }

    .header .header-main {
        width: 1720px;
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .header-main .logo {
        width: 260px;
        height: 100%;
        background-image: url(/Public/images/logo2.png);
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
    }

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

    .header .header-main .nav-list .item {
        position: relative;
        height: 100%;
    }

    .header .header-main .nav-list .item:hover::after {
        content: '';
        width: 47px;
        height: 2px;
        background-color: #666;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .header-main .nav-list .item>.menu {
        display: none;
    }

    .header .header-main .nav-list .item:hover>.menu {
        width: 140px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .header-main .nav-list .item:hover>.menu>.item2 {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #333;
    }

    .header .header-main .nav-list .item:hover>.menu>.item2:hover,
    .header .header-main .nav-list .item:hover>.menu>.item2.hover {
        background-color: #EBEFF2;
    }

    .header .header-main .nav-list .item .i1 {
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .header-main .nav-list .item .i1:hover,
    .header .header-main .nav-list .item.hover .i1 {
        color: #1369ec;
    }

    .header .header-main .tel {
        width: 220px;
        height: 45px;
        background-color: #205cb8;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        color: #fff;
        padding: 0 30px;
        box-sizing: border-box;
        border-radius: 10px;
        margin-left: 40px;
    }

    .header .header-main .tel .img {
        margin-right: 15px;
    }

    .header .header-main .menu {
        display: none;
    }
}

@media (max-width: 1759px) and (min-width: 768px) {
    .header {
        width: 100%;
        height: 90px;
        box-shadow: 0 0 15px #ddd;
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #fff;
    }

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

    .header .header-main .logo {
        width: 170px;
        height: 100%;
        background-image: url(/Public/images/logo2.png);
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
    }

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

    .header .header-main .nav-list .item {
        position: relative;
        height: 100%;
    }

    .header .header-main .nav-list .item:hover::after {
        content: '';
        width: 47px;
        height: 2px;
        background-color: #666;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .header-main .nav-list .item>.menu {
        display: none;
    }

    .header .header-main .nav-list .item:hover>.menu {
        width: 140px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .header-main .nav-list .item:hover>.menu>.item2 {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #333;
    }

    .header .header-main .nav-list .item:hover>.menu>.item2:hover,
    .header .header-main .nav-list .item:hover>.menu>.item2.hover {
        background-color: #EBEFF2;
    }

    .header .header-main .nav-list .item .i1 {
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header .header-main .nav-list .item .i1:hover,
    .header .header-main .nav-list .item.hover .i1 {
        color: #1369ec;
    }

    .header .header-main .tel {
        width: 170px;
        height: 45px;
        background-color: #205cb8;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        color: #fff;
        padding: 0 10px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .header .header-main .tel .img {
        margin-right: 15px;
        width: 20px;
    }

    .header .header-main .menu {
        display: none;
    }
}

@media (max-width: 767px) {
    .header {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }

    .header .header-main {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 999;
    }

    .header .header-main .logo {
        width: 130px;
        height: 100%;
        background-image: url(/Public/images/logo2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
        display: block;
    }

    .header .header-main .nav-list {
        width: 100%;
        position: absolute;
        padding-bottom: 15px;
        background-color: #fff;
        display: flex;
        display: none;
        top: 61px;
        left: 0;
        box-shadow: 0 6px 15px #eee;
    }

    .header .header-main .nav-list .item {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .header .header-main .nav-list .item>.menu {
        width: 100%;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .header .header-main .nav-list .item>.menu>.item2 {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #333;
        box-sizing: border-box;
        text-indent: 2em;
        padding: 0 15px;
    }

    .header .header-main .nav-list .item>.menu>.item2:hover,
    .header .header-main .nav-list .item>.menu>.item2.hover {
        background-color: #EBEFF2;
    }

    .header .header-main .nav-list .item .i1 {
        width: 100%;
        height: 50px;
        font-size: 16px;
        color: #666;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .header .header-main .nav-list .item .i1:hover,
    .header .header-main .nav-list .item.hover .i1 {
        color: #1369ec;
    }

    .header .header-main .tel {
        display: none;
    }

    .header .header-main .menu {
        width: 50px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
}

/* header */

/* Ê×Ò³banner */
.index_banner .swiper-pagination-bullet-active {
    background-color: #066ddf;
}

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

@media (min-width: 1200px) {

    .index_banner .swiper-button-next,
    .index_banner .swiper-container-rtl .swiper-button-prev {
        right: 100px;
        color: #aaa;
    }

    .index_banner .swiper-button-prev,
    .index_banner .swiper-container-rtl .swiper-button-next {
        left: 100px;
        color: #aaa;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {

    .index_banner .swiper-button-next,
    .index_banner .swiper-container-rtl .swiper-button-prev {
        right: 100px;
        color: #aaa;
    }

    .index_banner .swiper-button-prev,
    .index_banner .swiper-container-rtl .swiper-button-next {
        left: 100px;
        color: #aaa;
    }
}

@media (max-width: 767px) {

    .index_banner .swiper-button-next,
    .index_banner .swiper-container-rtl .swiper-button-prev {
        right: 15px;
        color: #aaa;
    }

    .index_banner .swiper-button-prev,
    .index_banner .swiper-container-rtl .swiper-button-next {
        left: 15px;
        color: #aaa;
    }
}

/* Ê×Ò³banner */

/* Ê×ҳͨÓÃÎÊÌâ */
@media (min-width: 1200px) {
    .pubtitle {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }

    .pubtitle .title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .pubtitle .title .left {
        font-size: 28px;
        color: #222;
    }

    .pubtitle .title .right {
        font-size: 16px;
        color: #666;
    }

    .pubtitle .more {
        font-size: 14px;
        color: #666;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .pubtitle {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }

    .pubtitle .title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .pubtitle .title .left {
        font-size: 28px;
        color: #222;
    }

    .pubtitle .title .right {
        font-size: 16px;
        color: #666;
    }

    .pubtitle .more {
        font-size: 14px;
        color: #666;
    }
}

@media (max-width: 767px) {
    .pubtitle {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .pubtitle .title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .pubtitle .title .left {
        font-size: 16px;
        color: #222;
    }

    .pubtitle .title .right {
        font-size: 12px;
        color: #666;
    }

    .pubtitle .more {
        font-size: 12px;
        color: #666;
    }
}

/* Ê×ҳͨÓÃÎÊÌâ */

/* ²úƷЧÀÍÏîÄ¿ */
@media (min-width: 1200px) {
    .index_proser {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
    }

    .index_proser .item_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_proser .item_list .item {
        width: calc(100% / 3 - 1px);
        box-sizing: border-box;
        padding: 40px;
        background-color: #e9ecf0;
        transition: all 0.3s;
        display: block;
    }

    .index_proser .item_list .item:hover {
        background-color: #066ddf;
    }

    .index_proser .item_list .item .p1 {
        width: 100%;
        font-size: 22px;
        color: #444;
        margin-bottom: 25px;
        font-weight: bold;
        transition: all 0.3s;
    }

    .index_proser .item_list .item .p2 {
        width: 100%;
        line-height: 26px;
        font-size: 16px;
        color: #444;
        margin-bottom: 25px;
        height: 78px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s;
    }

    .index_proser .item_list .item:hover .p1 {
        color: #fff;
    }

    .index_proser .item_list .item:hover .p2 {
        color: #fff;
    }

    .index_proser .item_list .item .p3 {
        width: 100%;
    }

    .index_proser .item_list .item .p3 img {
        width: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .index_proser {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
    }

    .index_proser .item_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_proser .item_list .item {
        width: calc(100% / 3 - 1px);
        box-sizing: border-box;
        padding: 40px;
        background-color: #e9ecf0;
        transition: all 0.3s;
        display: block;
    }

    .index_proser .item_list .item:hover {
        background-color: #066ddf;
    }

    .index_proser .item_list .item .p1 {
        width: 100%;
        font-size: 22px;
        color: #444;
        margin-bottom: 25px;
        font-weight: bold;
        transition: all 0.3s;
    }

    .index_proser .item_list .item .p2 {
        width: 100%;
        line-height: 26px;
        font-size: 16px;
        color: #444;
        margin-bottom: 25px;
        height: 78px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s;
    }

    .index_proser .item_list .item:hover .p1 {
        color: #fff;
    }

    .index_proser .item_list .item:hover .p2 {
        color: #fff;
    }

    .index_proser .item_list .item .p3 {
        width: 100%;
    }

    .index_proser .item_list .item .p3 img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .index_proser {
        width: 100%;
        background-color: #fff;
        padding: 40px 0;
    }

    .index_proser .item_list {
        width: 100%;
    }

    .index_proser .item_list .item {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 15px;
        background-color: #e9ecf0;
        transition: all 0.3s;
        margin-bottom: 15px;
    }

    .index_proser .item_list .item:hover {
        background-color: #066ddf;
    }

    .index_proser .item_list .item .p1 {
        width: 100%;
        font-size: 16px;
        color: #444;
        margin-bottom: 15px;
        font-weight: bold;
        transition: all 0.3s;
    }

    .index_proser .item_list .item .p2 {
        width: 100%;
        line-height: 25px;
        font-size: 14px;
        color: #444;
        margin-bottom: 15px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        transition: all 0.3s;
    }

    .index_proser .item_list .item:hover .p1 {
        color: #fff;
    }

    .index_proser .item_list .item:hover .p2 {
        color: #fff;
    }

    .index_proser .item_list .item .p3 {
        width: 100%;
    }

    .index_proser .item_list .item .p3 img {
        width: 100%;
    }
}

/* ²úƷЧÀÍÏîÄ¿ */

/* ²úÆ·ÐͺŠ*/
.mod .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
}

.mod .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.modpage {
    width: 100%;
    text-align: center;
    position: unset !important;
    margin-top: 20px;
}

.modpage .swiper-pagination-bullet {
    width: 20px !important;
    border-radius: 15px !important;
    margin: 0 5px;
    opacity: 1 !important;
}

.modpage .swiper-pagination-bullet-active {
    background: #066ddf !important;
}

@media (min-width: 1200px) {
    .index_promod {
        width: 100%;
        background-color: #e9ecf0;
        padding: 60px 0;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .index_promod {
        width: 100%;
        background-color: #e9ecf0;
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .index_promod {
        width: 100%;
        background-color: #e9ecf0;
        padding: 40px 0;
    }
}

/* ²úÆ·ÐͺŠ*/

/* Çå¾²ÓõçºÚ¿Æ¼¼ */
@media (min-width: 1200px) {
    .index_black {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
        overflow: hidden;
    }

    .index_black .box1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_black .box1 .l {
        width: 50%;
        padding: 40px;
        box-sizing: border-box;
        background-color: #005deb;
    }

    .index_black .box1 .l .p1 {
        width: 100%;
        font-size: 28px;
        color: #fff;
        margin-bottom: 20px;
    }

    .index_black .box1 .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #fff;
        line-height: 30px;
    }

    .index_black .box1 .r {
        width: 50%;
        overflow: hidden;
    }

    .index_black .box1 .r img {
        width: 100%;
        transition: all 0.3s;
    }

    .index_black .box1 .r img:hover {
        transform: scale(1.05);
    }

    .index_black .box2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom: 60px;
    }

    .index_black .box2 .item {
        width: calc(100% / 3);
        padding: 45px;
        padding-bottom: 30px;
        box-sizing: border-box;
        background-color: #e9ecf0;
        transition: all 0.3s;
    }

    .index_black .box2 .item:hover {
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
    }

    .index_black .box2 .item .p1 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .index_black .box2 .item .p2 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        font-size: 18px;
        color: #222;
    }

    .index_black .box2 .item .p3 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #444;
        line-height: 30px;
    }

    .index_black .box3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .index_black .box3.b2 {
        flex-direction: row-reverse;
    }

    .index_black .box3 .l {
        width: 50%;
        box-sizing: border-box;
    }

    .index_black .box3.b1 .l {
        padding-right: 35px;
    }

    .index_black .box3.b2 .l {
        padding-top: 40px;
        padding-left: 35px;
    }

    .index_black .box3 .l .p1 {
        width: 100%;
        font-size: 28px;
        color: #222;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p2 {
        width: 100%;
        font-size: 16px;
        color: #444;
        margin-bottom: 30px;
    }

    .index_black .box3 .l .p3 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 35px;
    }

    .index_black .box3 .l .p4 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: stretch;
        margin-top: 30px;
    }

    .index_black .box3 .l .p4 .bq {
        padding: 0 25px;
        height: 50px;
        margin-right: 10px;
        background-color: #066ddf;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more:hover {
        color: #066ddf;
    }

    .index_black .box3 .r {
        width: 50%;
    }

    .index_black .box3.b2 .r {
        display: flex;
        justify-content: flex-end;
    }

    .index_black .box4 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .index_black {
        width: 100%;
        background-color: #fff;
        padding: 60px 0;
        overflow: hidden;
    }

    .index_black .box1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_black .box1 .l {
        width: 50%;
        padding: 40px;
        box-sizing: border-box;
        background-color: #005deb;
    }

    .index_black .box1 .l .p1 {
        width: 100%;
        font-size: 28px;
        color: #fff;
        margin-bottom: 20px;
    }

    .index_black .box1 .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #fff;
        line-height: 30px;
    }

    .index_black .box1 .r {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .index_black .box1 .r img {
        height: 100%;
        transition: all 0.3s;
    }

    .index_black .box1 .r img:hover {
        transform: scale(1.05);
    }

    .index_black .box2 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom: 60px;
    }

    .index_black .box2 .item {
        width: calc(100% / 3);
        padding: 45px;
        padding-bottom: 30px;
        box-sizing: border-box;
        background-color: #e9ecf0;
        transition: all 0.3s;
    }

    .index_black .box2 .item:hover {
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
    }

    .index_black .box2 .item .p1 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .index_black .box2 .item .p2 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        font-size: 18px;
        color: #222;
    }

    .index_black .box2 .item .p3 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #444;
        line-height: 30px;
    }

    .index_black .box3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .index_black .box3.b2 {
        flex-direction: row-reverse;
    }

    .index_black .box3 .l {
        width: 50%;
        box-sizing: border-box;
    }

    .index_black .box3.b1 .l {
        padding-right: 35px;
    }

    .index_black .box3.b2 .l {
        padding-top: 40px;
        padding-left: 35px;
    }

    .index_black .box3 .l .p1 {
        width: 100%;
        font-size: 28px;
        color: #222;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p2 {
        width: 100%;
        font-size: 16px;
        color: #444;
        margin-bottom: 30px;
    }

    .index_black .box3 .l .p3 {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 35px;
    }

    .index_black .box3 .l .p4 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: stretch;
        margin-top: 30px;
    }

    .index_black .box3 .l .p4 .bq {
        padding: 0 25px;
        height: 50px;
        margin-right: 10px;
        background-color: #066ddf;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more:hover {
        color: #066ddf;
    }

    .index_black .box3 .r {
        width: 50%;
    }

    .index_black .box3.b2 .r {
        display: flex;
        justify-content: flex-end;
    }

    .index_black .box4 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 15px;
    }

    .index_black .box4 .item {
        /* margin-bottom: 15px; */
    }
}

@media (max-width: 767px) {
    .index_black {
        width: 100%;
        background-color: #fff;
        padding: 40px 0;
        overflow: hidden;
    }

    .index_black .box1 {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 15px;
    }

    .index_black .box1 .l {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #005deb;
    }

    .index_black .box1 .l .p1 {
        width: 100%;
        font-size: 16px;
        color: #fff;
        margin-bottom: 15px;
    }

    .index_black .box1 .l .p2 {
        width: 100%;
        font-size: 12px;
        color: #fff;
        line-height: 30px;
    }

    .index_black .box1 .r {
        width: 100%;
    }

    .index_black .box1 .r img {
        width: 100%;
    }

    .index_black .box2 {
        width: 100%;
        margin-bottom: 40px;
    }

    .index_black .box2 .item {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #e9ecf0;
        transition: all 0.3s;
        margin-bottom: 15px;
    }

    .index_black .box2 .item:hover {
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
    }

    .index_black .box2 .item .p1 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .index_black .box2 .item .p1 img {
        width: 40px;
    }

    .index_black .box2 .item .p2 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        font-size: 16px;
        color: #222;
    }

    .index_black .box2 .item .p3 {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #444;
        line-height: 25px;
    }

    .index_black .box3 {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 15px;
    }

    .index_black .box3 .l {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        margin-bottom: 15px;
    }

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

    .index_black .box3 .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #444;
        margin-bottom: 15px;
        text-align: center;
    }

    .index_black .box3 .l .p3 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
    }

    .index_black .box3 .l .p4 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: stretch;
        margin-top: 15px;
    }

    .index_black .box3 .l .p4 .bq {
        padding: 0 15px;
        height: 30px;
        margin-right: 10px;
        background-color: #066ddf;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .index_black .box3 .l .p4 .more:hover {
        color: #066ddf;
    }

    .index_black .box3 .r {
        width: 100%;
        margin-bottom: 15px;
    }

    .index_black .box3 .r img {
        width: 100%;
    }

    .index_black .box4 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 40px;
        gap: 15px;
    }

    .index_black .box4 .item {
        /* margin-bottom: 15px; */
    }
}

/* Çå¾²ÓõçºÚ¿Æ¼¼ */

/* ×ÊѶÈÈÏß */
@media (min-width: 1200px) {
    .zxrx {
        width: 100%;
        height: 220px;
        padding: 45px 0;
        box-sizing: border-box;
        background-color: #066ddf;
        background-image: url(/Public/images/lx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .zxrx .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

    .zxrx .main .l {
        width: 710px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .zxrx .main .l .p1 {
        font-size: 18px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 21px;
    }

    .zxrx .main .l .p2 {
        padding: 0 40px;
        height: 45px;
        box-sizing: border-box;
        border: 1px solid #fff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 18px;
        color: #fff;
        border-radius: 25px;
    }

    .zxrx .main .l .p2 .num a {
        font-size: 24px;
        font-style: oblique;
        color: white;
    }

    .zxrx .main .r {
        position: absolute;
        right: 0;
        bottom: -45px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .zxrx {
        width: 100%;
        height: 220px;
        padding: 45px 0;
        box-sizing: border-box;
        background-color: #066ddf;
        background-image: url(/Public/images/lx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .zxrx .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

    .zxrx .main .l {
        width: 710px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .zxrx .main .l .p1 {
        font-size: 18px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 21px;
    }

    .zxrx .main .l .p2 {
        padding: 0 40px;
        height: 45px;
        box-sizing: border-box;
        border: 1px solid #fff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 18px;
        color: #fff;
        border-radius: 25px;
    }

    .zxrx .main .l .p2 .num a {
        font-size: 24px;
        font-style: oblique;
        color: white;
    }

    .zxrx .main .r {
        display: none;
    }
}

@media (max-width: 767px) {
    .zxrx {
        width: 100%;
        padding: 25px 0;
        box-sizing: border-box;
        background-color: #066ddf;
        background-image: url(/Public/images/lx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .zxrx .main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

    .zxrx .main .l {
        width: 710px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .zxrx .main .l .p1 {
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        margin-bottom: 21px;
    }

    .zxrx .main .l .p2 {
        padding: 0 20px;
        height: 35px;
        box-sizing: border-box;
        border: 1px solid #fff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #fff;
        border-radius: 25px;
    }

    .zxrx .main .l .p2 .num a {
        font-size: 16px;
        font-style: oblique;
        color: white;
    }

    .zxrx .main .r {
        display: none;
    }
}

/* ×ÊѶÈÈÏß */

/* ÐÂÎÅ×ÊѶ */
@media (min-width: 1200px) {
    .index_news {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .index_news .item_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_news .item_list .l {
        width: 500px;
        margin-right: 30px;
        display: block;
        transition: all 0.3s;
    }

    .index_news .item_list .l .pic {
        width: 100%;
        height: 300px;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .index_news .item_list .l .pic img {
        width: 100%;
        transition: all 0.3s;
    }

    .index_news .item_list .l .pic img:hover {
        transform: scale(1.05);
    }

    .index_news .item_list .l .pic .title {
        width: 100%;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        padding: 0 15px;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.3s;
    }

    .index_news .item_list .l:hover .pic .title {
        color: #066ddf;
    }

    .index_news .item_list .l .p1 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .index_news .item_list .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
    }

    .index_news .item_list .r {
        width: calc(100% - 530px);
    }

    .index_news .item_list .r .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 90px;
        box-sizing: border-box;
        padding: 20px 25px;
        padding-right: 45px;
        background-color: #f5f5f5;
        margin-bottom: 17px;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:last-child {
        margin-bottom: 0;
    }

    .index_news .item_list .r .item:hover {
        background-color: #066ddf;
    }

    .index_news .item_list .r .item .left {
        width: calc(100% - 45px);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .index_news .item_list .r .item .left .p1 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #888;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p1 {
        color: #fff;
    }

    .index_news .item_list .r .item .left .p2 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p2 {
        color: #fff;
    }

    .index_news .item_list .r .item .right {
        width: 45px;
        text-align: right;
        font-size: 16px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .right {
        color: #fff;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .index_news {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .index_news .item_list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .index_news .item_list .l {
        width: 400px;
        margin-right: 30px;
        display: block;
        transition: all 0.3s;
    }

    .index_news .item_list .l .pic {
        width: 100%;
        height: 240px;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .index_news .item_list .l .pic img {
        width: 100%;
        transition: all 0.3s;
    }

    .index_news .item_list .l .pic img:hover {
        transform: scale(1.05);
    }

    .index_news .item_list .l .pic .title {
        width: 100%;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        padding: 0 15px;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.3s;
    }

    .index_news .item_list .l:hover .pic .title {
        color: #066ddf;
    }

    .index_news .item_list .l .p1 {
        width: 100%;
        font-size: 14px;
        color: #888;
        line-height: 25px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .index_news .item_list .l .p2 {
        width: 100%;
        font-size: 14px;
        color: #888;
    }

    .index_news .item_list .r {
        width: calc(100% - 430px);
    }

    .index_news .item_list .r .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 90px;
        box-sizing: border-box;
        padding: 20px 25px;
        padding-right: 45px;
        background-color: #f5f5f5;
        margin-bottom: 17px;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:last-child {
        margin-bottom: 0;
    }

    .index_news .item_list .r .item:hover {
        background-color: #066ddf;
    }

    .index_news .item_list .r .item .left {
        width: calc(100% - 45px);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .index_news .item_list .r .item .left .p1 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #888;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p1 {
        color: #fff;
    }

    .index_news .item_list .r .item .left .p2 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p2 {
        color: #fff;
    }

    .index_news .item_list .r .item .right {
        width: 45px;
        text-align: right;
        font-size: 16px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .right {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .index_news {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .index_news .item_list {
        width: 100%;
    }

    .index_news .item_list .l {
        width: 100%;
        display: block;
        transition: all 0.3s;
        margin-bottom: 25px;
    }

    .index_news .item_list .l .pic {
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .index_news .item_list .l .pic img {
        width: 100%;
    }

    .index_news .item_list .l .pic .title {
        width: 100%;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        padding: 0 15px;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.3s;
    }

    .index_news .item_list .l:hover .pic .title {
        color: #066ddf;
    }

    .index_news .item_list .l .p1 {
        width: 100%;
        font-size: 12px;
        color: #888;
        line-height: 25px;
        height: 50px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .index_news .item_list .l .p2 {
        width: 100%;
        font-size: 12px;
        color: #888;
    }

    .index_news .item_list .r {
        width: 100%;
    }

    .index_news .item_list .r .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 70px;
        box-sizing: border-box;
        padding: 10px 15px;
        padding-right: 25px;
        background-color: #f5f5f5;
        margin-bottom: 17px;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:last-child {
        margin-bottom: 0;
    }

    .index_news .item_list .r .item:hover {
        background-color: #066ddf;
    }

    .index_news .item_list .r .item .left {
        width: calc(100% - 45px);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .index_news .item_list .r .item .left .p1 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        color: #888;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p1 {
        color: #fff;
    }

    .index_news .item_list .r .item .left .p2 {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .left .p2 {
        color: #fff;
    }

    .index_news .item_list .r .item .right {
        width: 45px;
        text-align: right;
        font-size: 14px;
        color: #444;
        transition: all 0.3s;
    }

    .index_news .item_list .r .item:hover .right {
        color: #fff;
    }
}

/* ÐÂÎÅ×ÊѶ */

/* footer */
@media (min-width: 1200px) {
    .footer {
        width: 100%;
    }

    .footer .up {
        width: 100%;
        padding: 30px 0;
        background-color: #f5f5f5;
    }

    .footer .up .main {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .footer .up .main .n1 {
        width: 185px;
    }

    .footer .up .main .n2 {
        width: 200px;
    }

    .footer .up .main .nav {}

    .footer .up .main .nav .title {
        width: 100%;
        font-size: 18px;
        color: #333;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .footer .up .main .nav.n1 .con,
    .footer .up .main .nav.n2 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer .up .main .nav .con .item {
        font-size: 14px;
        color: #666;
        min-width: 49%;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p1 {
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p2 a {
        font-size: 24px;
        color: #fc8816;
    }

    .footer .down {
        width: 100%;
        height: 60px;
        background-color: #222;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }

    .footer .down .icp {
        color: white;
        margin-left: 10px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .footer {
        width: 100%;
    }

    .footer .up {
        width: 100%;
        padding: 30px 0;
        background-color: #f5f5f5;
    }

    .footer .up .main {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .footer .up .main .n1 {
        width: 185px;
    }

    .footer .up .main .n2 {
        width: 200px;
    }

    .footer .up .main .nav {}

    .footer .up .main .nav .title {
        width: 100%;
        font-size: 18px;
        color: #333;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .footer .up .main .nav.n1 .con,
    .footer .up .main .nav.n2 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer .up .main .nav .con .item {
        font-size: 14px;
        color: #666;
        min-width: 49%;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p1 {
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p2 a {
        font-size: 24px;
        color: #fc8816;
    }

    .footer .down {
        width: 100%;
        height: 60px;
        background-color: #222;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
    }

    .footer .down .icp {
        color: white;
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
    .footer {
        width: 100%;
    }

    .footer .up {
        width: 100%;
        padding: 20px 0;
        background-color: #f5f5f5;
    }

    .footer .up .main {}

    .footer .up .main .nav {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer .up .main .nav .title {
        width: 100%;
        font-size: 16px;
        color: #333;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .footer .up .main .nav.n1 .con,
    .footer .up .main .nav.n2 .con {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .footer .up .main .nav .con .item {
        font-size: 14px;
        color: #666;
        min-width: 20%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p1 {
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .footer .up .main .nav .con .p2 a {
        font-size: 24px;
        color: #fc8816;
    }

    .footer .down {
        width: 100%;
        height: 40px;
        background-color: #222;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
    }

    .footer .down .icp {
        color: white;
        display: block;
        text-align: center;
    }
}

/* footer */


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

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

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

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

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

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

.banner.b7 {
    background-image: url(/Public/images/newpic/banner-2.jpg);
}

@media (min-width: 1200px) {
    .banner {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner .title {
        font-size: 24px;
        color: #fff;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .banner {
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner .title {
        font-size: 24px;
        color: #fff;
    }
}

@media (max-width: 767px) {
    .banner {
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner .title {
        font-size: 14px;
        color: #fff;
    }
}

/* banner */

/* aboutͨÓÃÎÊÌâ */
@media (min-width: 1200px) {
    .pubtitle2 {
        width: 100%;
        margin-bottom: 50px;
    }

    .pubtitle2 .p1 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        color: #333;
        margin-bottom: 25px;
    }

    .pubtitle2 .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .pubtitle2 {
        width: 100%;
        margin-bottom: 50px;
    }

    .pubtitle2 .p1 {
        width: 100%;
        text-align: center;
        font-size: 28px;
        color: #333;
        margin-bottom: 25px;
    }

    .pubtitle2 .p2 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 767px) {
    .pubtitle2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .pubtitle2 .p1 {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #333;
        margin-bottom: 25px;
    }

    .pubtitle2 .p2 {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #333;
    }
}

/* aboutͨÓÃÎÊÌâ */

/* ¹ØÓÚhjc888»Æ½ð³Ç */
@media (min-width: 1200px) {
    .about_box1 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .about_box1 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .about_box1 .con .jia {
        width: 100px;
        background-image: url(/Public/images/jia.png);
        background-position: center 65px;
        background-repeat: no-repeat;
    }

    .about_box1 .con .item {
        width: 280px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .about_box1 .con .item .yuan1 {
        width: 170px;
        height: 170px;
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .about_box1 .con .item .yuan1:hover {
        animation: tan 0.5s linear;
    }

    .about_box1 .con .item .yuan1 .yuan2 {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        box-sizing: border-box;
        padding: 20px;
    }

    .about_box1 .con .item .yuan1 .yuan2.y1 {
        background-color: #3f8ed1;
    }

    .about_box1 .con .item .yuan1 .yuan2.y2 {
        background-color: #2bb4d1;
    }

    .about_box1 .con .item .intro {
        width: 100%;
        font-size: 14px;
        color: #333;
        text-align: center;
        line-height: 27px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .about_box1 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .about_box1 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .about_box1 .con .jia {
        width: 100px;
        background-image: url(/Public/images/jia.png);
        background-position: center 65px;
        background-repeat: no-repeat;
    }

    .about_box1 .con .item {
        width: 280px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .about_box1 .con .item .yuan1 {
        width: 170px;
        height: 170px;
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .about_box1 .con .item .yuan1:hover {
        animation: tan 0.5s linear;
    }

    .about_box1 .con .item .yuan1 .yuan2 {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        box-sizing: border-box;
        padding: 20px;
    }

    .about_box1 .con .item .yuan1 .yuan2.y1 {
        background-color: #3f8ed1;
    }

    .about_box1 .con .item .yuan1 .yuan2.y2 {
        background-color: #2bb4d1;
    }

    .about_box1 .con .item .intro {
        width: 100%;
        font-size: 14px;
        color: #333;
        text-align: center;
        line-height: 27px;
    }
}

@media (max-width: 767px) {
    .about_box1 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .about_box1 .con {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .about_box1 .con .jia {
        display: none;
    }

    .about_box1 .con .item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .about_box1 .con .item:last-child {
        margin-bottom: 0;
    }

    .about_box1 .con .item .yuan1 {
        width: 120px;
        height: 120px;
        background-color: #fff;
        box-shadow: 0 0 15px #ddd;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .about_box1 .con .item .yuan1:hover {
        animation: tan 0.5s linear;
    }

    .about_box1 .con .item .yuan1 .yuan2 {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 14px;
        color: #fff;
        box-sizing: border-box;
        padding: 20px;
    }

    .about_box1 .con .item .yuan1 .yuan2.y1 {
        background-color: #3f8ed1;
    }

    .about_box1 .con .item .yuan1 .yuan2.y2 {
        background-color: #2bb4d1;
    }

    .about_box1 .con .item .intro {
        width: 100%;
        font-size: 14px;
        color: #333;
        text-align: center;
        line-height: 27px;
    }
}

/* ¹ØÓÚhjc888»Æ½ð³Ç */

/* Ñ¡Ôñhjc888»Æ½ð³ÇÓÅÊÆ */
@media (min-width: 1200px) {
    .about_box2 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/ys.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about_box2 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .about_box2 .con .item {
        width: 340px;
    }

    .about_box2 .con .item .up {
        width: 100%;
        height: 240px;
        overflow: hidden;
    }

    .about_box2 .con .item .up img {
        width: 100%;
        transition: all 0.3s;
    }

    .about_box2 .con .item .up img:hover {
        transform: scale(1.05);
    }

    .about_box2 .con .item .down {
        width: 100%;
        height: calc(100% - 240px);
        padding: 20px;
        box-sizing: border-box;
        background-color: #535353;
    }

    .about_box2 .con .item .down .p1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }

    .about_box2 .con .item .down .p2 {
        width: 100%;
        font-size: 12px;
        color: #ddd;
        line-height: 25px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .about_box2 {
        width: 100%;
        padding: 60px 0;
        padding-bottom: 35px;
        background-image: url(/Public/images/ys.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about_box2 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .about_box2 .con .item {
        width: 340px;
        margin-bottom: 25px;
    }

    .about_box2 .con .item .up {
        width: 100%;
        height: 240px;
        overflow: hidden;
    }

    .about_box2 .con .item .up img {
        width: 100%;
        transition: all 0.3s;
    }

    .about_box2 .con .item .up img:hover {
        transform: scale(1.05);
    }

    .about_box2 .con .item .down {
        width: 100%;
        height: calc(100% - 240px);
        padding: 20px;
        box-sizing: border-box;
        background-color: #535353;
    }

    .about_box2 .con .item .down .p1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }

    .about_box2 .con .item .down .p2 {
        width: 100%;
        font-size: 12px;
        color: #ddd;
        line-height: 25px;
    }
}

@media (max-width: 767px) {
    .about_box2 {
        width: 100%;
        padding: 40px 0;
        background-image: url(/Public/images/ys.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about_box2 .con {
        width: 100%;
    }

    .about_box2 .con .item {
        width: 100%;
        margin-bottom: 15px;
    }

    .about_box2 .con .item .up {
        width: 100%;
        overflow: hidden;
    }

    .about_box2 .con .item .up img {
        width: 100%;
        transition: all 0.3s;
    }

    .about_box2 .con .item .up img:hover {
        transform: scale(1.05);
    }

    .about_box2 .con .item .down {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background-color: #535353;
    }

    .about_box2 .con .item .down .p1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
    }

    .about_box2 .con .item .down .p2 {
        width: 100%;
        font-size: 12px;
        color: #ddd;
        line-height: 25px;
    }
}

/* Ñ¡Ôñhjc888»Æ½ð³ÇÓÅÊÆ */

/* ÏàÖúµ¥Î» */
@media (min-width: 1200px) {
    .about_box3 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .about_box3 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: stretch;
    }

    .about_box3 .con .item {
        width: 445px;
        padding: 0 35px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .about_box3 .con .item .pic {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .about_box3 .con .item .pic:hover {
        animation: tan2 0.5s linear;
    }

    .about_box3 .con .item .title {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #333;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .about_box3 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .about_box3 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: stretch;
    }

    .about_box3 .con .item {
        width: 445px;
        padding: 0 35px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .about_box3 .con .item .pic {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .about_box3 .con .item .pic:hover {
        animation: tan2 0.5s linear;
    }

    .about_box3 .con .item .title {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #333;
    }
}

@media (max-width: 767px) {
    .about_box3 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .about_box3 .con {
        width: 100%;
    }

    .about_box3 .con .item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .about_box3 .con .item .pic {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .about_box3 .con .item .pic:hover {
        animation: tan2 0.5s linear;
    }

    .about_box3 .con .item .pic img {
        max-width: 100%;
    }

    .about_box3 .con .item .title {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #333;
    }
}

/* ÏàÖúµ¥Î» */

/* ÆóÒµÎÄ»¯ */
@media (min-width: 1200px) {
    .about_box4 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
        margin-bottom: 60px;
    }

    .about_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .about_box4 .con .item {
        width: 210px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .about_box4 .con .item .p1 {
        width: 114px;
        height: 132px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px;
    }

    .about_box4 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .about_box4 .con .item:nth-child(1) .p1 {
        background-image: url(/Public/images/wh1.png);
    }

    .about_box4 .con .item:nth-child(2) .p1 {
        background-image: url(/Public/images/wh2.png);
    }

    .about_box4 .con .item:nth-child(3) .p1 {
        background-image: url(/Public/images/wh3.png);
    }

    .about_box4 .con .item:nth-child(4) .p1 {
        background-image: url(/Public/images/wh4.png);
    }

    .about_box4 .con .item .p2 {
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .about_box4 .con .item .p3 {
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .about_box4 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
        margin-bottom: 35px;
    }

    .about_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }

    .about_box4 .con .item {
        width: 210px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 25px;
    }

    .about_box4 .con .item .p1 {
        width: 114px;
        height: 132px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px;
    }

    .about_box4 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .about_box4 .con .item:nth-child(1) .p1 {
        background-image: url(/Public/images/wh1.png);
    }

    .about_box4 .con .item:nth-child(2) .p1 {
        background-image: url(/Public/images/wh2.png);
    }

    .about_box4 .con .item:nth-child(3) .p1 {
        background-image: url(/Public/images/wh3.png);
    }

    .about_box4 .con .item:nth-child(4) .p1 {
        background-image: url(/Public/images/wh4.png);
    }

    .about_box4 .con .item .p2 {
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .about_box4 .con .item .p3 {
        font-size: 16px;
        color: #333;
    }
}

@media (max-width: 767px) {
    .about_box4 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .about_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .about_box4 .con .item {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 25px;
    }

    .about_box4 .con .item .p1 {
        width: 114px;
        height: 132px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 5px;
    }

    .about_box4 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .about_box4 .con .item:nth-child(1) .p1 {
        background-image: url(/Public/images/wh1.png);
    }

    .about_box4 .con .item:nth-child(2) .p1 {
        background-image: url(/Public/images/wh2.png);
    }

    .about_box4 .con .item:nth-child(3) .p1 {
        background-image: url(/Public/images/wh3.png);
    }

    .about_box4 .con .item:nth-child(4) .p1 {
        background-image: url(/Public/images/wh4.png);
    }

    .about_box4 .con .item .p2 {
        font-size: 12px;
        color: #333;
    }

    .about_box4 .con .item .p3 {
        font-size: 12px;
        color: #333;
    }
}

/* ÆóÒµÎÄ»¯ */

/* ¡°½à°²Ñ¸¡±²úÆ· */
@media (min-width: 1200px) {
    .ser_box1 {
        width: 100%;
        padding: 60px 0;
        padding-bottom: 0;
        background-color: #fff;
    }

    .ser_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .ser_box1 .con .item {
        width: 255px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .ser_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .ser_box1 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .ser_box1 .con .item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 25px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box1 {
        width: 100%;
        padding: 60px 0;
        padding-bottom: 0;
        background-color: #fff;
    }

    .ser_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .ser_box1 .con .item {
        width: 255px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .ser_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .ser_box1 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .ser_box1 .con .item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 25px;
    }
}

@media (max-width: 767px) {
    .ser_box1 {
        width: 100%;
        padding: 40px 0;
        padding-bottom: 0;
        background-color: #fff;
    }

    .ser_box1 .con {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .ser_box1 .con .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
    }

    .ser_box1 .con .item:last-child {
        margin-bottom: 0;
    }

    .ser_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .ser_box1 .con .item:hover .p1 {
        animation: tan2 0.5s linear;
    }

    .ser_box1 .con .item .p2 {
        width: 100%;
        font-size: 14px;
        color: #333;
        line-height: 25px;
        text-align: center;
    }
}

/* ¡°½à°²Ñ¸¡±²úÆ· */

/* ²úƷЧÀÍ */
@media (min-width: 1200px) {
    .ser_box2 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box2 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .ser_box2 .con .item {
        width: calc(100% / 3 - 1px);
        padding: 40px;
        box-sizing: border-box;
        transition: all 0.3s;
        background-color: #e9ecf0;
    }

    .ser_box2 .con .item:hover {
        background-color: #066ddf;
    }

    .ser_box2 .con .item .p1 {
        width: 100%;
        font-size: 22px;
        color: #444;
        margin-bottom: 20px;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p1 {
        color: #fff;
    }

    .ser_box2 .con .item .p2 {
        width: 100%;
        height: 75px;
        font-size: 16px;
        color: #444;
        line-height: 25px;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p2 {
        color: #fff;
    }

    .ser_box2 .con .item .p3 {
        width: 100%;
    }

    .ser_box2 .con .item .p3 img {
        width: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box2 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box2 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ser_box2 .con .item {
        width: 399px;
        padding: 40px;
        box-sizing: border-box;
        transition: all 0.3s;
        background-color: #e9ecf0;
        margin-bottom: 20px;
    }

    .ser_box2 .con .item:hover {
        background-color: #066ddf;
    }

    .ser_box2 .con .item .p1 {
        width: 100%;
        font-size: 22px;
        color: #444;
        margin-bottom: 20px;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p1 {
        color: #fff;
    }

    .ser_box2 .con .item .p2 {
        width: 100%;
        height: 75px;
        font-size: 16px;
        color: #444;
        line-height: 25px;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p2 {
        color: #fff;
    }

    .ser_box2 .con .item .p3 {
        width: 100%;
    }

    .ser_box2 .con .item .p3 img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .ser_box2 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .ser_box2 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ser_box2 .con .item {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        transition: all 0.3s;
        background-color: #e9ecf0;
        margin-bottom: 15px;
    }

    .ser_box2 .con .item:hover {
        background-color: #066ddf;
    }

    .ser_box2 .con .item .p1 {
        width: 100%;
        font-size: 18px;
        color: #444;
        margin-bottom: 15px;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p1 {
        color: #fff;
    }

    .ser_box2 .con .item .p2 {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s;
    }

    .ser_box2 .con .item:hover .p2 {
        color: #fff;
    }

    .ser_box2 .con .item .p3 {
        width: 100%;
    }

    .ser_box2 .con .item .p3 img {
        width: 100%;
    }
}

/* ²úƷЧÀÍ */

/* ²úÆ·ÌØÕ÷ */
.cptx .swiper-wrapper {
    align-items: stretch;
}

.cptx+.swiper-pagination {
    width: 100%;
    text-align: center;
    position: unset;
    margin-top: 20px;
}

.cptx+.swiper-pagination .swiper-pagination-bullet {
    width: 20px !important;
    border-radius: 10px !important;
    margin: 0 5px;
}

.cptx .swiper-slide {
    height: auto !important;
}

.cptx .swiper-slide .up {
    width: 100%;
    height: 50px;
    background-color: #1296db;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
}

.cptx .swiper-slide .down {
    width: 100%;
    height: calc(100% - 50px);
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #444;
    line-height: 30px;
}

@media (min-width: 1200px) {
    .ser_box3 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/tx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ser_box3 .pubtitle2 {
        margin-bottom: 20px;
    }

    .ser_box3 .pubtitle2 * {
        color: #fff;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box3 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/tx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ser_box3 .pubtitle2 {
        margin-bottom: 20px;
    }

    .ser_box3 .pubtitle2 * {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .ser_box3 {
        width: 100%;
        padding: 40px 0;
        background-image: url(/Public/images/tx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ser_box3 .pubtitle2 {
        margin-bottom: 20px;
    }

    .ser_box3 .pubtitle2 * {
        color: #fff;
    }
}

/* ²úÆ·ÌØÕ÷ */

/* ²úÆ·Ó¦ÓÃ */
@media (min-width: 1200px) {
    .ser_box4 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .ser_box4 .con .item {
        width: 280px;
        position: relative;
        overflow: hidden;
    }

    .ser_box4 .con .item .pic {
        width: 100%;
        transition: all 0.3s;
    }

    .ser_box4 .con .item:hover .pic {
        transform: scale(1.05);
    }

    .ser_box4 .con .item .title {
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box4 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .ser_box4 .con .item {
        width: 280px;
        position: relative;
        overflow: hidden;
    }

    .ser_box4 .con .item .pic {
        width: 100%;
        transition: all 0.3s;
    }

    .ser_box4 .con .item:hover .pic {
        transform: scale(1.05);
    }

    .ser_box4 .con .item .title {
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
    }
}

@media (max-width: 767px) {
    .ser_box4 {
        width: 100%;
        padding: 40px 0;
        padding-bottom: 25px;
        background-color: #fff;
    }

    .ser_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ser_box4 .con .item {
        width: 49%;
        position: relative;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .ser_box4 .con .item .pic {
        width: 100%;
        transition: all 0.3s;
    }

    .ser_box4 .con .item:hover .pic {
        transform: scale(1.05);
    }

    .ser_box4 .con .item .title {
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
    }
}

/* ²úÆ·Ó¦ÓÃ */

/* ²úƷϵÁÐ */
.mod2 .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
    position: relative;
    cursor: pointer;
}

.mod2 .swiper-slide-active,
.mod2 .swiper-slide-duplicate-active {
    transform: scale(1);
}

.mod2 .swiper-slide .title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.mod2 .swiper-slide .title .p1 {
    font-size: 14px;
    color: #fff;
    position: absolute;
}

.mod2 .swiper-slide .title .p1::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Public/images/jh.png);
}

.mod2 .swiper-slide:hover .title {
    opacity: 1;
    z-index: 1;
}


.mod .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
    position: relative;
    cursor: pointer;
}

.mod .swiper-slide-active,
.mod .swiper-slide-duplicate-active {
    transform: scale(1);
}

.mod .swiper-slide .title {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.mod .swiper-slide .title .p1 {
    font-size: 14px;
    color: #fff;
    position: absolute;
}

.mod .swiper-slide .title .p1::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Public/images/jh.png);
}

.mod .swiper-slide:hover .title {
    opacity: 1;
    z-index: 1;
}

.modpage2 {
    width: 100%;
    text-align: center;
    position: unset !important;
    margin-top: 20px;
}

.modpage2 .swiper-pagination-bullet {
    width: 20px !important;
    border-radius: 15px !important;
    margin: 0 5px;
    opacity: 1 !important;
}

.modpage2 .swiper-pagination-bullet-active {
    background: #066ddf !important;
}

@media (min-width: 1200px) {
    .ser_box5 {
        width: 100%;
        padding: 60px 0;
        background-color: #f5f5f5;
    }
}

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

@media (max-width: 767px) {
    .ser_box5 {
        width: 100%;
        padding: 40px 0;
        background-color: #f5f5f5;
    }
}

/* ²úƷϵÁÐ */

/* ²úÆ·×ÊÖÊ */
@media (min-width: 1200px) {
    .ser_box6 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .zizhi .swiper-button-prev,
    .zizhi .swiper-button-next {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px 5px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box6 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .zizhi .swiper-button-prev,
    .zizhi .swiper-button-next {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px 5px;
    }
}

@media (max-width: 767px) {
    .ser_box6 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .zizhi .swiper-button-prev,
    .zizhi .swiper-button-next {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px 5px;
    }
}

/* ²úÆ·×ÊÖÊ */

/* ÐÐÒµÁìÓò */
@media (min-width: 1200px) {
    .ser_box7 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box7 .con {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 30px;
    }

    .ser_box7 .con .item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .ser_box7 .con .item.i2 {
        flex-direction: row-reverse
    }

    .ser_box7 .con .item .p1 {
        width: 500px;
    }

    .ser_box7 .con .item .p1 .pic {
        width: 100%;
    }

    .ser_box7 .con .item .p2 {
        width: calc(100% - 500px);
        box-sizing: border-box;
        padding: 40px 30px;
        background-color: #F7F9FA;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 30px;
    }

    .ser_box7 .con .item .p2 .a1 {
        font-size: 28px;
        color: #333;
        font-weight: bold;
    }

    .ser_box7 .con .item .p2 .a2 {
        font-size: 18px;
        color: #666;
        line-height: 32px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box7 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .ser_box7 .con {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 30px;
    }

    .ser_box7 .con .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        background-color: #F7F9FA;
        padding: 40px 30px;
        box-sizing: border-box;
    }

    .ser_box7 .con .item .p1 {
        width: 500px;
    }

    .ser_box7 .con .item .p1 .pic {
        width: 100%;
    }

    .ser_box7 .con .item .p2 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
    }

    .ser_box7 .con .item .p2 .a1 {
        font-size: 28px;
        color: #333;
        font-weight: bold;
    }

    .ser_box7 .con .item .p2 .a2 {
        font-size: 18px;
        color: #666;
        line-height: 32px;
    }
}

@media (max-width: 767px) {
    .ser_box7 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .ser_box7 .con {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }

    .ser_box7 .con .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        background-color: #F7F9FA;
        padding: 20px 15px;
        box-sizing: border-box;
    }

    .ser_box7 .con .item .p1 {
        width: 100%;
    }

    .ser_box7 .con .item .p1 .pic {
        width: 100%;
    }

    .ser_box7 .con .item .p2 {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 15px;
    }

    .ser_box7 .con .item .p2 .a1 {
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }

    .ser_box7 .con .item .p2 .a2 {
        font-size: 14px;
        color: #666;
        line-height: 25px;
    }
}

/* ÐÐÒµÁìÓò */

/* °ü¹Ü */
@media (min-width: 1200px) {
    .bz_box1 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .bz_box1 .con .item {
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .bz_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .bz_box1 .con .item:hover .p1 {
        animation: tan3 0.2s linear;
    }

    .bz_box1 .con .item .p2 {
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        color: #333;
        position: relative;
        z-index: 1;
    }

    .bz_box1 .con .item .p2::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 60px;
        color: #eee;
        z-index: -1;
    }

    .bz_box1 .con .item:nth-child(1) .p2::after {
        content: '01';
    }

    .bz_box1 .con .item:nth-child(2) .p2::after {
        content: '02';
    }

    .bz_box1 .con .item:nth-child(3) .p2::after {
        content: '03';
    }

    .bz_box1 .con .item:nth-child(4) .p2::after {
        content: '04';
    }

    .bz_box1 .con .item:nth-child(5) .p2::after {
        content: '05';
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box1 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .bz_box1 .con .item {
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .bz_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .bz_box1 .con .item:hover .p1 {
        animation: tan3 0.2s linear;
    }

    .bz_box1 .con .item .p2 {
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        color: #333;
        position: relative;
        z-index: 1;
    }

    .bz_box1 .con .item .p2::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 60px;
        color: #eee;
        z-index: -1;
    }

    .bz_box1 .con .item:nth-child(1) .p2::after {
        content: '01';
    }

    .bz_box1 .con .item:nth-child(2) .p2::after {
        content: '02';
    }

    .bz_box1 .con .item:nth-child(3) .p2::after {
        content: '03';
    }

    .bz_box1 .con .item:nth-child(4) .p2::after {
        content: '04';
    }

    .bz_box1 .con .item:nth-child(5) .p2::after {
        content: '05';
    }
}

@media (max-width: 767px) {
    .bz_box1 {
        width: 100%;
        padding: 40px 0;
        padding-bottom: 25px;
        background-color: #fff;
    }

    .bz_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .bz_box1 .con .item {
        width: 49%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .bz_box1 .con .item .p1 {
        margin-bottom: 15px;
    }

    .bz_box1 .con .item:hover .p1 {
        animation: tan3 0.2s linear;
    }

    .bz_box1 .con .item .p1 img {
        max-width: 100%;
    }

    .bz_box1 .con .item .p2 {
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #333;
        position: relative;
        z-index: 1;
    }

    .bz_box1 .con .item .p2::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 45px;
        color: #eee;
        z-index: -1;
    }

    .bz_box1 .con .item:nth-child(1) .p2::after {
        content: '01';
    }

    .bz_box1 .con .item:nth-child(2) .p2::after {
        content: '02';
    }

    .bz_box1 .con .item:nth-child(3) .p2::after {
        content: '03';
    }

    .bz_box1 .con .item:nth-child(4) .p2::after {
        content: '04';
    }

    .bz_box1 .con .item:nth-child(5) .p2::after {
        content: '05';
    }
}

/* °ü¹Ü */

/* ²úÆ·°ü¹Üϵͳ */
@media (min-width: 1200px) {
    .bz_box2 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/bztx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box2 .pubtitle2 * {
        color: #fff;
    }

    .bz_box2 .con {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        background-color: #fff;
    }

    .bz_box2 .con .l {
        width: 180px;
    }

    .bz_box2 .con .l .item {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-bottom: 0;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #333;
    }

    .bz_box2 .con .l .item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .bz_box2 .con .l .item.hover {
        border-right: 1px solid #fff;
    }

    .bz_box2 .con .r {
        width: calc(100% - 180px);
        display: none;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .bz_box2 .con .r.hover {
        display: flex;
    }

    .bz_box2 .con .r .item {
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
    }

    .bz_box2 .con .r .item .p1 {
        /* height       : 60px; */
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .bz_box2 .con .r .item .p1 img {
        max-width: 100%;
    }

    .bz_box2 .con .r .item .p2 {
        width: 155px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box2 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/bztx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box2 .pubtitle2 * {
        color: #fff;
    }

    .bz_box2 .con {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        background-color: #fff;
    }

    .bz_box2 .con .l {
        width: 180px;
    }

    .bz_box2 .con .l .item {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-bottom: 0;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #333;
    }

    .bz_box2 .con .l .item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .bz_box2 .con .l .item.hover {
        border-right: 1px solid #fff;
    }

    .bz_box2 .con .r {
        width: calc(100% - 180px);
        display: none;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .bz_box2 .con .r.hover {
        display: flex;
    }

    .bz_box2 .con .r .item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
    }

    .bz_box2 .con .r .item .p1 {
        /* height       : 60px; */
        margin-bottom: 20px;
    }

    .bz_box2 .con .r .item .p1 img {
        max-width: 100%;
    }

    .bz_box2 .con .r .item .p2 {
        width: 155px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .bz_box2 {
        width: 100%;
        padding: 40px 0;
        background-image: url(/Public/images/bztx.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box2 .pubtitle2 * {
        color: #fff;
    }

    .bz_box2 .con {
        width: 100%;
        background-color: #fff;
    }

    .bz_box2 .con .l {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .bz_box2 .con .l .item {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-right: 0;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #333;
    }

    .bz_box2 .con .l .item:last-child {
        border-right: 1px solid #ddd;
    }

    .bz_box2 .con .l .item.hover {
        border-bottom: 1px solid #fff;
    }

    .bz_box2 .con .r {
        width: 100%;
        display: none;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        padding: 15px;
        padding-bottom: 0;
        box-sizing: border-box;
    }

    .bz_box2 .con .r.hover {
        display: flex;
    }

    .bz_box2 .con .r .item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .bz_box2 .con .r .item .p1 {
        /* height       : 60px; */
        margin-bottom: 10px;
    }

    .bz_box2 .con .r .item .p1 img {
        max-width: 100%;
    }

    .bz_box2 .con .r .item .p2 {
        width: 155px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
}

/* ²úÆ·°ü¹Üϵͳ */

/* ¹¤Óþ߰ü¹Üϵͳ */
@media (min-width: 1200px) {
    .bz_box3 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box3 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bz_box3 .con table {
        width: 870px;
    }

    .bz_box3 .con table td {
        background-color: #eceff2;
        min-height: 50px;
        padding: 15px 20px;
        border: 3px solid #fff;
        font-size: 14px;
        color: #333;
    }

    .bz_box3 .con table .head td {
        background-color: #2bb4d1;
        color: #fff;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box3 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box3 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bz_box3 .con table {
        max-width: 100%;
    }

    .bz_box3 .con table td {
        background-color: #eceff2;
        min-height: 50px;
        padding: 15px 20px;
        border: 3px solid #fff;
        font-size: 14px;
        color: #333;
    }

    .bz_box3 .con table .head td {
        background-color: #2bb4d1;
        color: #fff;
    }
}

@media (max-width: 767px) {
    .bz_box3 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .bz_box3 .con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bz_box3 .con table {
        max-width: 100%;
    }

    .bz_box3 .con table tr td:first-child {
        width: 140px !important;
    }

    .bz_box3 .con table td {
        background-color: #eceff2;
        min-height: 35px;
        padding: 10px 15px;
        border: 3px solid #fff;
        font-size: 14px;
        color: #333;
    }

    .bz_box3 .con table .head td {
        background-color: #2bb4d1;
        color: #fff;
    }
}

/* ¹¤Óþ߰ü¹Üϵͳ */

/* ¹¤Óþ߰ü¹Üϵͳ2 */
@media (min-width: 1200px) {
    .bz_box4 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/bztx2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box4 .pubtitle2 * {
        color: #fff;
    }

    .bz_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: stretch;
    }

    .bz_box4 .con .item {
        width: 280px;
    }

    .bz_box4 .con .item:hover {
        animation: tan4 0.2s linear;
    }

    .bz_box4 .con .item .title {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        background-color: #f79c0e;
    }

    .bz_box4 .con .item .up {
        width: 100%;
        height: calc(100% - 130px);
        background-color: #fff;
        padding: 15px;
        padding-bottom: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .bz_box4 .con .item .up .text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .bz_box4 .con .item .up .text:last-child {
        margin-bottom: 0;
    }

    .bz_box4 .con .item .up .text.p1 {
        color: #f79c0e;
    }

    .bz_box4 .con .item .up .text.p2 {
        color: #444;
    }

    .bz_box4 .con .item .down {
        width: 100%;
    }

    .bz_box4 .con .item .down img {
        width: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box4 {
        width: 100%;
        padding: 60px 0;
        padding-bottom: 35px;
        background-image: url(/Public/images/bztx2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box4 .pubtitle2 * {
        color: #fff;
    }

    .bz_box4 .con {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .bz_box4 .con .item {
        width: 280px;
        margin-bottom: 25px;
    }

    .bz_box4 .con .item:hover {
        animation: tan4 0.2s linear;
    }

    .bz_box4 .con .item .title {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        background-color: #f79c0e;
    }

    .bz_box4 .con .item .up {
        width: 100%;
        height: calc(100% - 130px);
        background-color: #fff;
        padding: 15px;
        padding-bottom: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .bz_box4 .con .item .up .text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .bz_box4 .con .item .up .text:last-child {
        margin-bottom: 0;
    }

    .bz_box4 .con .item .up .text.p1 {
        color: #f79c0e;
    }

    .bz_box4 .con .item .up .text.p2 {
        color: #444;
    }

    .bz_box4 .con .item .down {
        width: 100%;
    }

    .bz_box4 .con .item .down img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .bz_box4 {
        width: 100%;
        padding: 40px 0;
        background-image: url(/Public/images/bztx2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box4 .pubtitle2 * {
        color: #fff;
    }

    .bz_box4 .con {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }

    .bz_box4 .con .item {
        width: 280px;
        margin-bottom: 20px;
    }

    .bz_box4 .con .item:hover {
        animation: tan4 0.2s linear;
    }

    .bz_box4 .con .item:last-child {
        margin-bottom: 0;
    }

    .bz_box4 .con .item .title {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        background-color: #f79c0e;
    }

    .bz_box4 .con .item .up {
        width: 100%;
        background-color: #fff;
        padding: 15px;
        padding-bottom: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .bz_box4 .con .item .up .text {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .bz_box4 .con .item .up .text:last-child {
        margin-bottom: 0;
    }

    .bz_box4 .con .item .up .text.p1 {
        color: #f79c0e;
    }

    .bz_box4 .con .item .up .text.p2 {
        color: #444;
    }

    .bz_box4 .con .item .down {
        width: 100%;
    }

    .bz_box4 .con .item .down img {
        width: 100%;
    }
}

/* ¹¤Óþ߰ü¹Üϵͳ2 */

/* ¹¤ÒÕÇå¾²°ü¹Ü */
@media (min-width: 1200px) {
    .bz_box5 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box5 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .bz_box5 .con .item {
        width: calc(100% / 5);
        height: 220px;
        box-sizing: border-box;
        padding: 0 35px;
        padding-top: 20px;
        border: 1px solid #ddd;
        border-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: all 0.3s;
    }

    .bz_box5 .con .item:hover {
        box-shadow: 0 0 15px #ddd;
    }

    .bz_box5 .con .item:last-child {
        border-right: 1px solid #ddd;
    }

    .bz_box5 .con .item .p1 {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bz_box5 .con .item .p2 {
        font-size: 16px;
        color: #444;
        margin-bottom: 15px;
    }

    .bz_box5 .con .item .p3 {
        font-size: 14px;
        color: #666;
        line-height: 25px;
        text-align: center;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box5 {
        width: 100%;
        padding: 60px 0;
        background-color: #fff;
    }

    .bz_box5 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .bz_box5 .con .item {
        width: calc(100% / 5);
        /* height: 220px; */
        box-sizing: border-box;
        padding: 20px;
        border: 1px solid #ddd;
        border-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: all 0.3s;
    }

    .bz_box5 .con .item:hover {
        box-shadow: 0 0 15px #ddd;
    }

    .bz_box5 .con .item:last-child {
        border-right: 1px solid #ddd;
    }

    .bz_box5 .con .item .p1 {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bz_box5 .con .item .p2 {
        font-size: 16px;
        color: #444;
        margin-bottom: 15px;
    }

    .bz_box5 .con .item .p3 {
        font-size: 14px;
        color: #666;
        line-height: 25px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .bz_box5 {
        width: 100%;
        padding: 40px 0;
        background-color: #fff;
    }

    .bz_box5 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .bz_box5 .con .item {
        width: calc(100% / 2);
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #ddd;
        border-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        transition: all 0.3s;
    }

    .bz_box5 .con .item:hover {
        box-shadow: 0 0 15px #ddd;
    }

    .bz_box5 .con .item:nth-child(2n+1) {
        border-right: 0;
    }

    .bz_box5 .con .item:last-child,
    .bz_box5 .con .item:nth-child(4) {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .bz_box5 .con .item .p1 {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
    }

    .bz_box5 .con .item .p2 {
        font-size: 14px;
        color: #444;
        margin-bottom: 10px;
    }

    .bz_box5 .con .item .p3 {
        font-size: 12px;
        color: #666;
        line-height: 25px;
        text-align: center;
    }
}

/* ¹¤ÒÕÇå¾²°ü¹Ü */

/* Éú²úÇå¾²°ü¹Ü */
@media (min-width: 1200px) {
    .bz_box6 {
        width: 100%;
        padding: 60px 0;
        background-image: url(/Public/images/baozhang.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box6 .pubtitle2 * {
        color: #fff;
    }

    .bz_box6 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bz_box6 .con .item {
        width: 113px;
        height: 130px;
        background-image: url(/Public/images/dbx.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding: 30px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 25px;
    }

    .bz_box6 .con .item:hover {
        animation: tan4 0.2s linear;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .bz_box6 {
        width: 100%;
        padding: 60px 0;
        padding-bottom: 35px;
        background-image: url(/Public/images/baozhang.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box6 .pubtitle2 * {
        color: #fff;
    }

    .bz_box6 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .bz_box6 .con .item {
        width: 113px;
        height: 130px;
        background-image: url(/Public/images/dbx.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding: 30px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .bz_box6 .con .item:hover {
        animation: tan4 0.2s linear;
    }
}

@media (max-width: 767px) {
    .bz_box6 {
        width: 100%;
        padding: 40px 0;
        padding-bottom: 25px;
        background-image: url(/Public/images/baozhang.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bz_box6 .pubtitle2 * {
        color: #fff;
    }

    .bz_box6 .con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .bz_box6 .con .item {
        width: 113px;
        height: 130px;
        background-image: url(/Public/images/dbx.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding: 30px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .bz_box6 .con .item:hover {
        animation: tan4 0.2s linear;
    }
}

/* Éú²úÇå¾²°ü¹Ü */

/* ÐÂÎÅÁбíÒ³ */
@media (min-width: 1200px) {
    .news_title {
        width: 100%;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 28px;
        color: #333;
    }

    .newslist {
        width: 100%;
    }

    .newslist .item {
        width: 100%;
        display: block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 25px;
    }

    .newslist .item .up {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .newslist .item .up .l {
        width: 160px;
        margin-right: 30px;
        flex-shrink: 0;
    }

    .newslist .item .up .l img {
        width: 100%;
    }

    .newslist .item .up .r {
        width: 100%;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .item .up .r .p1 {
        width: 100%;
        font-size: 18px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .newslist .item:hover .up .r .p1 {
        color: #066ddf;
    }

    .newslist .item .up .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #999;
    }

    .newslist .item .up .r .p3 {
        width: 100%;
        height: 50px;
        line-height: 25px;
        font-size: 14px;
        color: #444;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .newslist .item .down {
        width: 100%;
        height: 25px;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .news_title {
        width: 100%;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 28px;
        color: #333;
    }

    .newslist {
        width: 100%;
    }

    .newslist .item {
        width: 100%;
        display: block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 25px;
    }

    .newslist .item .up {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .newslist .item .up .l {
        width: 160px;
        margin-right: 30px;
        flex-shrink: 0;
    }

    .newslist .item .up .l img {
        width: 100%;
    }

    .newslist .item .up .r {
        width: 100%;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .item .up .r .p1 {
        width: 100%;
        font-size: 18px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .newslist .item:hover .up .r .p1 {
        color: #066ddf;
    }

    .newslist .item .up .r .p2 {
        width: 100%;
        font-size: 14px;
        color: #999;
    }

    .newslist .item .up .r .p3 {
        width: 100%;
        height: 50px;
        line-height: 25px;
        font-size: 14px;
        color: #444;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .newslist .item .down {
        width: 100%;
        height: 25px;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    .news_title {
        width: 100%;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 20px;
        font-size: 20px;
        color: #333;
    }

    .newslist {
        width: 100%;
    }

    .newslist .item {
        width: 100%;
        display: block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

    .newslist .item .up {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .newslist .item .up .l {
        width: 80px;
        margin-right: 15px;
        flex-shrink: 0;
    }

    .newslist .item .up .l img {
        width: 100%;
    }

    .newslist .item .up .r {
        width: calc(100% - 95px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newslist .item .up .r .p1 {
        width: 100%;
        font-size: 14px;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .newslist .item .up .r .p2 {
        width: 100%;
        font-size: 12px;
        color: #999;
    }

    .newslist .item .up .r .p3 {
        width: 100%;
        line-height: 25px;
        font-size: 12px;
        color: #444;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .newslist .item .down {
        width: 100%;
        height: 15px;
        display: flex;
        justify-content: flex-end;
    }

    .newslist .item .down img {
        height: 100%;
    }
}

/* ÐÂÎÅÁбíÒ³ */

/* ÐÂÎÅÏêϸҳ */
@media (min-width: 1200px) {
    .news_info {
        width: 100%;
        margin-top: 60px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }

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

    .news_info .p2 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #666;
    }

    .news_con {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 35px;
        margin-bottom: 30px;
    }

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

    .news_con video {
        max-width: 100%;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .news_info {
        width: 100%;
        margin-top: 60px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }

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

    .news_info .p2 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #666;
    }

    .news_con {
        width: 100%;
        font-size: 16px;
        color: #444;
        line-height: 35px;
        margin-bottom: 30px;
    }

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

    .news_con video {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .news_info {
        width: 100%;
        margin-top: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

    .news_info .p1 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    .news_info .p2 {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #666;
    }

    .news_con {
        width: 100%;
        font-size: 14px;
        color: #444;
        line-height: 25px;
        margin-bottom: 30px;
    }

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

    .news_con video {
        max-width: 100%;
    }
}

/* ÐÂÎÅÏêϸҳ */

/* ÁªÏµhjc888»Æ½ð³Ç */
@media (min-width: 1200px) {
    .lx_title {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 28px;
        color: #333;
    }

    .lx_box1 {
        width: 100%;
        margin-bottom: 70px;
    }

    .lx_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
    }

    .lx_box1 .con .item {
        max-width: 345px;
        min-width: 240px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-image: url(/Public/images/yy.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .lx_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .lx_box1 .con .item .p1:hover {
        animation: tan 0.2s linear;
    }

    .lx_box1 .con .item .p2 {
        font-size: 18px;
        color: #267ee3;
        margin-bottom: 10px;
    }

    .lx_box1 .con .item .p3 {
        font-size: 14px;
        color: #323232;
        text-align: center;
        width: 100%;
        min-height: calc(100% - 255px);
        line-height: 30px;
        margin-bottom: 25px;
    }

    .lx_box1 .con .item .p3 a {
        color: #323232;
    }

    .lx_box1 .con .item .p4 {
        width: 100px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #21201e;
        font-size: 16px;
        color: #fff;
        margin-bottom: 50px;
    }

    .lx_box2 {
        width: 100%;
        height: 395px;
        background-image: url(/Public/images/map.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

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

    .lx_box3 .item {
        width: calc(50% - 10px);
        margin-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lx_box3 .item .input {
        width: 100%;
        height: 40px;
        padding-left: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .lx_box3 .item.i2 {
        width: 100%;
    }

    .lx_box3 .item textarea {
        width: 100%;
        height: 150px;
        padding: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .lx_box3 .item input.yzm {
        width: 320px;
        margin-right: 15px;
    }

    .lx_box3 .item .code {
        width: 140px;
        height: 40px;
    }

    .lx_box3 .sub {
        width: 120px;
        height: 40px;
        margin-bottom: 15px;
        background-color: #0d6fbd;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
        border: 0;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .lx_title {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 28px;
        color: #333;
    }

    .lx_box1 {
        width: 100%;
        margin-bottom: 70px;
    }

    .lx_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .lx_box1 .con .item {
        max-width: 345px;
        min-width: 240px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-image: url(/Public/images/yy.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .lx_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .lx_box1 .con .item .p1:hover {
        animation: tan 0.2s linear;
    }

    .lx_box1 .con .item .p2 {
        font-size: 18px;
        color: #267ee3;
        margin-bottom: 10px;
    }

    .lx_box1 .con .item .p3 {
        font-size: 14px;
        color: #323232;
        text-align: center;
        width: 100%;
        min-height: calc(100% - 255px);
        line-height: 30px;
        margin-bottom: 25px;
    }

    .lx_box1 .con .item .p3 a {
        color: #323232;
    }

    .lx_box1 .con .item .p4 {
        width: 100px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #21201e;
        font-size: 16px;
        color: #fff;
        margin-bottom: 50px;
    }

    .lx_box2 {
        width: 100%;
        height: 395px;
        background-image: url(/Public/images/map.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

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

    .lx_box3 .item {
        width: calc(50% - 10px);
        margin-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lx_box3 .item .input {
        width: 100%;
        height: 40px;
        padding-left: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .lx_box3 .item.i2 {
        width: 100%;
    }

    .lx_box3 .item textarea {
        width: 100%;
        height: 150px;
        padding: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .lx_box3 .item input.yzm {
        width: 320px;
        margin-right: 15px;
    }

    .lx_box3 .item .code {
        width: 140px;
        height: 40px;
    }

    .lx_box3 .sub {
        width: 120px;
        height: 40px;
        margin-bottom: 15px;
        background-color: #0d6fbd;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
        border: 0;
    }
}

@media (max-width: 767px) {
    .lx_title {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
        color: #333;
    }

    .lx_box1 {
        width: 100%;
        margin-bottom: 70px;
    }

    .lx_box1 .con {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .lx_box1 .con .item {
        max-width: 345px;
        min-width: 240px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-image: url(/Public/images/yy.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .lx_box1 .con .item .p1 {
        margin-bottom: 20px;
    }

    .lx_box1 .con .item .p1:hover {
        animation: tan 0.2s linear;
    }

    .lx_box1 .con .item .p2 {
        font-size: 18px;
        color: #267ee3;
        margin-bottom: 10px;
    }

    .lx_box1 .con .item .p3 {
        font-size: 14px;
        color: #323232;
        text-align: center;
        width: 100%;
        min-height: calc(100% - 255px);
        line-height: 30px;
        margin-bottom: 25px;
    }

    .lx_box1 .con .item .p3 a {
        color: #323232;
    }

    .lx_box1 .con .item .p4 {
        width: 100px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #21201e;
        font-size: 16px;
        color: #fff;
        margin-bottom: 50px;
    }

    .lx_box2 {
        width: 100%;
        height: 395px;
        background-image: url(/Public/images/map.jpg);
        background-repeat: no-repeat;
        background-position: 75% center;
    }

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

    .lx_box3 .item {
        width: 100%;
        margin-bottom: 15px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .lx_box3 .item .input {
        width: 100%;
        height: 30px;
        padding-left: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        font-size: 14px;
    }

    .lx_box3 .item.i2 {
        width: 100%;
    }

    .lx_box3 .item textarea {
        width: 100%;
        height: 150px;
        padding: 5px;
        font-size: 14px;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }

    .lx_box3 .item input.yzm {
        width: 200px;
        margin-right: 15px;
    }

    .lx_box3 .item .code {
        width: 100px;
        height: 30px;
    }

    .lx_box3 .sub {
        width: 100px;
        height: 30px;
        margin-bottom: 15px;
        background-color: #0d6fbd;
        font-size: 14px;
        color: #fff;
        border-radius: 8px;
        border: 0;
    }
}

/* ÁªÏµhjc888»Æ½ð³Ç */


/* ²úÆ·µ¯¿ò */
.tk {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    max-width: 700px;
    min-width: 300px;
    /* min-height:200px; */
}

.tk .pic {
    width: 150px;
    margin-right: 10px;
    flex-shrink: 0;
}

.tk .pic img {
    width: 100%;
}

.main li {
    list-style: disc;
}

/* ²ÉÓͼ¯Ê仯ѧƷ */
@media (min-width: 1200px) {
    .ser_box8 {
        width: 100%;
        padding: 60px 0;
        padding-top: 0;
        background-color: #fff;
    }

    .ser_box8 .typelist {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        border: 1px solid #eee;
    }

    .ser_box8 .typelist .item {
        height: 100%;
        padding: 0 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #eee;
        font-size: 18px;
        color: #333;
        cursor: pointer;
    }

    .ser_box8 .typelist .item:last-child {
        border-right: 0;
    }

    .ser_box8 .typelist .item.hover {
        color: #205CB8;
        font-weight: bold;
    }
    .ser_box8 .list{
        width: 100%;
        padding: 40px 0;
        display: none;
    }
    .ser_box8 .list.hover{
        display: flex;
    }
    .ser_box8 .list.l1{
        /* display: flex; */
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 25px;
    }
    .ser_box8 .list.l1 .item{
        width: calc((100% - 75px)/4);
        aspect-ratio: 4 / 3;
        background-color: #eee;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        cursor: pointer;
    }
    .ser_box8 .list.l1 .item .p1 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s;
    }

    .ser_box8 .list.l1 .item:hover .p1 {
        opacity: 1;
        z-index: 1;
    }

    .ser_box8 .list.l1 .item .p1 .a1 {
        font-size: 14px;
        color: #fff;
        text-align: center;
        position: absolute;
    }

    .ser_box8 .list.l1 .item .p1 .a1::before {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/Public/images/jh.png);
    }
    .ser_box8 .list.l2{
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }
    .ser_box8 .list.l2 .item{
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        gap: 20px;
        padding: 0 25px;
        cursor: pointer;
    }
    .ser_box8 .list.l2 .item:nth-child(even){
        background-color: #F5F5F5;
    }
    .ser_box8 .list.l2 .item:nth-child(odd){
        background-color: #eee;
    }
    .ser_box8 .list.l2 .item.title{
        background-color: #C6CACD;
        cursor: default;
    }
    .ser_box8 .list.l2 .item .p1{
        width: 100%;
        font-size: 18px;
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .ser_box8 .list.l2 .item .p2{
        font-size: 18px;
        color: #205CB8;
        flex-shrink: 0;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .ser_box8 {
        width: 100%;
        padding: 60px 0;
        padding-top: 0;
        background-color: #fff;
    }

    .ser_box8 .typelist {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        border: 1px solid #eee;
    }

    .ser_box8 .typelist .item {
        height: 100%;
        padding: 0 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #eee;
        font-size: 18px;
        color: #333;
        cursor: pointer;
    }

    .ser_box8 .typelist .item:last-child {
        border-right: 0;
    }

    .ser_box8 .typelist .item.hover {
        color: #205CB8;
        font-weight: bold;
    }
    .ser_box8 .list{
        width: 100%;
        padding: 40px 0;
        display: none;
    }
    .ser_box8 .list.hover{
        display: flex;
    }
    .ser_box8 .list.l1{
        /* display: flex; */
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 25px;
    }
    .ser_box8 .list.l1 .item{
        width: calc((100% - 50px)/3);
        aspect-ratio: 4 / 3;
        background-color: #eee;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        cursor: pointer;
    }
    .ser_box8 .list.l1 .item .p1 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s;
    }

    .ser_box8 .list.l1 .item:hover .p1 {
        opacity: 1;
        z-index: 1;
    }

    .ser_box8 .list.l1 .item .p1 .a1 {
        font-size: 14px;
        color: #fff;
        text-align: center;
        position: absolute;
    }

    .ser_box8 .list.l1 .item .p1 .a1::before {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/Public/images/jh.png);
    }
    .ser_box8 .list.l2{
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }
    .ser_box8 .list.l2 .item{
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        gap: 20px;
        padding: 0 25px;
        cursor: pointer;
    }
    .ser_box8 .list.l2 .item:nth-child(even){
        background-color: #F5F5F5;
    }
    .ser_box8 .list.l2 .item:nth-child(odd){
        background-color: #eee;
    }
    .ser_box8 .list.l2 .item.title{
        background-color: #C6CACD;
        cursor: default;
    }
    .ser_box8 .list.l2 .item .p1{
        width: 100%;
        font-size: 18px;
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .ser_box8 .list.l2 .item .p2{
        font-size: 18px;
        color: #205CB8;
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {
    .ser_box8 {
        width: 100%;
        padding: 40px 0;
        padding-top: 0;
        background-color: #fff;
    }
    .ser_box8 .typelist {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px;
        border: 1px solid #eee;
    }

    .ser_box8 .typelist .item {
        height: 100%;
        padding: 0 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #eee;
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }

    .ser_box8 .typelist .item:last-child {
        border-right: 0;
    }

    .ser_box8 .typelist .item.hover {
        color: #205CB8;
        font-weight: bold;
    }
    .ser_box8 .list{
        width: 100%;
        padding: 20px 0;
        display: none;
    }
    .ser_box8 .list.hover{
        display: flex;
    }
    .ser_box8 .list.l1{
        /* display: flex; */
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 15px;
    }
    .ser_box8 .list.l1 .item{
        width: calc((100% - 15px)/2);
        aspect-ratio: 4 / 3;
        background-color: #eee;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        cursor: pointer;
    }
    .ser_box8 .list.l1 .item .p1 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 15px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s;
    }

    .ser_box8 .list.l1 .item:hover .p1 {
        opacity: 1;
        z-index: 1;
    }

    .ser_box8 .list.l1 .item .p1 .a1 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        position: absolute;
    }

    .ser_box8 .list.l1 .item .p1 .a1::before {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: auto;
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/Public/images/jh.png);
    }
    .ser_box8 .list.l2{
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }
    .ser_box8 .list.l2 .item{
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        gap: 20px;
        padding: 0 15px;
        cursor: pointer;
    }
    .ser_box8 .list.l2 .item:nth-child(even){
        background-color: #F5F5F5;
    }
    .ser_box8 .list.l2 .item:nth-child(odd){
        background-color: #eee;
    }
    .ser_box8 .list.l2 .item.title{
        background-color: #C6CACD;
        cursor: default;
    }
    .ser_box8 .list.l2 .item .p1{
        width: 100%;
        font-size: 14px;
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .ser_box8 .list.l2 .item .p2{
        font-size: 14px;
        color: #205CB8;
        flex-shrink: 0;
    }
}

/* ²ÉÓͼ¯Ê仯ѧƷ */<!--ºÄʱ1774176501.189Ãë-->