/*图标*/
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*字体*/
@font-face {
    font-family: 'Inter-Regular';
    src: url(Inter-Regular.ttf);
}

@font-face {
    font-family: 'Mulish-Regular';
    src: url(Mulish-Regular.ttf);
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url(Poppins-Bold.ttf);
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url(Poppins-Regular.ttf);
}

@font-face {
    font-family: 'Source Han Sans CN-Bold';
    src: url(Source-Han-Sans-CN-Bold.otf);
}

@font-face {
    font-family: 'Source Han Sans CN-Heavy';
    src: url(Source-Han-Sans-CN-Heavy.otf);
}

@font-face {
    font-family: 'Source Han Sans CN-Light';
    src: url(Source-Han-Sans-CN-Light.otf);
}

@font-face {
    font-family: 'Source Han Sans CN-Medium';
    src: url(Source-Han-Sans-CN-Medium.otf);
}

@font-face {
    font-family: 'Source Han Sans CN-Regular';
    src: url(Source-Han-Sans-CN-Regular.otf);
}

/*==公共==*/
body,
html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth
}

:focus {
    outline: 0
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
    margin-bottom: 0
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

img {
    max-width: 100%;
}

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    overflow-x: hidden
}

a {
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
}

a:hover {
    transform: translateY(-0.5rem);
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 9px
    }
}

@media screen and (max-width: 600px) {
    html {
        font-size: 8.5px
    }
}

/*==H标题==*/
h1,
.h1 {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 5.6rem;
    line-height: 1.5;
    color: #02264D;
}

h2,
.h2 {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 4.8rem;
    line-height: 1.5;
    color: #02264D;
}

h3,
.h3 {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 3.2rem;
    line-height: 1.5;
    color: #02264D;
}

h4,
.h4 {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 2.4rem;
    line-height: 1.5;
    color: #02264D;
}

h5,
.h5 {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 1.8rem;
    line-height: 1.5;
    color: #02264D;
}

p,
.p {
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    line-height: 2;
    color: #02264D;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 600px) {

    h1,
    .h1 {
        font-size: 4.8rem;
    }

    h2,
    .h2 {
        font-size: 3.2rem;
    }

    h3,
    .h3 {
        font-size: 2.4rem;
    }
}

/*==颜色==*/
:root {
    --bgcol: #f8f8f8;
    --borcol: #dddddd;
    --parcol: #02264d;
    --seccol: rgba(2, 38, 77, 0.7);
    --btncol: #21A4F6;
    --hovcol: #0085D8;
}

/*==间距==*/
.mt-2 {
    margin-top: 2rem;
}

.pt-2 {
    padding-top: 2rem;
}

.mr-2 {
    margin-right: 2rem;
}

