.bgimage {
    background-size: cover;
    background-repeat: no-repeat;
}

/*==============Flex布局样式==============*/
/* 水平排列 */
.flex-h {
    display: flex;
    flex-direction: row;
}

/* 垂直排列 */
.flex-v {
    display: flex;
    flex-direction: column;
}

/* 单项: 水平居左, 垂直居上(left-top) */
.flex-lt {
    display: flex;
}

/* 单项: 水平居中, 垂直居上(center-top) */
.flex-ct {
    display: flex;
    justify-content: center;
}

/* 单项: 水平居右, 垂直居上(right-top) */
.flex-rt {
    display: flex;
    justify-content: flex-end;
}

/* 单项: 水平居左, 垂直居中(left-center) */
.flex-lc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* 单项: 水平居中, 垂直居中(center-center) */
.flex-cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 单项: 水平居右, 垂直居中(right-center) */
.flex-rc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 单项: 水平居左, 垂直居下(left-bottom) */
.flex-lb {
    display: flex;
    align-items: flex-end;
}

/* 单项: 水平居中, 垂直居下(center-bottom) */
.flex-cb {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

/* 单项: 水平居右, 垂直居下(right-bottom) */
.flex-rb {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* 双项: 左上, 右上 */
.flex-lt-rt {
    display: flex;
    justify-content: space-between;
}

/* 双项: 左上, 左下 */
.flex-lc-rc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 双项: 左中, 左中 */
.flex-lb-rb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 双项: 左下, 左下 */
.flex-lt-lb {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* 双项: 中上, 中下 */
.flex-ct-cb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* 双项: 右上, 右下 */
.flex-rt-rb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}


/*==============Grid布局样式==============*/
.grid-2 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(49.9%, 1fr));
}

.grid-3 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(30%, 250px), 1fr));
}

.grid-4 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(20%, 250px), 1fr));
}

.grid-5 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(19.2%, 250px), 1fr));
}

.grid-6 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(max(16.5%, 250px), 1fr));
}

.grid-gap-half {
    grid-gap: 1.1% 0.5%;
}

.grid-gap-half1 {
    grid-gap: 0.8% 0.2%;
}

.grid-gap-1 {
    grid-gap: 1.6% 0.5%;
}

.grid-gap-2 {
    grid-gap: 0 1%;
}

.grid-gap-3 {
    grid-gap: 2% 3%;
}

@media (max-width: 768px) {
    .grid-gap-half {
        grid-gap: 20px 0;
    }

    .grid-gap-1 {
        grid-gap: 0.5% 0.5%;
    }
}


/*==============全网样式==============*/
:root {
    --menu-transition-duration: .3s; /* 菜单动画时间 */
}

body, a {
    color: #000;
}

:root{font-size:14px; }

a:hover, a.active, .active {
    color: #6366f1 !important;
    text-decoration: none;
}

a {
    transition: 0.5s;
    cursor: pointer !important;
}