.pr-2 {
    padding-right: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.ml-2 {
    margin-left: 2rem;
}

.pl-2 {
    padding-left: 2rem;
}

.mt-4 {
    margin-top: 4rem;
}

.pt-4 {
    padding-top: 4rem;
}

.mr-4 {
    margin-right: 4rem;
}

.pr-4 {
    padding-right: 4rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.ml-4 {
    margin-left: 4rem;
}

.pl-4 {
    padding-left: 4rem;
}

.mt-6 {
    margin-top: 6rem;
}

.pt-6 {
    padding-top: 6rem;
}

.mr-6 {
    margin-right: 6rem;
}

.pr-6 {
    padding-right: 6rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.pb-6 {
    padding-bottom: 6rem;
}

.ml-6 {
    margin-left: 6rem;
}

.pl-6 {
    padding-left: 6rem;
}

.mt-8 {
    margin-top: 8rem;
}

.pt-8 {
    padding-top: 8rem;
}

.mr-8 {
    margin-right: 8rem;
}

.pr-8 {
    padding-right: 8rem;
}

.mb-8 {
    margin-bottom: 8rem;
}

.pb-8 {
    padding-bottom: 8rem;
}

.ml-8 {
    margin-left: 8rem;
}

.pl-8 {
    padding-left: 8rem;
}

.mt-12 {
    margin-top: 12rem;
}

.pt-12 {
    padding-top: 12rem;
}

.mr-12 {
    margin-right: 12rem;
}

.pr-12 {
    padding-right: 12rem;
}

.mb-12 {
    margin-bottom: 12rem;
}

.pb-12 {
    padding-bottom: 12rem;
}

.ml-12 {
    margin-left: 12rem;
}

.pl-12 {
    padding-left: 12rem;
}

/*==模板==*/
.w152 {
    width: 100%;
    max-width: 152rem;
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 600px) {}

.online {
    width: 11.8rem;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: center;
    background-color: var(--btncol);
    border-radius: 4px 4px 4px 4px;
    font-size: 1.4rem;
    font-family: 'Source Han Sans CN-Light';
    color: #FFFFFF;
}

.online .iconfont {
    color: #FFFFFF;
    margin-right: 1rem;
}


@media screen and (max-width: 1440px) {
    .w152 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 600px) {}

/*==顶部==*/
.top {
    background-color: var(--parcol);
}

.top>div {
    display: flex;
    justify-content: space-between;
    height: 4.8rem;
    align-items: center;
}

.top>div ul li {
    display: inline-block;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.4rem;
    position: relative;
    margin-right: 4.4rem;
}

.top>div ul li::after {
    content: '';
    display: block;
    width: 1px;
    height: 1.6rem;
    background-color: #6B7A98;
    position: absolute;
    right: -2.2rem;
    bottom: 2px;
}

.top>div ul li:last-child {
    margin-right: 0;
}

.top>div ul li:last-child::after {
    display: none;
}

.top>div ul li a {
    color: #96A4C2;
}

/*==header导航==*/
.header {
    background-color: #FFFFFF;
    position: sticky;
    top: 0;
    left: 0;
    transition: all .3s ease;
    z-index: 999;
}
.header.unpinned {
    transform: translate3d(0,-120%,0)
}
.header>div {
    display: flex;
    justify-content: space-between;
    height: 11.5rem;
    align-items: center;
}

.header>div .main-nav li {
    /* display: inline-block; */
    /* margin-right: 5.4rem; */
}

.header>div .main-nav a {
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    color: var(--parcol);
}
.header>div .main-nav a:hover{
    transform: translateY(0);
    transform: scale(1.1);
    font-weight: bold;
}
.header>div .tools {
    display: flex;
    justify-content: space-between;
    column-gap: 6rem;
    align-items: center;
}

.header>div .tools a {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 1.4rem;
    color: var(--parcol);
    display: flex;
    align-items: center;
}

.header>div .tools a .iconfont {
    display: inline-block;
    color: #003399;
    font-size: 2.4rem;
}

/*==copyright版权==*/
.copyright {
    background-color: var(--parcol);
    font-family: 'Source Han Sans CN-Light';
    font-size: 1.6rem;
    color: #FFFFFF;
    font-weight: 300;
}

.copyright>div {
    min-height: 6.4rem;
    display: flex;
    align-items: center;
}

.copyright ul {
    display: flex;
    column-gap: 4rem;
}

.copyright ul a {
    color: #FFFFFF;
}

/*==breadcrumbs面包屑导航==*/
.breadcrumbs {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Inter-Regular';
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: rgba(37, 41, 56, 0.80);
}

.breadcrumbs a {
    color: rgba(2, 38, 77, 0.80);
}

/*==page-banner内页banner==*/
.page-banner {
    height: 40rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-banner h1 {
    margin-top: 12rem;
    color: #FFFFFF;
}

.page-banner p {
    font-family: 'Source Han Sans CN-Light';
    font-size: 2.4rem;
    color: #FFFFFF;
}

/*==new-list==*/
.new-list {
    background-color: #FFFFFF;
    padding-bottom: 15rem;
    padding-top: 9rem;
}

.new-list>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.item-img {
    overflow: hidden;
}

.item-img img {
    transition: all .6s ease;
}

.item-img img:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.new-list .item {
    background-color: var(--bgcol);
    border-radius: 4px 4px 4px 4px;
}

.new-list .item-text {
    padding-top: 2.5rem;
    padding-right: 4.3rem;
    padding-bottom: 6.5rem;
    padding-left: 3.3rem;
}

.new-list .item-text .news-cat {
    display: inline-flex;
    background-color: #E0EAFF;
    color: var(--parcol);
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: 'Mulish-Regular';
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 2.8rem;
    border-radius: 4px 4px 4px 4px;
}

.new-list .item-text h4 {
    font-family: 'Source Han Sans CN-Medium';
    margin-bottom: 2.7rem;
    font-weight: 500;
}

.new-list .item-text h4 a {
    color: var(--parcol);
}

.new-list .item-text .item-link {
    display: flex;
    justify-content: space-between;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.4rem;
    color: var(--parcol);
}

.new-list .item-text .item-link a {
    text-decoration: underline;
    color: var(--parcol);
}

.new-list .item-text .item-link span {
    font-family: Arial;
    opacity: 0.5;
}

.new-list .item:hover {
    background-color: var(--btncol);
}

.new-list .item:hover .news-cat {
    background-color: #FFFFFF;
    color: var(--btncol);
}

.new-list .item:hover h4 a {
    color: #FFFFFF;
}

.new-list .item:hover .item-link {
    color: #FFFFFF;
}

.new-list .item:hover .item-link a {
    color: #FFFFFF;
}

.new-list .item:hover .item-link span {
    opacity: 0.8;
}

/*==new-single新闻详情页==*/
.new-single {
    padding-top: 6rem;
    padding-bottom: 12rem;
}

.new-single>div {
    display: grid;
    grid-template-columns: auto 49rem;
    column-gap: 2rem;
}

.new-single>div .content {
    background-color: #f8f8f8;
    padding: 5.6rem;
    margin-bottom: 2rem;
}

.new-single>div .content h3 {
    color: #02264D;
    margin-bottom: 2rem;
}

.new-single>div .content .gongju {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #DDDDDD;
    font-family: 'Source Han Sans CN-Regular';
    color: '#02264D';
    font-size: 1.6rem;
    opacity: 0.5;
    margin-bottom: 3.5rem;
}

.new-single>div .content .gongju .fabushijian {}

.new-single>div .content .gongju .fabushijian span {
    font-family: 'Arial';
}

.new-single>div .content .gongju .fenxiang {}

.new-single>div .content p {
    color: #02264D;
    margin-bottom: 2rem;
}

.new-single .columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
}

.new-single .columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
}

.new-single .columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
}

.new-single .columns-2 .wp-block-image,
.new-single .columns-3 .wp-block-image,
.new-single .columns-4 .wp-block-image {
    width: 100% !important;
}

.shangxiapian {
    padding: 3rem 3rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    font-family: 'Source Han Sans CN-Medium';
    color: #02264D;
    font-size: 1.8rem;
    background-color: #f8f8f8;
}

.shangxiapian a {
    color: #02264D;
}

.shangxiapian a:hover {
    color: #21A4F6;
}

.shangxiapian .shangpian {
    position: relative;
}

.shangxiapian .shangpian::after {
    display: block;
    content: '';
    width: 1px;
    height: 2.4rem;
    border-right: 1px dotted #DDDDDD;
    position: absolute;
    top: 0;
    right: -2rem;
}

.new-single>div .content figure img {
    max-width: 100%;
}

.new-single>div .side {}

.new-single>div .side .mokuai {
    margin-bottom: 5rem;
}

.new-single>div .side .mokuai h4 {
    font-family: 'Source Han Sans CN-Medium';
    color: #02264D;
    margin-bottom: 2rem;
}

.new-single>div .side .mokuai .item {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    background-color: #f8f8f8;
    border-radius: 2px 2px 2px 2px;
    margin-bottom: 1rem;
    align-items: center;
}

.new-single>div .side .mokuai .item .left .title {
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.new-single>div .side .mokuai .item .left .title a {
    color: #02264D;
}

.new-single>div .side .mokuai .item .left .title a:hover {
    color: #21A4F6;
}

.new-single>div .side .mokuai .item .left .time {
    font-family: 'Arial';
    font-size: 1.2rem;
    color: #02264D;
    opacity: 0.5;
}

.new-single>div .side .mokuai .item .right img {
    width: auto;
    height: 8rem;
}
.new-single>div .side .mokuai .slider{
    position: relative;
}
.new-single>div .side .mokuai .slider .slick-arrow{
    position: absolute;
    top: 42%;
    z-index: 2;
    font-size: 2rem;
    color: #FFFFFF;
    display: block;
    cursor: pointer;
}
.new-single>div .side .mokuai .slider .pre{
    left: 1rem;
}
.new-single>div .side .mokuai .slider .next{
    right: 1rem;
}


.new-single>div .side .mokuai .slider .item2 {
    text-align: center;
    padding: 1rem;
}

.new-single>div .side .mokuai .slider a span {
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.8rem;
    color: #02264D;
}

.new-single>div .side .mokuai .slider a:hover span {
    color: #21A4F6;
}

.new-single>div .side .mokuai .slider a {
    overflow: hidden;
}

.new-single>div .side .mokuai .slider a img {
    transition: all .6s ease;
}

.new-single>div .side .mokuai .slider a:hover img {
    filter: brightness(1.03);
    transform: scale(1.03);
}

/*==tuijiananli成功案例==*/
.tuijiananli {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 192rem;
    overflow: hidden;
    margin-bottom: 5rem;
}

.tuijiananli h1 {
    text-align: center;
    color: #02264D;
    margin-bottom: 6rem;
}

.tuijiananli .slick-track {}

.tuijiananli .zixiang {
    text-align: center;
    margin: 2.5rem;
    transition: all 300ms ease;
    opacity: 0.5;
    margin-bottom: 2.8rem;
}

.tuijiananli .zixiang img {
    max-width: 100%;
    margin-bottom: 2.8rem;
}

.tuijiananli .zixiang a {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 2.4rem;
    color: #02264D;
}

.tuijiananli .zixiang.slick-center {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    opacity: 1;
}

.anliliebiao {
    background-color: #f8f8f8;
    padding-top: 14rem;
    padding-bottom: 13rem;
}

.anliliebiao .w152 {}

.anliliebiao .zixiang {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: #FFFFFF;
    display: grid;
    grid-template-columns: 61.3rem auto;
    gap: 10rem;
}

.anliliebiao .zixiang .tupian {
    overflow: hidden;
    width: 61.3rem;
}

.anliliebiao .zixiang .tupian img {
    transition: all .6s ease;
}

.anliliebiao .zixiang .tupian img:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.anliliebiao .zixiang .wenzi {
    margin-right: 12rem;
}

.anliliebiao .zixiang .wenzi h4 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.anliliebiao .zixiang .wenzi h4 a {
    color: #02264D;
}

.anliliebiao .zixiang .wenzi p {
    font-family: 'Source Han Sans CN-Light';
    color: #02264D;
    margin-bottom: 3rem;
}

.anliliebiao .zixiang .wenzi h5 {
    font-size: 1.6rem;
    color: #02264D;
    margin-bottom: 2rem;
}

.anliliebiao .zixiang .wenzi ul {
    margin-bottom: 3rem;
}

.anliliebiao .zixiang .wenzi ul li {
    display: inline-block;
    margin-right: 2rem;
}

.anliliebiao .zixiang .wenzi ul li a {
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.6rem;
    color: #21A4F6;
    text-decoration: underline;
}

.anliliebiao .zixiang .wenzi .gengduo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
    height: 4.8rem;
    line-height: 4.8rem;
    font-weight: 'Inter-Black';
    font-size: 1.4rem;
    color: #21A4F6;
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #21A4F6;
}

.anliliebiao .zixiang .wenzi .gengduo .iconfont {
    display: inline-block;
    margin-left: 2.3rem;
    font-size: 1.8rem;
}

.anliliebiao .zixiang:hover {
    background-color: #21A4F6;
}

.anliliebiao .zixiang:hover .wenzi h4 a,
.anliliebiao .zixiang:hover .wenzi p,
.anliliebiao .zixiang:hover h5,
.anliliebiao .zixiang:hover .wenzi ul li a,
.anliliebiao .zixiang:hover .wenzi .gengduo {
    color: #FFFFFF;
}

.anliliebiao .zixiang:hover .wenzi .gengduo {
    border-color: #FFFFFF;
}

/*==guanyuwomen关于我们==*/
.page-about {
    padding-top: 12rem;
}

.page-about>div {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.page-about .wp-block-columns {
    margin-bottom: 5rem;
}

.page-about>div.wp-container-3 {
    column-gap: 7rem;
}

.page-about>div.wp-container-3 img {
    margin-top: 4rem;
}

.page-about h1 {
    margin-bottom: 5rem;
}

.page-about h2 {
    margin-top: 6.7rem;
    margin-bottom: 3.4rem;
}

.page-about p {
    font-family: 'Source Han Sans CN-Regular';
    font-weight: 400;
    margin-bottom: 3rem;
    color: rgba(2, 38, 77, 0.7);
}
.about-honor{
    padding-top: 4.8rem;
    padding-bottom: 4.5rem;
    background: url(../images/qyzz.png) no-repeat 100% #f8f8f8;
}
.about-honor h1{
    text-align: center;
    margin-bottom: 13rem;
}
.about-honor a.btn{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20rem;
    height: 6.4rem;
    text-align: center;
    line-height: 6.4rem;
    background: #21A4F6;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Inter-Black';
    font-size: 1.6rem;
    color: #FFFFFF;
}
.about-honor a.btn .iconfont{
    display: inline-block;
    margin-left: 2rem;
}

.about-honor .wrap {
	position: relative;
	width: 107.4rem;
	height: 47.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}
.about-honor .wrap .content {
	position: absolute;
	width: 100%;
	height: 100%;
}
.about-honor .wrap .content li{
	position: absolute;
	background-size: 100% 100%;
	cursor: pointer;
}
.about-honor .wrap a {
	position: absolute;
	z-index: 2;
	top: 50%;
    color: #02264D;
	margin-top: -30px;
	text-align: center;
}
.about-honor .wrap a .iconfont{
    font-size: 4rem;
}
.about-honor .wrap a:hover {
    color: #21A4F6;
}
.about-honor .wrap .prev {
	left: -15rem;
}
.about-honor .wrap .next {
	right: -10rem;
}

.changkutuku2{
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 11.6rem;
    padding-bottom: 13rem;
}
.changkutuku2 h1{
    text-align: center;
    margin-bottom: 7rem;
}
.changkutuku2>div {
    display: grid;
    grid-template-columns: 36.5rem auto 36.5rem;
    column-gap: 2rem;
}

.changkutuku2>div>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    gap: 2rem;
}
.changkutuku2 .zhong {
    position: relative;
}
.changkutuku2 .zhong img{
    width: 100%;
    height: 100%;
}
.changkutuku2 .zhong img:last-child{
    margin-left: 23.7rem;
}
.changkutuku2 .zhong::before{
    display: block;
    content: '';
    width: 21.7rem;
    height: calc((100% - 2rem) / 2);
    background-color: #21A4F6;
    position: absolute;
    bottom: 0;
    left: 0;
}
.changkutuku2 .you a{
    height: 100%;
    background: #02264D;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Source Han Sans CN-Medium';
    font-size: 2.4rem;
    color: #FFFFFF;
    flex-direction: column;
}
.changkutuku2 .you a .iconfont{
    display: block;
    width: 6.4rem;
    height: 6.4rem;
    text-align: center;
    line-height: 6.4rem;
    background-color: #21A4F6;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 2rem;
    margin-bottom: 1rem;
}

/*==动态数据==*/
ul.data {
    display: flex;
    justify-content: space-between;
}

ul.data h2 {
    margin-bottom: 0;
    display: inline;
    font-family: 'Poppins-Bold';
    font-size: 4.8rem;
}

ul.data h5 {
    font-family: 'Source Han Sans CN-Bold';
    margin-bottom: 0;
    display: inline;
    font-size: 3.2rem;
}

ul.data li:first-child h5 {
    font-size: 4.8rem;
    font-family: 'Poppins-Bold';
}

ul.data p {
    font-size: 2.4rem;
}

@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {
    ul.data{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap:2rem
    }
}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 600px) {
    ul.data{
        grid-template-columns: 1fr;
    }
}

/*==changkutuku仓库图库==*/
.tuku {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6rem;
    padding-bottom: 10rem;
}

.tuku h1 {
    margin-bottom: 2rem;
}

.changkutuku {
    margin-bottom: 9.5rem;
}

.changkutuku>div {
    display: grid;
    grid-template-columns: 36.5rem auto 36.5rem;
    column-gap: 2rem;
}

.changkutuku>div>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tuku .columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.tuku .columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.tuku .columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
}

.tuku .columns-2 figure,
.tuku .columns-3 figure,
.tuku .columns-4 figure {
    width: 100% !important;
}

.tuku .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    position: inherit;
    background: #FFFFFF;
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.8rem;
    color: #02264D;
}

/*==page-honor荣誉资质==*/
.page-honor {
    padding-top: 10rem;
    padding-bottom: 10rem;
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.page-honor .columns-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
}

.page-honor .columns-4 .wp-block-image {
    width: 100% !important;
    max-width: 36.5rem !important;
    /* height: 43.4rem !important; */
    display: block !important;
}
.page-honor .columns-4 .wp-block-image a{
    padding: 2rem !important;
    flex: inherit !important;
    object-fit: inherit !important;
    background: #F8F8F8 !important;
    width: 100% !important;
    height: 370px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    max-height: inherit !important;
}
.page-honor .columns-4 .wp-block-image a img{
    /* height: auto !important;
    width: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important; */
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
.page-honor .columns-4 .wp-block-image figcaption{
    position: inherit !important;
    position: inherit !important;
    background: #FFFFFF !important;
    font-family: 'Source Han Sans CN-Medium';
    color: #02264D !important;
    font-size: 1.8rem !important;
    height: 6.4rem !important;
    line-height: 6.4rem !important;
    padding: 0 !important;
    max-height: inherit !important;
    overflow: inherit !important;
}

/* 
.page-honor .columns-4 .wp-block-image a {
    display: block;
    background-color: #f8f8f8;
    padding: 2rem;
    height: 37rem;
}

.page-honor .columns-4 .wp-block-image a img {
    width: auto;
    max-width: 32.3rem !important;
    height: auto;
    max-height: 32.9rem !important;
}

.page-honor .wp-block-image .wp-element-caption {
    
} */

/*==line导航下方的线==*/
.line {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #DDDDDD;
}

/*single-case案例内页*/
.single-case {
    padding-top: 6rem;
    padding-bottom: 8rem;
}

.single-case h2 {
    text-align: center;
    margin-bottom: 7rem;
}

.single-case .wp-block-columns {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    background-color: #f8f8f8;
}

.single-case .wp-block-columns .wp-block-heading {
    font-family: 'Source Han Sans CN-Medium';
    font-weight: 500;
    height: 6.4rem;
    background-color: #EAEDF3;
    line-height: 6.4rem;
    padding-left: 5.6rem;
    padding-right: 5.6rem;
    position: relative;
    cursor: pointer;
}

.single-case .wp-block-columns .active .wp-block-heading {
    background-color: #21A4F6;
    color: #F8F8F8;
    margin-bottom: 6rem;
}

.single-case .wp-block-columns .wp-block-heading::after {
    content: '+';
    display: block;
    font-size: 3rem;
    position: absolute;
    right: 5.6rem;
    top: 0;
}

.single-case .wp-block-columns .active .wp-block-heading::after {
    content: '-';
}

.single-case .wp-block-columns p {
    max-width: 126.4rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.single-case .wp-block-columns .active p {
    display: block;
}

.single-case .wp-block-columns .active {
    padding-bottom: 6rem;
}

.single-case .wp-block-columns .wp-block-gallery {
    max-width: 126.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: none;
}

.single-case .wp-block-columns .active .wp-block-gallery {
    display: block;
}

.single-case .wp-block-columns .active .columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
}

.single-case .wp-block-columns .columns-3 .wp-block-image {
    width: 100% !important;
}

.single-case .tuijiananli {
    margin-bottom: 7rem;
}

/*==single-product产品详情页==*/
.single-product {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.single-product .content {
    background-color: #F8F8F8;
}

.single-product .content .wp-block-column {
    max-width: 126.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.6rem;
}

.single-product .content .wp-block-column h3 {
    margin-bottom: 3.3rem;
}

.single-product .content .wp-block-column h4 {
    font-family: 'Source Han Sans CN-Medium';
    margin-bottom: 1rem;
    font-weight: 500;
}

.single-product .content .wp-block-column p {
    color: rgba(2, 38, 77, 0.70);
}

.single-product .content .wp-block-column p+div {
    margin-top: 3.3rem;
}

.single-product .content .wp-block-column table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.single-product .content .wp-block-column p+table {
    margin-top: 3.3rem;
}

.single-product .content .wp-block-column table th {
    background-color: #CAD7F1;
    color: #02264D;
    font-family: 'Source Han Sans CN-Bold';
    font-size: 1.6rem;
    border-right: 2px solid #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.single-product .content .wp-block-column table td {
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    font-family: 'Poppins-Regular';
    font-size: 1.6rem;
    color: #02264D;
    background-color: #F0F0F0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.single-product .content .wp-block-column table th:last-of-type,
.single-product .content .wp-block-column table td:last-of-type {
    border-right: 0;
}

.single-product .content .wp-block-column table tr:last-of-type td {
    border-bottom: 0;
}

.single-product .content .wp-block-column .wp-block-group {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 2rem;
    justify-content: start;
    align-items: start;
    margin-bottom: 1rem;
}

.single-product .content .wp-block-column .wp-block-group p {
    font-size: 2.4rem;
    line-height: 1;
    color: #02264D;
}

.single-product .content .wp-block-column .wp-block-group h4 {
    position: relative;
    line-height: 1;
}

.single-product .content .wp-block-column .wp-block-group h4::after {
    display: block;
    content: '';
    width: 1px;
    height: 2.4rem;
    background-color: #d8d8d8;
    position: absolute;
    right: -1rem;
    top: 0%;
}

.single-product .content #sub_nav {
    background-color: #E7EBF0;
    padding: 1rem;
    margin-bottom: 7rem;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
}

.single-product .content #sub_nav li {
    display: inline-block;
    text-align: center;
    width: 25.3rem;
    height: 5.6rem;
    line-height: 5.6rem;
    font-family: 'Source Han Sans CN-Medium';
    font-size: 2.4rem;
    background-color: #FFFFFF;
    margin-right: 1rem;
}

.single-product .content #sub_nav li a {
    color: #02264D;
}

.single-product .content #sub_nav li:hover,
.single-product .content #sub_nav li.active {
    background-color: #96A4C2;
}

.single-product .content #sub_nav li:hover a,
.single-product .content #sub_nav li.active a {
    color: #FFFFFF;
}

.single-product .content .wp-block-column ul {
    display: flex;
    font-family: 'Source Han Sans CN-Medium';
    font-weight: 500;
    font-size: 1.8rem;
    color: #02264D;
    column-gap: 1px;
    margin-bottom: 3.3rem;
}

.single-product .content .wp-block-column ul li {
    text-align: center;
    display: flex;
    border-radius: 8px 8px 8px 8px;
    padding: 2rem 6rem;
    background: #E7EBF0;
}

.single-product .content .list h3 {
    padding-bottom: 3.3rem;
    margin-bottom: 0;
    background: #F8F8F8;
}

.single-product .content .list .wp-block-column {
    background-color: #FFFFFF;
    margin-bottom: 1rem;
}

.list+div:not(.list) {
    margin-top: 7.6rem;
}

.single-product .content .list h4.wp-block-heading {
    font-family: 'Source Han Sans CN-Medium';
    font-weight: 500;
    height: 6.4rem;
    background-color: #EAEDF3;
    line-height: 6.4rem;
    padding-left: 5.6rem;
    padding-right: 5.6rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}

.single-product .content .list .active h4.wp-block-heading {
    margin-bottom: 6rem;
}

.single-product .content .list h4.wp-block-heading::after {
    content: '+';
    display: block;
    font-size: 3rem;
    position: absolute;
    right: 5.6rem;
    top: 0;
}

.single-product .content .list .active h4.wp-block-heading::after {
    content: '-';
}

.single-product .content .list p {
    max-width: 99.4rem;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.single-product .content .list .active p {
    display: block;
}

.single-product .content .list .active {
    padding-bottom: 6rem;
}

.single-product .content .list figure {
    max-width: 99.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.3rem;
    margin-bottom: 5rem;
    display: none;
}

.single-product .content .list .active figure {
    display: block;
}

.single-product .content .list .active .columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
}

.single-product .content .list .columns-3 .wp-block-image {
    width: 100% !important;
}

.single-product .top-content {
    display: grid;
    grid-template-columns: auto 75rem;
    column-gap: 7rem;
    margin-bottom: 7rem;
}

.single-product .top-content h2 {
    margin-bottom: 4rem;
}

.single-product .top-content .des {
    padding: 2rem 2.3rem;
    background-color: #f8f8f8;
    margin-bottom: 4rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    line-height: 2;
    color: rgba(2, 38, 77, 0.70);
}

.single-product .top-content ul {
    margin-bottom: 4rem;
}

.single-product .top-content ul li {
    display: flex;
    font-size: 2.4rem;
    font-family: 'Source Han Sans CN-Regular';
    column-gap: 2rem;
    line-height: 1;
    margin-bottom: 2rem;
    color: #02264D;
}

.single-product .top-content ul li h4 {
    position: relative;
    line-height: 1;
}

.single-product .top-content ul li h4::after {
    display: block;
    content: '';
    width: 1px;
    height: 2.4rem;
    background-color: #d8d8d8;
    position: absolute;
    right: -1rem;
    top: 0%;
}

.single-product .top-content .btn {
    display: flex;
    column-gap: 2rem;
}