/*全网栅格去掉边距*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*全网间距*/
.margin-top10 {
    margin-top: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top80 {
    margin-top: 80px;
}

.margin-top100 {
    margin-top: 100px;
}

.margin-top150 {
    margin-top: 150px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom50 {
    margin-bottom: 50px;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.padding-top30 {
    padding-top: 30px;
}

.padding-top50 {
    padding-top: 50px;
}

.padding-bottom50 {
    padding-bottom: 50px;
}

.padding-left30 {
    padding-left: 30px !important;
}

.padding-left80 {
    padding-left: 80px !important;
}

.padding-right30 {
    padding-right: 30px !important;
}

.padding-right80 {
    padding-right: 80px !important;
}

/*左右边距*/
.padding-lr {
    padding: 0 13%;
}

@media (max-width: 1600px) {
    .padding-lr {padding: 0 3%;}
}

@media (max-width: 768px) {
    .padding-lr {padding: 0 5%;}
}

/*==============全网导航样式==============*/
.menutop {
    position: relative;
    z-index: 999;
    width: 100%;
    padding: 18px 13%;
    background-color: #fff;
}

@media (max-width: 1600px) {
    .menutop {padding: 18px 3%;}
}

@media (max-width: 768px) {
    .menutop {padding: 18px 5%;}
}

.menu-logo img {
    min-width: 150px;
}

.search-style {
    padding: 5px 10px;
    background-color: #fafaf9 !important;
    border-radius: 25px;
    border: 1px solid #d9d6d4;
    color: #78726d;
}

@media (max-width: 768px) {
    .search-style {
        display: none;
    }
}

.search-input, .search-input:focus-visible {
    width: 300px;
    border: none;
    background: none !important;
    white-space: nowrap;
    outline: none;
}

.menutop-list {
    margin: 5px 0 0 30px;
    font-size: 1.2rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .menutop-list {
        margin: 5px 0 0 20px;
    }
}

.menutop-list i {
    margin-left: 5px;
}


/*==============下拉菜单样式==============*/
.menu-down {
    background: #fff;
    display: flex;
    flex-direction: row;
    width: 100%;
    position: absolute;
    transform: translateY(0);
    transition: transform var(--menu-transition-duration) ease;
    z-index: 100;
}

.menu-collapse {
    transform: translateY(-100%);
}

.menu-arrow::before {
    transition: var(--menu-transition-duration) ease;
}

.menu-arrow.rotate::before {
    transform: rotate(180deg);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    transition: visibility var(--menu-transition-duration) ease, opacity 0.3s ease;
    overscroll-behavior: none;
    z-index: 99;
}

.overlay-hidden {
	display: none;}

@media (max-width: 768px) {
    .menu-down {
        display: block;
    }
}

.menu-down > div {
    padding: 30px 80px 30px 0;
}

@media (max-width: 768px) {
    .menu-down > div {
        padding: 20px 0 0 0;
    }
}

.menu-down a:hover {
    text-decoration: underline;
}

.menu-down > div:last-child {
    padding: 30px 0 30px 0;
}

@media (max-width: 768px) {
    .menu-down > div:last-child {
        padding: 20px 0 30px 0;
    }
}

.menu-clspic {
    padding-right: 20px;
}

.menu-clspic img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .menu-clspic img {
        width: 60px;
        height: 60px;
    }
}

.menu-clst a {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.menu-clsd a {
    display: block;
    white-space: nowrap;
    font-size: 1.1rem;
    color: #78726d;
}

.menu-clsline {
    padding-right: 20px;
    min-height: 160px;
    border-left: 1px solid #d6d3d1;
}

@media (max-width: 768px) {
    .menu-clsline {
        display: none;
    }
}

@media (max-width: 768px) {
    .s-hidden {
        display: none;
    }
}

@media (min-width: 768px) {
    .m-hidden {
        display: none;
    }
}

@media (max-width: 768px) {
    .bi-search {
        display: block;
        font-size: 1.3rem !important;
        margin-top: 5px !important;
    }
}


/*==============主页Banner样式==============*/
.banner-bg {
    min-height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    color: #000;
}

@media (max-width: 1600px) {
    .banner-bg {
        min-height: 280px;
        padding: 30px 3%;
    }
}

@media (max-width: 768px) {
    .banner-bg {
        min-height: auto;
        padding: 30px 5%;
    }
}

.banner-txt1 {
    font-size: 1rem;
}

.banner-txt2 {
    margin-top: 20px;
    font-size: 2.5rem;
    font-weight: 600;
}

@media (max-width: 1600px) {
    .banner-txt2 {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .banner-txt2 {
        margin-top: 10px;
        font-size: 2rem;
    }
}

.banner-txt3 {
    font-size: 1.2rem;
}

.banner-btn {
    margin-top: 50px;
}

@media (max-width: 1600px) {
    .banner-btn {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .banner-btn {
        margin-top: 30px;
    }
}

.banner-btn a {
    padding: 10px 20px;
    background: #091f2c;
    border-radius: 25px;
    font-size: 1rem;
    color: #fff !important;
    transition: 0.5s;
}

.banner-btn a:hover {
    background: #6366f1;
}


/*==============热点产品样式==============*/
.pro-hotbg {
    margin: 60px 10% 0 10%;
    background-color: #f5f5f4;
    border: 1px solid #d6d3d1;
    border-radius: 8px;
}

@media (max-width: 1600px) {
    .pro-hotbg {
        margin: 60px 3% 0 3%;
    }
}

@media (max-width: 768px) {
    .pro-hotbg {
        margin: 0;
        background-color: none;
        border: none;
        border-radius: none;
    }
}

.pro-list {
    display: flex;
    flex-direction: row;
    padding: 30px 3.75%;
}

@media (max-width: 768px) {
    .pro-list {
        display: block;
        padding: 30px 5%;
    }
}

.pro-list-t {
    font-size: 1.875rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .pro-list-t {
        font-size: 1.6rem;
    }
}

.pro-block {
    border-radius: 8px;
    background-color: #ca58ad;
    color: #fff;
}

.pro-block > div {
    padding: 30px;
}

@media (max-width: 768px) {
    .pro-block > div {
        padding: 20px;
    }
}

.pro-block-txt1 {
    font-size: 1.2rem;
}

.pro-block-txt2 {
    margin-top: 20px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: justify;
}

@media (max-width: 768px) {
    .pro-block-txt2 {
        margin-top: 10px;
        font-size: 1.3rem;
    }
}

.pro-block-btn {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .pro-block-btn {
        margin-top: 20px;
    }
}

.pro-block-btn a {
    font-size: 1rem;
    color: #fff;
    text-decoration: underline;
    transition: 0.5s;
}

.pro-block-btn a:hover {
    color: #6366f1 !important;
    text-decoration: none;
}

.pro-list-item {
	font-size: 0;
    width: 100%;
    margin-top: 30px;
}

.pro-list-item a {
	font-size: 1rem;
    width: 33.33%;
    display: inline-flex;
    min-height: 50px;
    margin-bottom: 30px;
    padding-right: 30px;
}

@media (max-width: 1600px) {
    .pro-list-item a {
		font-size: 1rem;
		padding-right: 10px;
	}

}

@media (max-width: 768px) {
    .pro-list-item a {
        width: 100%;
        padding-right: 0;
    }
}

.pro-icon {
    transition: 0.5s;
}

.pro-icon img {
    width: 50px;
    height: 50px;
    padding: 5px;
    margin-right: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d6d3d1;
}

.pro-con span {
	display:block;
}

.pro-con span:first-child {
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.pro-con span:last-child {
    color: #333333;
    font-size: 1rem;
}

.pro-list-item a .pro-con span:first-child {
    transition: 0.5s;
}

.pro-list-item a:hover .pro-con span:first-child {
    color: #6366f1;
}

.pro-list-item a:hover .pro-icon {
    transform: scale(1.1);
}


/*==============更多的应用产品样式==============*/
.pro-moret {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 60px 0 40px 0;
}

@media (max-width: 768px) {
    .pro-moret {
        font-size: 1.6rem;
        margin: 30px 0 20px 0;
    }
}

.pro-more {
    width: 100%;
    padding: 0 13%;
    display: flex;
    flex-direction: row;
	margin-bottom:30px;
}

@media (max-width: 1600px) {
    .pro-more {
        padding: 0 3%;
    }
}

@media (max-width: 768px) {
    .pro-more {
        padding: 0 5%;
        display: block;
    }
}

.pro-more-top {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .pro-more-top {
        margin-top: 0;
    }
}

.pro-clst div {
    padding-right: 30px;
	margin-bottom:30px;
}

.pro-clst span {
    display: block !important;
}

.pro-clst span:first-child {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .pro-clst span:first-child {
        margin-bottom: 0;
    }
}

.pro-clst span:nth-child(2) {
    margin-bottom: 10px;
}

.pro-clst span:nth-child(3) {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .pro-clst span:nth-child(3) {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

.pro-clst span:nth-child(3) a {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    transition: 0.5s;
}

.pro-clst span:nth-child(3) a:hover {
    color: #6366f1;
    text-decoration: none;
}

.pro-more-list {
    width: 100%;
	font-size: 0;
}

@media (max-width: 768px) {
    .pro-more-line {
        border-bottom: 1px solid #d6d3d1;
    }
}

.pro-more-list a {
	font-size: 1rem;
    width: 33.33%;
    display: inline-flex;
    min-height: 50px;
    margin-bottom: 30px;
    padding-right: 30px;
}

@media (max-width: 768px) {
    .pro-more-list a {
        width: 100%;
        padding-right: 0;
    }
}

.pro-more-list a .pro-con span:first-child {
    transition: 0.5s;
}

.pro-more-list a:hover .pro-con span:first-child {
    color: #6366f1;
}

.pro-more-list a:hover .pro-icon {
    transform: scale(1.1);
}


/*==============我们的优势样式==============*/
.adva-bg {
    width: 100%;
    margin-top: 30px;
    padding: 40px 0;
    background: #f5f5f4;
    border-top: 1px solid #d6d3d1;
}

@media (max-width: 768px) {
    .adva-bg {
        margin-top: 0;
        padding: 30px 0;
        border-top: none;
    }
}

.adva-bg > div {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .adva-bg > div {
        display: block;
    }
}

.adva-left {
    margin-bottom: 40px;
	margin-right: 40px;
}

.adva-left div {
    display: block;
}

.adva-left div:first-child {
    margin-bottom: 20px;
    font-size: 1.875rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .adva-left div:first-child {
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
}

.adva-left div:nth-child(2) {
    margin-bottom: 30px;
    font-size: 1.2rem;
    color: #78726d;
}

@media (max-width: 768px) {
    .adva-left div:nth-child(2) {
        margin-bottom: 20px;
    }
}

.adva-left div a {
    padding: 10px 30px;
    background: #ca58ad;
    border-radius: 25px;
    font-size: 1rem;
    color: #fff;
    transition: 0.5s;
}

.adva-left div a:hover {
    background: #6366f1;
    color: #fff !important;
}

.adva-right > div {
    display: block;
    margin-bottom: 30px;
}

.adva-right > div span {
    display: block;
}

.adva-right > div span:first-child {
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-weight: 600;
}

.adva-right > div span:last-child {
    font-size: 1.2rem;
    color: #78726d;
}


/*==============页脚样式==============*/
.footer-top {
    margin-top: 60px;
}

.footer {
    background-color: #000;
    padding: 40px 0;
    color: #fff;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .footer {
        padding: 30px 0;
        font-size: 1rem;
    }
}

.footer-t {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .footer-t {
        display: block;
    }
}

.footer-list {
    margin-bottom: 20px;
}

.footer-list div:first-child {
    margin-bottom: 20px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .footer-list div:first-child {
        margin-bottom: 5px;
        font-size: 1.125rem;
    }
}

.footer-list a {
    display: block;
    color: #fff;
    margin-bottom: 10px;
    transition: 0.5s;
}

@media (max-width: 768px) {
    .footer-list a {
        margin-bottom: 0;
    }
}

.footer-list a:hover {
    color: #6366f1 !important;
    text-decoration: underline;
}

.footer-tel {
    font-size: 1.875rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .footer-tel {
        font-size: 1.6rem;
    }
}

.footer-down {
    margin-top: 20px;
    border-top: 1px solid #717171;
    padding: 20px 0 0 0;
}

@media (max-width: 768px) {
    .footer-down {
        text-align: center;
    }
}

.footer-down a {
    color: #717171;
    transition: 0.5s;
}

@media (max-width: 768px) {
    .footer-down a {
        display: block;
    }
}

.footer-down a:hover {
    color: #6366f1 !important;
    text-decoration: none;
}


/*==============二级页 - 产品集合==============*/
.hr-line {
    border-top: 1px solid #d6d3d1;
}

.pro-more-vtop a {vertical-align:top}


/*==============二级页 - 产品详细==============*/
.top-bg {
    width: 100%;
    min-height: 400px;
    background: #f5f5f4;
    padding: 50px 0;
}

@media (max-width: 768px) {
    .top-bg {
        min-height: auto;
        padding: 30px 0;
    }
}

.pro-display {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .pro-display {
        display: block;
    }
}

.pro-topr {
    position: relative;
    padding-right: 3%;
}

@media (max-width: 768px) {
    .pro-topr {
        padding-right: 0;
    }
}

.pro-icon-lar {
    transition: 0.5s;
}

.pro-icon-lar img {
    width: 80px;
    height: 80px;
    padding: 5px;
    margin-right: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d6d3d1;
}

@media (max-width: 768px) {
    .pro-icon-lar img {
        width: 60px;
        height: 60px;
    }
}

.pro-dt {
    font-size: 1.875rem;
    font-weight: 600;
	margin-left:20px;
}

@media (max-width: 768px) {
    .pro-dt {
        font-size: 1.6rem;
    }
}

.pro-dm {
    margin-top: 10px;
    font-size: 1.3rem;
}

.pro-dp {
    margin-top: 10px;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .pro-dp {
        margin-top: 5px;
    }
}

.pro-dp span:nth-child(1) {
    font-weight: 600;
}

.pro-dp span:nth-child(2) {
    margin-left: 5px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #0078d4;
    vertical-align: sub;
}

@media (max-width: 768px) {
    .pro-dp span:nth-child(2) {
        vertical-align: middle;
    }
}

.pro-dp span:nth-child(3) {
    margin-left: 5px;
    font-size: 0.75rem;
    vertical-align: bottom;
}

@media (max-width: 768px) {
    .pro-dp span:nth-child(3) {
        vertical-align: middle;
    }
}

.pro-db a {
    display: block;
    margin-top: 30px;
    padding: 10px 20px;
    background: #091f2c;
    border-radius: 25px;
    font-size: 1.3rem;
    color: #fff !important;
    text-align: center;
    transition: 0.5s;
}

@media (max-width: 768px) {
    .pro-db a {
        margin-top: 20px;
        font-size: 1.125rem;
    }
}

.pro-db a:hover {
    background: #6366f1;
}

.pro-dcls {
    position: absolute;
    bottom: 0;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .pro-dcls {
        position: relative;
        margin: 20px 0;
    }
}

.pro-dcls a {
    text-decoration: underline;
}

.pro-pic img {
    border-radius: 6px;
}

.con {
    width: 100%;
    margin-top: 60px;
}

@media (max-width: 768px) {
    .con {
        margin-top: 30px;
    }
}

.con-flex {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .con-flex {
        display: block;
    }

    .con-line {
        margin-bottom: 30px;
        border-bottom: 1px solid #d6d3d1;
    }
}

.con-bs {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .con-bs {
        margin-bottom: 30px;
    }
}

.con-y {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.con-ylist a {
    margin-right: 20px;
    text-decoration: underline;
    color: #78726d;
}

.con-cl > div {
    margin-bottom: 30px;
}

.con-cl img {
    width: 50px;
    height: 50px;
    padding: 2px;
}

.con-clist span {
    display: block;
}

.con-clist span:nth-child(1) {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.con-clist span:nth-child(2) {
    color: #78726d;
}

.con-bc {
    margin-bottom: 60px;
    font-size: 1.2rem;
    text-align: justify;
}

@media (max-width: 768px) {
    .con-bc {
        margin-bottom: 30px;
    }
}

.con-c1 {
    display: block;
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-weight: 600;
}

.con-c2 {
    color: #78726d;
}

.con-c3 span {
    display: inline-block;
    text-align: center;
    margin: 0 50px 30px 0;
}

@media (max-width: 768px) {
    .con-c3 span {
        margin: 0 20px 20px 0;
    }
}

.con-c3 span:last-child {
    margin-right: 0;
}

.con-c3 span img {
    width: 80px;
    height: 80px;
    padding: 5px;
}

@media (max-width: 768px) {
    .con-c3 span img {
        width: 60px;
        height: 60px;
    }
}

.con-c4 > div {
    color: #636363;
    margin-bottom: 30px;
}

.con-icon {
    font-size: 2.5rem;
    color: #7f7f7f;
    margin-right: 30px;
}

.con-rebg {
    margin: 0 10%;
    background-color: #fafaf9;
    border-radius: 8px;
}

@media (max-width: 1600px) {
    .con-rebg {
		margin: 0 3%;
	}
}

@media (max-width: 768px) {
    .con-rebg {
        margin: 0;
    }
}

.con-rewd {
    width: 100%;
}

.con-repdf {
    font-size: 1.125rem;
    color: #6366f1;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 20px;
    transition: 0.5s;
}

@media (max-width: 768px) {
    .con-repdf {
        font-size: 1rem;
        margin-left: 10px;
    }
}

.con-repdf:hover {
    color: #000;
}


/*=======二级页常见问题样式=======*/
.qa {
    margin: 60px 0 20px 0;
    font-size: 1.875rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .qa {
        margin: 30px 0 20px 0;
        font-size: 1.6rem;
    }
}

.qa-func {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 20px 0 30px 0;
}

@media (max-width: 768px) {
    .qa-func {
        padding: 0px 0 20px 0;
    }
}

.qa-func span {
    margin: 10px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #6366f1;
    text-decoration: underline;
    cursor: pointer;
}

.card {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    font-size: 1.125rem !important;
}

.card-header {
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    font-weight: 600;
    text-align: left !important;
}

.bi-chevron-right {
    padding-right: 15px;
}

.card-body {
    padding: 20px 30px;
}


/*==============搜索样式==============*/
.search-top {
    padding-top: 60px;
    border-top: 1px solid #d6d3d1;
}

@media (max-width: 768px) {
    .search-top {
        padding-top: 30px;
    }
}

.search-t {
    font-size: 1.875rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .search-t {
        font-size: 1.6rem;
    }
}

.search-nub {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #78726d;
    font-weight: 600;
}

@media (max-width: 768px) {
    .search-nub {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.search-list {
    width: 100%;
    margin-bottom: 30px;
}

.search-list a {
    width: 24.5%;
    display: inline-flex;
    min-height: 50px;
    margin-bottom: 30px;
    padding-right: 30px;
	vertical-align:top;
}

@media (max-width: 768px) {
    .search-list a {
        width: 100%;
        padding-right: 0;
    }
}

.search-list a .pro-con span:first-child {
    transition: 0.5s;
}

.search-list a:hover .pro-con span:first-child {
    color: #6366f1;
}

.search-list a:hover .pro-icon {
    transform: scale(1.1);
}

.search-page {
    text-align: center;
}

.search-page a {
    padding: 8px 20px;
    margin-right: 15px;
    border-radius: 15px;
    border: 1px solid #d6d3d1;
    font-weight: 600;
    transition: 0.5s;
}

.search-page a.active {
    background: #d6d3d1;
    border: 1px solid #d6d3d1;
    color: #000 !important;
}

.search-page a:hover {
    background: #d6d3d1;
    border: 1px solid #d6d3d1;
    color: #000 !important;
}

.aboutus-con {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
    font-size: 1.2rem;
    text-align: justify;
}

@media (max-width: 768px) {
    .aboutus-con {
        display: block;
        margin-top: 30px;
    }
}

.aboutus-con img {
    padding-right: 30px;
}

@media (max-width: 768px) {
    .aboutus-con img {
        padding-right: 0;
        margin-bottom: 30px;
    }
}

.qa-collapse .el-collapse-item__header, .qa-collapse .el-collapse-item__wrap {
    border-color: rgba(0, 0, 0, .125);
}

.qa-collapse .el-collapse-item__content {
    padding: 20px 25px 10px;
    line-height: unset;
}

.qa-collapse .el-collapse-item__header {height:auto;}
@media (max-width: 768px) {
    .qa-collapse .el-collapse-item__header {
        line-height:2rem;
    }
}

.separator {margin: 0 8px; color: #999;}