.single-product .top-content .btn a {
    display: inline-block;
    width: 16.8rem;
    text-align: center;
    height: 6.4rem;
    line-height: 6.4rem;
    background: #E0EAFF;
    border-radius: 4px 4px 4px 4px;
    color: #02264D;
    font-family: 'Inter-Black';
    font-size: 1.6rem;
    font-weight: 900;
}

.single-product .top-content .btn a:first-child {
    background: #21A4F6;
    color: #FFFFFF;
}

.single-product .top-content .btn a .iconfont {
    display: inline-block;
    margin-left: 2.5rem;
}

.single-product .top-content .slider-for {
    margin-bottom: 1rem;
}

.single-product .top-content .slider-nav .slick-slide {
    margin-right: 1rem;
}

.related-pro{
    padding-top: 7rem;
    padding-bottom: 9rem;
    background: url(../images/hot_pro.png) no-repeat 100%;
}
.related-pro h2{
    text-align: center;
    margin-bottom: 7rem;
}
.related-pro>div{
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.related-pro .img{
    overflow: hidden;
}
.related-pro .img a{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.related-pro .text{
    padding: 1.2rem 2rem;
    background-color: #F8F8F8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.related-pro .text:hover{
    background-color: #21A4F6;
}
.related-pro .text .left h5 a{
    color: #02264D;
}
.related-pro .text:hover .left h5 a{
    color: #FFFFFF;
}
.related-pro .text .left span{
    font-family: 'Poppins-Medium';
    color: #96A4C2;
    font-size: 1.4rem;
}
.related-pro .text:hover .left span{
    color: #FFFFFF;
}
.related-pro .text .right a{
    width: 8.8rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border: 1px solid #DDDDDD;
    border-radius: 16px 16px 16px 16px;
    font-family: 'Poppins-Medium';
    color: #21A4F6;
    font-size: 1.2rem;
}
.related-pro .text:hover .right a{
    background: #FFFFFF;
    border: 0;
}
.related-pro .slick-track{
    display: flex;
    column-gap: 2rem;
}
.related-pro .slick-slider{
    position: relative;
}
.related-pro .slick-slider .slick-arrow {
    font-size: 3.5rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: #02264D;
}

.related-pro .slick-slider .slick-arrow:hover {
    color: #21A4F6;
}

.related-pro .slick-slider .pre {
    top: 45%;
    left: -4rem;
}

.related-pro .slick-slider .next {
    top: 45%;
    right: -4rem;
}

.pro-contact{
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #FFFFFF;
}
.pro-contact form{
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    padding: 8rem;
    background-color: #F8F8F8;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 7.6rem;
}
.pro-contact form h1{
    margin-bottom: 1.6rem;
}
.pro-contact form h4{
    margin-bottom: 2.4rem;
}
.pro-contact form input{
    width: 100%;
    padding: 2rem;
    border: 0;
    background-color: #FFFFFF;
    margin-bottom: 2rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    color: rgba(2, 38, 77, 0.40);
}
.pro-contact form textarea{
    width: 100%;
    height: 17.6rem;
    padding: 2rem;
    border: 0;
    background-color: #FFFFFF;
    margin-bottom: 2rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    color: rgba(2, 38, 77, 0.40);
}
.pro-contact form .p-right{
    text-align: right;
}
.pro-contact form button{
    width: 16.8rem;
    height: 6.4rem;
    background-color: #21A4F6;
    border: 0;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Inter-Black';
    font-size: 1.6rem;
    color: #FFFFFF;
    cursor: pointer;
}
/*=archive-pro=*/
.archive-pro {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 36.5rem auto;
    column-gap: 1.3rem;
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.archive-pro .left-side {}

.archive-pro .left-side .side-nav {
    background-color: #F8F8F8;
    padding: 3rem 2rem;
}

.archive-pro .left-side .side-nav h5 {
    font-family: 'Source Han Sans CN-Medium';
    font-weight: 500;
    font-size: 1.8rem;
    color: rgba(2, 38, 77, 0.30);
    margin-bottom: 2.3rem;
}

.archive-pro .left-side .side-nav ul li {
    display: block;
    height: 4.6rem;
    line-height: 4.6rem;
    background-color: #FFFFFF;
    font-family: 'Source Han Sans CN-Medium';
    font-weight: 500;
    font-size: 1.8rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.archive-pro .left-side .side-nav ul li::after {
    content: '+';
    display: block;
    font-size: 3rem;
    position: absolute;
    right: 2rem;
    top: 0;
}

.archive-pro .left-side .side-nav ul li.active {
    background-color: #21A4F6;
    height: auto;
}
.archive-pro .left-side .side-nav ul li .child{
    display: none;
}
.archive-pro .left-side .side-nav ul li.active .child{
    background-color: #FFFFFF;
    padding-top: 3.8rem;
    padding-bottom: 4.6rem;
    padding-left: 5.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 3rem;
}
.archive-pro .left-side .side-nav ul li.active .child a{
    font-size: 1.6rem;
    font-family: 'Source Han Sans CN-Regular';
    font-weight: 400;
    color: #02264D;
}
.archive-pro .left-side .side-nav ul li.active .child a.active{
    color: #21A4F6;
}


.archive-pro .left-side .side-nav ul li.active::after {
    content: '-';
    color: #FFFFFF;
}

.archive-pro .left-side .side-nav ul li a {
    color: #02264D;
}

.archive-pro .left-side .side-nav ul li.active a {
    color: #FFFFFF;
}

.archive-pro .left-side .side-nav ul li a .iconfont {
    display: inline-block;
    margin-left: 1.5rem;
    margin-right: 2rem;
}

.archive-pro .left-side .side-from {
    background: url(../images/sideform.png) no-repeat 100%;
    padding: 3.5rem 1.8rem 6rem;
}

.archive-pro .left-side .side-from input {
    width: 100%;
    display: inline-block;
    background-color: #F8F8F8;
    padding-left: 3.5rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.4rem;
    color: rgba(2, 38, 77, 0.5);
    height: 4.8rem;
    line-height: 4.8rem;
    margin-bottom: 1rem;
    border: 0;
}

.archive-pro .left-side .side-from button {
    width: 100%;
    display: inline-block;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    background: #21A4F6;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Source Han Sans CN-Heavy';
    font-size: 1.4rem;
    border: 0;
    color: #FFFFFF;
}

.archive-pro .left-side .side-from button .iconfont {
    display: inline-block;
    margin-left: 2.4rem;
}

.archive-pro .right-list {}

.archive-pro .right-list>div {
    margin-top: 4.6rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.archive-pro .right-list>div .item {}

.archive-pro .right-list>div .item .img {
    overflow: hidden;
}

.archive-pro .right-list>div .item .img a,
.home-pro .item .img a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.archive-pro .right-list>div .item .img a:hover,
.home-pro .item .img a:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.archive-pro .right-list>div .item .text,
.home-pro .item .text {
    padding: 1.2rem 2rem;
    background-color: #F8F8F8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.archive-pro .right-list>div .item .text:hover,
.home-pro .item .text:hover {
    background-color: #21A4F6;
}

.archive-pro .right-list>div .item .text h5 a {
    color: #02264D;
}

.archive-pro .right-list>div .item .text:hover h5 a {
    color: #FFFFFF;
}

.archive-pro .right-list>div .item .text .left span,
.home-pro .item .text .left span {
    font-family: 'Poppins-Medium';
    color: #96A4C2;
    font-size: 1.4rem;
}

.archive-pro .right-list>div .item .text:hover .left span {
    color: #FFFFFF;
}

.archive-pro .right-list>div .item .text .btn {
    width: 8.8rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border: 1px solid #DDDDDD;
    border-radius: 16px 16px 16px 16px;
    font-family: 'Poppins-Medium';
    color: #21A4F6;
    font-size: 1.2rem;
}

.archive-pro .right-list>div .item .text:hover .btn {
    background: #FFFFFF;
    border: 0;
}

/*page-content*/
.page-content {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.page-content>div {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.page-content .content-top {
    padding-top: 12.8rem;
    padding-bottom: 9.4rem;
    display: grid;
    grid-template-columns: 61.7rem auto;
    column-gap: 15rem;
}

.page-content .content-top .left h1 {
    color: #FFFFFF;
    margin-bottom: 2.6rem;
    display: inline-block;
    font-size: 4.8rem;
}

.page-content .content-top .left h2 {
    font-family: 'Source Han Sans CN-Light';
    font-weight: 300;
    font-size: 3.2rem;
    color: #FFFFFF;
}

.page-content .content-top .right {}

.page-content .content-top .right form {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.page-content .content-top .right form input {
    height: 6.4rem;
    line-height: 6.4rem;
    font-family: 'Source Han Sans CN-Regular';
    color: rgba(2, 38, 77, 0.40);
    font-size: 1.8rem;
    border: none;
    padding-left: 2rem;
}

.page-content .content-top .right form textarea {
    border: none;
    padding: 2rem;
    font-family: 'Source Han Sans CN-Regular';
    color: rgba(2, 38, 77, 0.40);
    font-size: 1.8rem;
}

.page-content .content-top .right form button {
    border: none;
    width: 16.8rem;
    height: 6.4rem;
    line-height: 6.4rem;
    background: #21A4F6;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Inter-Black';
    cursor: pointer;
    color: #FFFFFF;
    font-size: 1.6rem;
}

.page-content .content-top .right form .input1 {
    grid-area: 1 / 1 / 1 / 3;
}

.page-content .content-top .right form .input2 {
    grid-area: 2 / 1 / 2 / 3;
}

.page-content .content-top .right form .input3 {
    grid-area: 3 / 1 / 3 / 3;
}

.page-content .content-top .right form .input4 {
    grid-area: 1 / 3 / 1 / 5;
}

.page-content .content-top .right form .input5 {
    grid-area: 2 / 3 / 4 / 5;
}

.page-content .content-top .right form .input6 {
    grid-area: 4 / 4 / 4 / 5;
}

.page-content .content-top .right form .iconfont {
    display: inline-block;
    margin-left: 2rem;
}

.page-content .content-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.page-content .content-bottom .info {
    background-color: #F8F8F8;
    padding: 11rem 12rem;
}

.page-content .content-bottom .info h2 {
    margin-bottom: 6.6rem;
}

.page-content .content-bottom .info ul li {
    margin-bottom: 2rem;
    display: flex;
    column-gap: 2.2rem;
    align-items: center;
}

.page-content .content-bottom .info ul li h4 {
    display: inline-block;
    position: relative;
}

.page-content .content-bottom .info ul li h4::after {
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background-color: #D8D8D8;
    position: absolute;
    top: 1rem;
    right: -1.1rem;
}

.page-content .content-bottom .info ul li a {
    font-family: 'Poppins-Regular';
    font-size: 1.8rem;
    color: #02264D;
}

.page-content .content-bottom .map {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 50rem;
}

.page-content .content-bottom .map .company {
    width: 38.5rem;
    height: 10rem;
    background: #FFFFFF;
    box-shadow: 0px 24px 32px 0px rgba(2, 38, 77, 0.2);
    position: relative;
    display: grid;
    grid-template-columns: 13rem auto;
    padding: 0.6rem 1.3rem 0.6rem 0.8rem;
    align-items: center;
    column-gap: 2.2rem;
    border-radius: 0.6rem;
    margin-bottom: 2rem;
   
}

.page-content .content-bottom .map .company .text h4 {
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.6rem;
}

.page-content .content-bottom .map .company .text h5 {
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.2rem;
    color: rgba(61, 61, 61, 0.30);
}

.page-content .content-bottom .map .dot {
    position: relative;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.page-content .content-bottom .map .dot span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.4rem;
    width: 6px;
    height: 6px;
    background-color: #21A4F6;
    border-radius: 50%;
}

.page-content .content-bottom .map .dot span:last-child {
    position: absolute;
    width: 3rem;
    height: 3rem;
    background-color: #FFFFFF;
    transform: rotate(45deg);
    border-radius: 0.5rem;
    top: -4.3rem;
    left: -0.8rem;
}

/*=.home-banner=*/
.home-banner {
    background: linear-gradient(123deg, #00194D 0%, rgba(37, 54, 91, 0) 100%);
}

.home-banner .img {
    width: 100%;
    height: 0;
    padding-bottom: 42%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.home-banner>div .slick-slide {
    position: relative;
}

.home-banner>div .text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #FFFFFF;
    animation: mymove 3.6s;
    -webkit-animation: mymove 3.6s;
    /* Safari 和 Chrome */
    /* text-shadow: 2px 2px 2px #000; */
}
.home-banner>div .text  p{
    font-family: 'Source Han Sans CN-Light';
    font-size: 2.4rem;
    font-weight: 300;
}
.home-banner .slick-slide img {
    width: 100%;
}

@keyframes mymove {
    from {
        transform: translateY(-100rem);
        opacity: 0.1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes mymove {
    from {
        transform: translateY(-100rem);
        opacity: 0.1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.home-banner>div .text>div {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 152rem;
    margin: 24rem auto 0;
}

@media screen and (max-width: 1600px) {
    .home-banner>div .text>div {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.home-banner>div .text h1 {
    font-family: 'Source Han Sans CN-Light';
    color: #FFFFFF;
    margin-bottom: 1.7rem;
    width: 100%;
    font-weight: 300;
}

.home-banner>div .text p {
    color: #FFFFFF;
    margin-bottom: 6rem;
}

.home-banner>div .text a {
    width: 17.6rem;
    height: 5.6rem;
    text-align: center;
    line-height: 5.6rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 1.8rem;
    color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    background: #21A4F6;
}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1600px) {
    .home-banner>div .text>div {
        margin-top: 15rem;
    }

    .home-banner .img {
        padding-bottom: 50%;
    }
}

@media screen and (max-width: 1440px) {
    .home-banner>div .text>div {
        margin-top: 16rem;
    }

    .home-banner>div .text>div>span {
        margin-bottom: 3rem;
        font-size: 3rem;
    }

    .home-banner>div .text h1 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 3rem;
    }

    .home-banner .img {
        padding-bottom: 55%;
    }
}

@media screen and (max-width: 1280px) {

    /* .home-banner>div .text p{
        display: none;
    } */
    .home-banner .img {
        padding-bottom: 60%;
    }
}

@media screen and (max-width: 1024px) {
    .home-banner>div .slick-slide img {
        min-height: 50vh;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .home-banner .img {
        padding-bottom: 65%;
    }
}

@media screen and (max-width: 800px) {
    .home-banner>div .text>div {
        margin-top: 10vh;
    }

    .home-banner>div .text>div>span {
        margin-bottom: 2rem;
        font-size: 2rem;
    }

    .home-banner>div .text h1 {
        font-size: 3.6rem;
        line-height: 3.6rem;
        margin-bottom: 2rem;
    }

    .home-banner>div .text h1>span {
        display: inline-block;
    }

    .home-banner>div .text p {
        /* display: none; */
    }

    .home-banner .img {
        padding-bottom: 70%;
    }
}

@media screen and (max-width: 600px) {
    .home-banner .img {
        padding-bottom: 75%;
    }
}

.home-banner + div{
    position: relative;
    height: fit-content;
    padding-top: 10rem;
}
.home-banner + div>div{
    position: relative;
    z-index: 2;
}
.home-banner + div::after{
    content: '';
    display: block;
    width: 71rem;
    height: 100%;
    
background: #EAEDF3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
@media screen and (max-width: 1440px) {
    .home-banner + div{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media screen and (max-width: 1280px) {
    .home-banner + div{
        padding-top: 8rem;
    }
}
@media screen and (max-width: 1024px) {
    .home-banner + div{
        padding-top: 6rem;
    }
}
@media screen and (max-width: 800px) {
    .home-banner + div{
        padding-top: 4rem;
    }
}
@media screen and (max-width: 600px) {

}


/*=page-home=*/
.page-home {
    background: #F8F8F8;
}

.page-home .wp-block-column {
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.page-home .wp-block-column h1 {
    text-align: center;
    margin-bottom: 10rem;
}

.page-home .wp-block-column .wp-block-columns {
    gap: 2.6rem;
}
.page-home .wp-block-column .wp-block-columns>div:first-child{
    max-width: 67.4rem;
}
.page-home .wp-block-column .wp-block-columns h3 {
    margin-bottom: 4rem;
}

.page-home .wp-block-column .wp-block-columns p {
    font-family: 'Source Han Sans CN-Regular';
    color: rgba(2, 38, 77, 0.70);
    margin-bottom: 2rem;
}

.page-home .wp-block-columns+.data {
    margin-top: 7.8rem;
    margin-bottom: 19rem;
    margin-right: 16.9rem;
}

.topic-news {
    background: url(../images/toppic-new.png) no-repeat right center #FFFFFF;
    padding-top: 11.7rem;
    padding-bottom: 16rem;
}

.topic-news>div {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.topic-news .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 7rem;
}

.topic-news .title a {
    width: 14rem;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    background: #F8F8F8;
    border-radius: 24px 24px 24px 24px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #02264D;
}

.topic-news .title a:hover {
    background-color: #21A4F6;
    color: #FFFFFF;
}

.topic-news .list {
    display: grid;
    grid-template-columns: 49.3rem auto;
    gap: 2rem;
    
}

.topic-news .list .item {
    display: flex;
    column-gap: 3.4rem;
    background: #F8F8F8;
}

.topic-news .list .item .img {
    width: 36.4rem;
    height: 20.4rem;
    overflow: hidden;
}

.topic-news .list .item .img a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.topic-news .list .item h3 {
    margin-top: 5.6rem;
    font-size: 2.4rem;
    color: #02264D;
    margin-bottom: 1rem;
}

.topic-news .list .item h3 a {
    color: #02264D;
}

.topic-news .list .item p {
    margin-bottom: 1rem;
}

.topic-news .list .item span {
    font-family: Arial;
    font-size: 1.4rem;
    color: #02264D;
}

.topic-news .list .item .img a:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.topic-news .list .item:first-child {
    grid-area: 1 / 1 / 4 / 1;
    display: block;
    position: relative;
}

.topic-news .list .item:first-child .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
}

.topic-news .list .item:first-child .img a {
    height: 100%;
    padding-bottom: 0;
}

.topic-news .list .item:first-child .text {
    position: absolute;
    width: 100%;
    padding: 0 2.4rem 2.6rem 2rem;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(14, 33, 76, 0) 0%, #04112E 100%);
}

.topic-news .list .item:first-child h3 a {
    color: #FFFFFF;
}

.topic-news .list .item:first-child p {
    color: #FFFFFF;
    opacity: 0.7;
}

.topic-news .list .item:first-child span {
    color: #FFFFFF;
    opacity: 0.5;
}


@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1280px) {
    .page-home .wp-block-column h1{
        margin-bottom: 8rem;
    }
    .page-home .wp-block-columns+.data{
        margin-top: 6rem;
        margin-bottom: 18rem;
    }
}
@media screen and (max-width: 1024px) {
    .page-home .wp-block-column h1{
        margin-bottom: 6rem;
    }
    .page-home .wp-block-columns+.data{
        margin-top: 4rem;
        margin-bottom: 14rem;
    }
}
@media screen and (max-width: 800px) {
    .page-home .wp-block-column h1{
        margin-bottom: 4rem;
    }
    .page-home .wp-block-columns+.data{
        margin-bottom: 10rem;
    }
}
@media screen and (max-width: 600px) {
    .page-home .wp-block-columns+.data{
        margin-bottom: 6rem;
    }
}


/*home-pro*/
.home-pro {
    padding-top: 10rem;
    padding-bottom: 10.3rem;
    background-color: #FFFFFF;
    background: url(../images/hot_pro.png) no-repeat 100%;
}

.home-pro h1 {
    text-align: center;
    margin-bottom: 5.8rem;
}

.home-pro ul {
    display: flex;
    max-width: 115.7rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding: 4px;
    background: #F8F8F8;
    border-radius: 32px 32px 32px 32px;
    column-gap: 0.4rem;
    margin-bottom: 9.3rem;
}

.home-pro ul li {
    border-radius: 28px 28px 28px 28px;
    background: #FFFFFF;
    display: inline-block;
    width: 100%;
    max-width: 28.4rem;
    height: 5.6rem;
    line-height: 5.6rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 2.4rem;
}

.home-pro ul li a {
    color: #02264D;
}

.home-pro ul li .iconfont {
    display: inline-block;
    width: 5.6rem;
    text-align: center;
    height: 5.6rem;
    line-height: 5.6rem;
    border-radius: 50%;
    background: #F8F8F8;
    color: #21A4F6;
    font-size: 2.5rem;
    margin-right: 2rem;
}

.home-pro ul li a.active .iconfont {
    color: #FFFFFF;
    background: #02264D;
}

.home-pro>div {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.home-pro .show {}

.home-pro .item {
    border-radius: 4px 4px 4px 4px;
}

.home-pro .item .img {
    overflow: hidden;
}

.home-pro .slick-slide {
    /* margin-right: 2rem; */
    width: 50.7rem;
}

.home-pro .item .text {
    background: #02264D;
    border-radius: 0 0 4px 4px;
}

.home-pro .item .text h5 a {
    color: #FFFFFF;
    font-family: 'Poppins-Medium';
    font-size: 2.4rem;
    font-weight: 500;
}

.home-pro .item .text .left span {
    color: rgba(255, 255, 255, 0.50);
}

.home-pro .item .text .right a {
    width: 12.5rem;
    text-align: center;
    height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 16px 16px 16px 16px;
    background: #21A4F6;
    font-family: 'Poppins-Medium';
    font-size: 1.4rem;
    color: #FFFFFF;
}

.home-pro .item .text:hover .right a {
    color: #02264D;
    background: #FFFFFF;
}

.home-pro .slick-slider {
    position: relative;
}

.home-pro .slick-slider .slick-track {
    display: flex;
    column-gap: 2rem;
}

.home-pro .slick-slider .slick-arrow {
    font-size: 4rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: #02264D;
}

.home-pro .slick-slider .slick-arrow:hover {
    color: #21A4F6;
}

.home-pro .slick-slider .pre {
    top: 50%;
    left: -4rem;
}

.home-pro .slick-slider .next {
    top: 50%;
    right: -4rem;
}

.page-home .tuijiananli {
    padding-top: 9.7rem;
    padding-bottom: 10rem;
    margin-bottom: 0;
}

/*footer-link*/
.footer-link {
    background-color: #02264D;
    padding-top: 6.6rem;
    padding-bottom: 8rem;
}

.footer-link .w152 {
    display: grid;
    grid-template-columns: auto 46rem;
    column-gap: 15rem;
}

.footer-link .footer-nav ul {
    display: flex;
    justify-content: space-between;
}

.footer-link .footer-nav ul>li a {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 4rem;
}

.footer-link .footer-nav .sub-menu {
    flex-direction: column;
}

.footer-link .footer-nav ul .sub-menu li a {
    margin-bottom: 2rem;
    font-family: 'Source Han Sans CN-Regular';
    font-weight: 400;
    color: rgba(255, 255, 255, 0.50);
    line-height: 21px;
    font-size: 14px;
}

.footer-contact h4 {
    color: #FFFFFF;
    font-size: 1.8rem;
    margin-bottom: 4rem;
}

.footer-contact ul li {
    margin-bottom: 2rem;
    font-family: 'Source Han Sans CN-Regular';
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
}

.footer-contact ul li span {
    display: inline-block;
    position: relative;
    margin-right: 2.5rem;
}

.footer-contact ul li span::after {
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background-color: #DDDDDD;
    position: absolute;
    top: 0;
    right: -1.2rem;
}

.footer-contact ul li a {
    color: rgba(255, 255, 255, 0.50);
    word-wrap: break-word;
    word-break: break-all;
}

.footer-contact>div {
    display: flex;
    column-gap: 4rem;
}

.footer-contact>div .eweima {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.7rem;
    align-items: flex-end;
    margin-bottom: 4rem;
}

.footer-contact>div .eweima img {
    height: auto;
}

/*page-404*/
.page-404 {
    background: url(../images/404.jpg) no-repeat 100%;
}

.page-404>div {
    display: flex;
    align-items: center;
    padding-top: 29rem;
    padding-bottom: 29rem;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.30);
}

.page-404 h1 {
    font-family: 'Poppins-Bold';
    font-size: 12rem;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 2rem;
}

.page-404 p {
    font-family: 'Source Han Sans CN-Bold';
    font-size: 3.2rem;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 2rem;
}

.page-404 a,
.search-404 a {
    width: 16.8rem;
    height: 6.4rem;
    text-align: center;
    line-height: 6.4rem;
    background: #21A4F6;
    border-radius: 4px 4px 4px 4px;
    font-family: 'Inter-Black';
    font-size: 1.6rem;
    color: #FFFFFF;
}

.page-404 a .iconfont {
    display: inline-block;
    margin-left: 2.3rem;
}

/*search-404*/
.search-404 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 15rem;
    padding-bottom: 6.8rem;
}

.search-404 img {
    margin-bottom: 5.5rem;
}

.search-404 h3,
.search-404 h5 {
    margin-bottom: 2.4rem;
}

.search-pro {
    background: #F8F8F8;
    padding-top: 7.5rem;
    padding-bottom: 10.4rem;
}

.search-pro>div {
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
}

.search-pro .tou {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5.3rem;
}

.search-pro .tou a {
    width: 11.8rem;
    height: 3.2rem;
    text-align: center;
    line-height: 2.8rem;
    font-family: 'Inter-Regular';
    font-size: 1.2rem;
    font-weight: 400;
    color: #21A4F6;
    border: 1px solid #21A4F6;
    border-radius: 4px 4px 4px 4px;
}

.search-pro .tou a .iconfont {
    display: inline-block;
    margin-left: 1rem;
}

.search-pro .di {
    position: relative;
}

.search-pro .di .slick-arrow {
    font-size: 4rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: #02264D;
}

.search-pro .di .slick-arrow:hover {
    color: #21A4F6;
}

.search-pro .di .pre {
    top: 50%;
    left: -4rem;
}

.search-pro .di .next {
    top: 50%;
    right: -4rem;
}

.search-pro .di .img {
    overflow: hidden;
}

.search-pro .di .img a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.search-pro .di .text {
    background: #02264D;
    border-radius: 0 0 4px 4px;
    padding: 1.4rem 3rem 2.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.search-pro .di .text h5 a {
    color: #FFFFFF;
    font-size: 2.4rem;
    font-family: 'Poppins-Medium';
    font-weight: 500;
}

.search-pro .di .text .left span {
    color: rgba(255, 255, 255, 0.50);
    font-size: 1.6rem;
    
}

.search-pro .di .text .right a {
    width: 12.5rem;
    text-align: center;
    height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 16px 16px 16px 16px;
    background: #21A4F6;
    
    font-size: 1.4rem;
    color: #FFFFFF;
}

.search-pro .di .img a:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.search-pro .di .text:hover {
    background-color: #21A4F6;
}

.search-pro .di .text:hover h5 a {
    color: #FFFFFF;
}

.search-pro .di .text:hover .btn {
    color: #02264D;
    background: #FFFFFF;
    border: 0;
}

.search-pro .di .slick-track {
    display: flex;
    column-gap: 2rem;
}

.search-page{
    width: 100%;
    max-width: 152rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8rem;
}
.search-page .search-form{
    margin-bottom: 6rem;
}
.search-page .search-form form{
    display: grid;
    grid-template-columns: auto 5.6rem;
    align-items: center;
    width: 100%;
    max-width: 36rem;
    height: 5.6rem;
    line-height: 5.6rem;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    overflow: hidden;
}
.search-page .search-form input{
    margin-left: ;
    height: 5.4rem;
    border: 0;
    color: #02264D;
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.8rem;
    margin-left: 1.8rem;
}
.search-page .search-form button{
    width: 5.6rem;
    height: 5.6rem;
    border: 0;
    background-color: #21A4F6;
    color: #FFFFFF;
    cursor: pointer;
}
.search-page .search-form button .iconfont{
    font-size: 1.6rem;
}
.search-page .result-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3rem;
border-bottom: 1px solid #D8D8D8;
}
.search-page .result-nav p{
    font-family: 'Source Han Sans CN-Bold';
    font-size: 2.4rem;
    color: #02264D;
}
.search-page .result-nav p span{
    color: #21A4F6;
}
.search-page .result-nav p span#count{
    color: #02264D;
}
.search-page .result-nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 8.3rem;
    font-family: 'Source Han Sans CN-Medium';
    font-size: 1.8rem;
    
}
.search-page .result-nav ul li a{
    color: #02264D;
}
.search-page .result-nav ul li.active a{
    color: #21A4F6;
}
.result-box .anliliebiao{
    padding-top: 6.6rem;
    background-color: #fff;
}
.result-box .anliliebiao .zixiang{
    margin-bottom: 0;
}

.search_pro>div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    gap: 2rem;
}

.search_pro>div .item {}

.search_pro>div .item .img {
    overflow: hidden;
}

.search_pro>div .item .img a,
.home-pro .item .img a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.search_pro>div .item .img a:hover,
.home-pro .item .img a:hover {
    filter: brightness(1.03);
    transform: scale(1.03);
}

.search_pro>div .item .text,
.home-pro .item .text {
    padding: 1.2rem 2rem;
    background-color: #F8F8F8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search_pro>div .item .text:hover,
.home-pro .item .text:hover {
    background-color: #21A4F6;
}

.search_pro>div .item .text h5 a {
    color: #02264D;
}

.search_pro>div .item .text:hover h5 a {
    color: #FFFFFF;
}

.search_pro>div .item .text .left span,
.home-pro .item .text .left span {
    font-family: 'Poppins-Medium';
    color: #96A4C2;
    font-size: 1.4rem;
}

.search_pro>div .item .text:hover .left span {
    color: #FFFFFF;
}

.search_pro>div .item .text .btn {
    width: 8.8rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border: 1px solid #DDDDDD;
    border-radius: 16px 16px 16px 16px;
    font-family: 'Poppins-Medium';
    color: #21A4F6;
    font-size: 1.2rem;
}

.search_pro>div .item .text:hover .btn {
    background: #FFFFFF;
    border: 0;
}



/*侧边工具条*/
.sider-contact {
    font-family: 'Poppins-Regular';
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,97%,.5);
    border-radius: .8rem 0 0 .8rem;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    z-index: 999
}

.sider-contact.hide {
    transform: translate(100%,-50%)
}

.sider-contact.hide #sider-contact-switcher span {
    transform: rotate(180deg)
}

.right-nav {
    align-items: center;
    display: flex;
    flex-flow: column;
    font-size: 1.2rem;
    line-height: 1.4rem
}

.right-nav .btn-tit {
    transform: scale(.8)
}

.right-nav li {
    width: 7rem;
    height: 6rem;
    position: relative;
}

.right-nav li:first-child {
    background: #0279f9;
    border-radius: .8rem 0 0 0
}

.right-nav li:first-child a {
    border-radius: .8rem 0 0 0;
    color: #fff;
    
}

.right-nav li:last-child {
    border-radius: 0 0 0 .8rem;
    overflow: hidden
}

.right-nav li a {
    align-items: center;
    color: #1f1a17;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    transition: all .3s ease;
    width: 100%;
}

.right-nav>li>a:hover {
    background: #0279f9;
    color: #fff!important
}

.right-nav li:hover .iconfont {
    filter: brightness(1.1);
    transform: scale(1.1)
}

.right-nav li:hover .right_hide {
    opacity: 1;
    transform: translate(-100%,-50%);
    visibility: visible
}

.right-nav .iconfont {
    display: block;
    font-size: 1.6rem;
    margin-bottom: .2rem;
    transition: all .3s ease
}

.right-nav:hover li:first-child {
    background: transparent
}

.right-nav:hover li:first-child a {
    color: #1f1a17
}

.right_hide {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1rem -2px rgba(61,61,61,.15);
    color: #3d3d3d;
    font-size: 1.4rem;
    left: -10px;
    line-height: 1.6rem;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-110%,-50%);
    transition: all .5s ease;
    visibility: hidden;
    white-space: nowrap
}

.right_hide:before {
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    position: absolute;
    right: -8px;
    top: calc(50% - 4px)
}

.right_hide img {
    display: block;
    max-width: 10rem
}

#sider-contact-switcher {
    align-items: center;
    color: #1f1a17;
    cursor: pointer;
    display: flex;
    height: 6rem;
    justify-content: flex-end;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-100%,-50%);
    width: 3rem;
    z-index: -1
}

#sider-contact-switcher span {
    font-size: 1.4rem;
    transition: all .3s ease
}

#sider-contact-switcher:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,97%,.5);
    border-radius: .8rem;
    content: "";
    display: block;
    height: 5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: center;
    width: 5rem;
    z-index: -1
}

@media screen and (max-width: 810px) {
    .sider-contact {
        background-color:hsla(0,0%,100%,.6);
        border-radius: .8rem .8rem 0 0;
        bottom: 0;
        left: 0;
        top: auto;
        transform: translate(0);
        width: 100%
    }

    .right-nav {
        flex-flow: row
    }

    .right-nav li {
        flex: 1
    }

    .right-nav li:last-child {
        border-radius: 0 .8rem 0 0
    }

    #sider-contact-switcher,.right_hide {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .right_li_swt,.right_li_wechat {
        display:none
    }

    .right-nav li {
        height: 4.6rem
    }
    .new-item, .product-item{
        max-width: 100%;
    }
}

@media screen and (max-width: 1600px) {
    .search-result{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/*导航*/
#menu-main {
    /* display: flex;
    flex-flow: row nowrap; */
    /* justify-content: center; */
    /* column-gap: 5rem; */
    display: flex;
    justify-content: center;
    column-gap: 5.4rem;
    transition: all .3s ease
}

#menu-main>li {
    /* height: 12rem; */
    position: relative
}

#menu-main>li>a {
    /* color: #222222; */
    /* display: inline-block;
    font-weight: 500;
    line-height: 12rem; */
    position: relative;
    transition: color .3s ease
}

#menu-main>li.current-menu-ancestor>a,
#menu-main>li.current-menu-item>a,
#menu-main>li.current-menu-parent>a,
#menu-main>li:hover>a {
    /* color: var(--hover) */
}
#menu-main>li>.sub-menu {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1.4rem 4.8rem -.2rem rgba(0,26,55,.15);
    display: none;
    left: -2.88rem;
    padding: 1.2rem 1.6rem 1.6rem;
    position: absolute;
    z-index: 99;
    top: 2.5rem;
    text-transform: capitalize;
    transition: box-shadow .3s ease
}
#menu-main>li:hover>.sub-menu {
    display: block;
}
#menu-main>li>.sub-menu>li>a {
    border-radius: 2px;
    /* color: #666; */
    display: block;
    /* font-size: 1.4rem; */
    line-height: 2rem;
    padding: .8rem 2.4rem .8rem 1.6rem;
    transition: all .3s ease;
    white-space: nowrap;
}

#menu-main>li>.sub-menu>li>a:hover {
    /* background: rgba(2,121,249,.1); */
    /* color: #3d3d3d */
}

#menu-main>li.has_lv3 {
    position: static
}

#menu-main>li.has_lv3>.sub-menu {
    gap: 2.4rem;
    left: calc(50vw - 130rem/2);
    padding: 3.2rem 4rem 5.6rem;
    width: 130rem;
}
#menu-main>li.has_lv3:hover>.sub-menu{
    display: flex;
    flex-flow: row wrap
}

#menu-main>li.has_lv3>.sub-menu>li {
    flex: auto;
    flex-basis: 20%
}

#menu-main>li.has_lv3>.sub-menu>li>a {
    color: #3d3d3d;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: .8rem;
    text-transform: uppercase;
    transition: all .5s ease
}

#menu-main>li.has_lv3>.sub-menu>li>a:hover {
    background: transparent;
    text-decoration: underline
}

#menu-main>li.has_lv3>.sub-menu .sub-menu {
    display: block
}

#menu-main>li.has_lv3>.sub-menu .sub-menu a {
    color: #666;
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: .8rem 2.4rem .8rem 1.6rem;
    transition: all .1s ease
}

#menu-main>li.has_lv3>.sub-menu .sub-menu a:hover {
    background: rgba(2,121,249,.15);
    color: #3d3d3d
}

#menu-main>li.has_lv3 .current-menu-item>a {
    color: #0279f9!important
}

.header-button{
    display: flex;
    column-gap: 6rem;
    /* margin-right: 16rem; */
    align-items: center;
}
.header-button .last a{
    display: inline-block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    background-color: var(--bbtn);
    border-radius: 50%;
}
.header-button .last .iconfont{
    color: #FFF;
    font-size: 2rem;
}
.header-button .last a:hover{
    background-color: var(--bbtnhover);
}
#search,#mobile,#close,#language {
    position: relative;
}
#language{
    font-family: 'Source Han Sans CN-Bold';
    font-size: 1.4rem;
    color: #02264D;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    position: relative;
}

#language ul{
    display: none;
    flex-direction: column;
    row-gap: 1rem;
    padding: 2rem;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1.4rem 4.8rem -.2rem rgba(0,26,55,.15);
    position: absolute;
    left: 1rem;
    top: 2rem;
    z-index: 9;
    white-space: nowrap;
}
#language ul a{
    color: #02264D;
}
#language ul a:hover{
    color: var(--hover);
}
#language:hover ul{
    display: flex;
}

#search::before,
#mobile::before,
#close::before
{
    content: '';
    display: block;
    width: 1px;
    height: 3.6rem;
    background-color: #DDDDDD;
    position: absolute;
    left: -3rem;
    top: -0.7rem;
}
.header-button span{
    display: inline-block;
    color: #02264D;
    
    cursor: pointer;
}
.header-button .iconfont{
    font-size: 2.4rem;
    color: #003399;
}

#mobile{
    /* display: flex; */
    display: none;
    align-items: center;
    row-gap: 5px;
    flex-direction: column;
    cursor: pointer;
}
#mobile li{
    width: 2rem;
    height: 2px;
    background-color: #555555;
    
}
#close {
    display: none;
    position: relative;
    width: 2rem;
    cursor: pointer;
}
#close li{
    width: 2.8rem;
    height: 2px;
    background-color: #555555;
    position: absolute;
    top: 50%;
    left: 0;
}
#close li:first-child{
    transform: rotate(45deg);
}
#close li:last-child{
    transform: rotate(-45deg);
}


@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1600px) {
    .header .logo{
        margin-left: 6rem;
    }
    .header-button{
        margin-right: 6rem;
    }
}
@media screen and (max-width: 1440px) {
    #menu-main>li.has_lv3>.sub-menu{
        width: 100%;
        left: 0;
    }
    #menu-main{
        column-gap: 4rem;
    }
}
@media screen and (max-width: 1280px) {
    .header{
        column-gap: 5rem;
    }
    .header .logo{
        margin-left: 4rem;
    }
    .header .logo img{
        width: 85%;
    }
    .header-button{
        margin-right: 4rem;
    }
    #menu-main{
        column-gap: 2rem;
    }
    #menu-main>li>a {
        color: #3d3d3d;
        display: inline-block;
        line-height: 3rem;
        padding-bottom: 0;
        position: static;
        text-transform: uppercase;
    }
}
@media screen and (max-width: 1024px) {
    #menu-main,.mburger {
        display: block
    }

    #menu-main {
        background: #dcdcdc;
        box-sizing: border-box;
        height: 100vh;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 6rem 2rem 4rem 3rem;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: all .4s;
        width: 30%;
        z-index: 999;
        column-gap: 2rem;
    }

    #menu-main.show {
        transform: translateX(0)
    }

    #menu-main>li {
        height: auto;
        margin-bottom: 1.6rem;
        position: relative;
        width: 100%
    }

    

    #menu-main>li.current-menu-ancestor>a,#menu-main>li.current-menu-item>a,#menu-main>li.current-menu-parent>a {
        color: #0279f9!important
    }

    #menu-main li:not(:first-child) {
        margin-left: 0
    }

    #menu-main>li>.sub-menu {
        background: transparent;
        box-shadow: none;
        display: none;
        padding: 0!important;
        position: static
    }

    #menu-main>li>.sub-menu a {
        font-size: 1.2rem;
        font-weight: 300
    }

    #menu-main .current-menu-ancestor .sub-menu,#menu-main .current-menu-item .sub-menu,#menu-main .current-menu-parent .sub-menu {
        display: block
    }

    #menu-main>li.has_lv3>.sub-menu {
        transform: translateX(0);
        width: auto
    }

    #menu-main>li.has_lv3>.sub-menu>li {
        margin: 1rem 0
    }
    #mobile{
        display: flex;
    }
    .header .logo img{
        width: 80%;
    }
    .home-banner>div .slick-slide img{
        min-height: 50vh;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media screen and (max-width: 800px) {
    #menu-main {
        width:50%
    }
    .header .logo{
        margin-left: 3rem;
    }
    .header-button{
        margin-right: 3rem;
    }
    .header-button .last{
        display: none;
    }
    .header .logo img{
        width: 75%;
    }
    .header-button .last a{
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }
    .header-button .last .iconfont{
        font-size: 1.6rem;
    }

}
@media screen and (max-width: 600px) {
    #menu-main {
        width:66.66%
    }
    #menu-main>li.has_lv3>.sub-menu>li{
        margin: 0;
        margin-left: 1rem;
    }
    #menu-main>li>.sub-menu>li>a{
        padding:0;
    }
    #menu-main>li.has_lv3:hover>.sub-menu{
        flex-direction: column;
        gap: 1rem;
        margin-top: 2rem;
    }
    .header .logo img{
        width: 70%;
    }
    .header-button .last a{
        width: 3.2rem;
        height: 3.2rem;
        line-height: 3.2rem;
    }
}

.changkutuku .zhong a,
.changkutuku .you a
{
    height: calc((100% - 2rem) / 2);
}
.changkutuku .zhong a img,
.changkutuku .you a img
{
    object-fit: cover;
    height: 100%;
}
/*响应式*/
@media screen and (max-width: 1440px) {
    .home-pro,
    .topic-news,
    .single-product,
    .page-about,
    .breadcrumbs,
    .page-honor,
    .tuku,
    .single-case .wp-block-columns .active p,
    .page-content .content-top,
    .search-pro,
    .search-page
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .topic-news .list{
        grid-template-columns: 46rem auto;
    }
    .page-content .content-top{
        background-color: rgba(0, 0, 0, 0.4);
    }
    .page-home .wp-block-columns+.data{
        margin-right: 0;
    }
}
@media screen and (max-width: 1280px) {
    .home-pro{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .page-home .tuijiananli{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .topic-news{
        padding-top: 8rem;
        padding-bottom: 12rem;
    }
    .topic-news .list{
        grid-template-columns: 40rem auto;
    }
    .footer-link .w152{
        column-gap: 5rem;
    }
    .archive-pro{
        padding-top: 8rem;
    }
    .archive-pro .right-list>div{
        grid-template-columns: 1fr 1fr;
    }
    .single-product .top-content{
        grid-template-columns: auto 60rem;
    }
    .page-about{
        padding-top: 8rem;
    }
    .about-honor h1{
        margin-bottom: 8rem;
    }
    .changkutuku2{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .changkutuku2>div{
        grid-template-columns: 30rem auto 30rem;
    }
    .page-honor{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .anliliebiao{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .anliliebiao .zixiang .tupian{
        width: auto;
    }
    .anliliebiao .zixiang{
        grid-template-columns: 50rem auto;
        gap: 6rem;
    }
    .new-list{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .new-single{
        padding-bottom: 8rem;
    }
    .new-single>div{
        grid-template-columns: auto 40rem;
    }
    .page-content .content-top{
        column-gap: 5rem;
    }
    .page-content{
        background-size: cover;
    }
    .search-pro{
        padding-bottom: 8rem;
    }
    .search_pro{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1100px) {
    .topic-news .list{
        grid-template-columns: 36rem auto;
    }
}
@media screen and (max-width: 1024px) {
    .home-pro{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .home-pro ul{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    .home-pro ul li{
        max-width: 100%;
    }
    .page-home .tuijiananli{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .topic-news{
        padding-top: 6rem;
        padding-bottom: 10rem;
    }
    .topic-news .title{
        margin-bottom: 6rem;
    }
    .topic-news .list{
        grid-template-columns: 1fr;
    }
    .topic-news .list .item:first-child{
        grid-area: auto;
        display: flex;
    }
    .topic-news .list .item:first-child .img{
        width: 36.4rem;
        height: 20.4rem;
    }
    .topic-news .list .item:first-child .img a{
        height: 0;
        padding-bottom: 75%;
    }
    .topic-news .list .item:first-child .text{
        position: inherit;
        width: auto;
        padding: 0;
        background: transparent;
    }
    .topic-news .list .item:first-child h3 a{
        color: #02264D;
    }
    .topic-news .list .item:first-child p,
    .topic-news .list .item:first-child span{
        color: #02264D;
        opacity: 1;
    }
    .topic-news .list .item h3{
        margin-top: 3rem;
    }
    .footer-link .w152{
        grid-template-columns: 1fr;
    }
    .footer-link .footer-nav ul{
        flex-wrap: wrap;
        gap: 2rem;
    }
    .archive-pro{
        padding-top: 6rem;
        grid-template-columns: 1fr;
    }
    .archive-pro .left-side .side-from{
        display: none;
    }
    .archive-pro .right-list>div{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .archive-pro .right-list{
        padding-top: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .single-product .top-content{
        display: block;
    }
    .single-product .top-content .text{
        margin-bottom: 4rem;
    }
    .single-product .content #sub_nav{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    .single-product .content #sub_nav li{
        width: auto;
    }
    .single-product .content .wp-block-columns{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .related-pro{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .single-product .content .list figure,
    .single-product .content .list p{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .single-product .content .wp-block-column ul li{
        padding: 2rem 4rem;
    }
    .page-about{
        padding-top: 6rem;
    }
    .about-honor h1{
        margin-bottom: 6rem;
    }
    .about-honor .wrap{
        width: 100%;
        height: 50rem;
    }
    .about-honor .wrap a{
        z-index: 4;
    }
    .about-honor .wrap .prev{
        left: 0;
    }
    .about-honor .wrap .next{
        right: 0;
    }
    .changkutuku2{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .changkutuku2>div{
        grid-template-columns: 20rem auto 20rem;
    }
    .changkutuku2 .zuo img{
        height: 100%;
    }
    .page-honor{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .page-honor .columns-4{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .anliliebiao{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .anliliebiao .zixiang{
        grid-template-columns: 40rem auto;
        gap: 4rem;
    }
    .new-list{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .new-single{
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
    .new-single>div{
        grid-template-columns: auto 30rem;
    }
    .page-content .content-top{
        display: block;
    }
    .page-content .content-top .left{
        margin-bottom: 4rem;
    }
    .search-pro{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .search_pro{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 800px) {
    .home-pro{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .home-pro h1{
        margin-bottom: 4rem;
    }
    .home-pro ul li{
        font-size: 1.8rem;
    }
    .home-pro .slick-slider .pre{
        left: 0;
    }
    .home-pro .slick-slider .next{
        right: 0;
    }
    .page-home .tuijiananli{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .topic-news{
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
    .topic-news .title{
        margin-bottom: 4rem;
    }
    .archive-pro{
        padding-top: 4rem;
    }
    .archive-pro .right-list>div{
        grid-template-columns: 1fr 1fr;
    }
    .related-pro{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .pro-contact form{
        grid-template-columns: 1fr;
    }
    .single-product .content .wp-block-column ul li{
        padding: 2rem;
    }
    .page-about{
        padding-top: 4rem;
    }
    .about-honor h1{
        margin-bottom: 4rem;
    }
    .changkutuku2{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .changkutuku2>div{
        grid-template-columns: 10rem auto 15rem;
    }
    .page-honor{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .page-honor .columns-4{
        grid-template-columns: 1fr 1fr;
    }
    .tuku .columns-3{
        grid-template-columns: 1fr 1fr;
    }
    .changkutuku>div{
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
    .changkutuku>div>div{
        gap: 2rem;
        height: 20rem;
        overflow: hidden;
    }
    .changkutuku>div>div.zhong,
    .changkutuku>div>div.you
    {
        height: 42rem;
    }
    .changkutuku>div>div img{
        width: 100%;
    }
    .anliliebiao{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .anliliebiao .zixiang{
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }
    .new-list{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .new-list>div{
        grid-template-columns: 1fr 1fr;
    }
    .new-single{
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
    .new-single>div{
        display: block;
    }
    .shangxiapian{
        margin-bottom: 4rem;
    }
    .page-content .content-bottom{
        display: block;
    }
    .page-content .content-bottom .info{
        padding: 5rem;
    }
    .search-pro{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
@media screen and (max-width: 600px) {
    .topic-news .list .item h3{
        margin-top: 2rem;
    }
    .footer-link .footer-nav ul,
    .footer-contact>div,
    .copyright ul{
        flex-direction: column;
        row-gap: 2rem;
    }
    .topic-news .list .item{
        flex-direction: column;
        row-gap: 2rem;
        padding: 2rem;
    }
    .archive-pro .right-list>div{
        grid-template-columns: 1fr;
    }
    .page-honor .columns-4{
        grid-template-columns: 1fr;
    }
    .tuku .columns-3{
        grid-template-columns: 1fr;
    }
    .new-list>div{
        grid-template-columns: 1fr;
    }
    .search_pro{
        grid-template-columns: 1fr;
    }
}