/* 公共样式 */
.flex-centent {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.flex-endCenter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-betweenCenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

.flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.flex-startEnd {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

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

.flex-cententEnd {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.flex-betweenEnd {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flex-endStart {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.flex-directionCenter {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-directionBetween {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.margin_nr_top {
    margin-top: 104px;
}

.margin_left2 {
    margin-left: 2px;
}

.margin_left3 {
    margin-left: 3px;
}

.margin_left5 {
    margin-left: 5px;
}

.margin_left6 {
    margin-left: 6px;
}

.margin_left8 {
    margin-left: 8px;
}

.margin_left10 {
    margin-left: 10px;
}

.margin_left12 {
    margin-left: 12px;
}

.margin_left15 {
    margin-left: 15px;
}

.margin_left16 {
    margin-left: 16px;
}

.margin_left18 {
    margin-left: 18px;
}

.margin_left20 {
    margin-left: 20px;
}

.margin_left22 {
    margin-left: 22px;
}

.margin_left24 {
    margin-left: 24px;
}

.margin_left25 {
    margin-left: 25px;
}

.margin_left30 {
    margin-left: 30px;
}

.margin_left34 {
    margin-left: 34px;
}

.margin_left36 {
    margin-left: 36px;
}

.margin_left38 {
    margin-left: 38px;
}

.margin_left40 {
    margin-left: 40px;
}

.margin_left43 {
    margin-left: 43px;
}

.margin_left44 {
    margin-left: 44px;
}

.margin_left45 {
    margin-left: 45px;
}

.margin_left47 {
    margin-left: 47px;
}

.margin_left48 {
    margin-left: 48px;
}

.margin_left50 {
    margin-left: 50px;
}

.margin_left56 {
    margin-left: 56px;
}

.margin_left60 {
    margin-left: 60px;
}

.margin_left77 {
    margin-left: 77px;
}

.margin_left80 {
    margin-left: 80px;
}

.margin_left95 {
    margin-left: 95px;
}

.margin_left108 {
    margin-left: 108px;
}

.margin_left125 {
    margin-left: 125px;
}

.margin_left208 {
    margin-left: 208px;
}

.margin_right2 {
    margin-right: 2px;
}

.margin_right4 {
    margin-right: 4px;
}

.margin_right5 {
    margin-right: 5px;
}

.margin_right6 {
    margin-right: 6px;
}

.margin_right8 {
    margin-right: 8px;
}

.margin_right10 {
    margin-right: 10px;
}

.margin_right12 {
    margin-right: 12px;
}

.margin_right15 {
    margin-right: 15px;
}

.margin_right20 {
    margin-right: 20px;
}

.margin_right30 {
    margin-right: 30px;
}

.margin_right2p {
    margin-right: 2%;
}

.margin_top12 {
    margin-top: 12px;
}

.margin_top13 {
    margin-top: 13px;
}

.margin_top5 {
    margin-top: 5px;
}

.margin_top1 {
    margin-top: 1px;
}

.margin_top2 {
    margin-top: 2px;
}

.margin_top3 {
    margin-top: 3px;
}

.margin_top6 {
    margin-top: 6px;
}

.margin_top7 {
    margin-top: 7px;
}

.margin_top8 {
    margin-top: 8px;
}

.margin_top10 {
    margin-top: 10px;
}

.margin_top11 {
    margin-top: 11px;
}

.margin_top15 {
    margin-top: 15px;
}

.margin_top16 {
    margin-top: 16px;
}

.margin_top17 {
    margin-top: 17px;
}

.margin_top18 {
    margin-top: 18px;
}

.margin_top20 {
    margin-top: 20px;
}

.margin_top22 {
    margin-top: 22px;
}

.margin_top24 {
    margin-top: 24px;
}

.margin_top25 {
    margin-top: 25px;
}

.margin_top28 {
    margin-top: 28px;
}

.margin_top30 {
    margin-top: 30px;
}

.margin_top31 {
    margin-top: 31px;
}

.margin_top32 {
    margin-top: 32px;
}

.margin_top33 {
    margin-top: 33px;
}

.margin_top35 {
    margin-top: 35px;
}

.margin_top38 {
    margin-top: 38px;
}

.margin_top40 {
    margin-top: 40px;
}

.margin_top42 {
    margin-top: 42px;
}

.margin_top44 {
    margin-top: 44px;
}

.margin_top46 {
    margin-top: 46px;
}

.margin_top48 {
    margin-top: 48px;
}

.margin_top50 {
    margin-top: 50px;
}

.margin_top52 {
    margin-top: 52px;
}

.margin_top57 {
    margin-top: 57px;
}

.margin_top60 {
    margin-top: 60px;
}

.margin_top62 {
    margin-top: 62px;
}

.margin_top64 {
    margin-top: 64px;
}

.margin_top69 {
    margin-top: 69px;
}

.margin_top70 {
    margin-top: 70px;
}

.margin_top73 {
    margin-top: 73px;
}

.margin_top80 {
    margin-top: 80px;
}

.margin_top90 {
    margin-top: 90px;
}

.margin_top100 {
    margin-top: 100px;
}

.margin_top105 {
    margin-top: 105px;
}

.margin_top110 {
    margin-top: 110px;
}

.margin_top150 {
    margin-top: 150px;
}

.margin_top170 {
    margin-top: 170px;
}

.margin_top200 {
    margin-top: 200px;
}

.margin_top254 {
    margin-top: 254px;
}

.margin_bottom2 {
    margin-bottom: 2px;
}

.margin_bottom8 {
    margin-bottom: 8px;
}

.margin_bottom10 {
    margin-bottom: 10px;
}

.margin_bottom15 {
    margin-bottom: 15px;
}

.margin_bottom16 {
    margin-bottom: 16px;
}

.margin_bottom20 {
    margin-bottom: 20px;
}

.margin_bottom28 {
    margin-bottom: 28px;
}

.margin_bottom30 {
    margin-bottom: 30px;
}

.margin_bottom32 {
    margin-bottom: 32px;
}

.margin_bottom40 {
    margin-bottom: 40px;
}

.margin_bottom50 {
    margin-bottom: 50px;
}

.margin_bottom60 {
    margin-bottom: 60px;
}

.margin_bottom80 {
    margin-bottom: 80px;
}

.margin_bottom100 {
    margin-bottom: 100px;
}

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

/* 自定义样式 */
html {
    scroll-behavior: smooth;
}

.head .menu,
.head {
    height: 80px;
}

.head .menu {
    position: relative;
    left: 0px;
    transform: translateX(0);
}

.head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.head .menu ul {
    padding-top: 30px;
}

.language {
    padding-top: 4px;
    font-size: 17px;
    margin-left: 70px;
}

.head .menu ul li.active::after,
.head .menu ul li:hover::after {
    bottom: -6px;
}

.head .menu ul li {
    height: 44px;
}

.head_search {
    padding-top: 3px;
}

.head_search .head_search_box {
    width: auto;
    height: auto;
    background: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0;
}

.head_search .head_search_box i {
    width: 20px;
    height: 20px;
}

.head .logo {
    width: 86px;
    height: 47px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.inner_category::after {
    display: none;
}

.inner_category {
    font-size: 40px;
    text-align: left;
}

.head_search_box span {
    background-color: transparent;
    color: #fff;
    margin-left: 5px;
}

.bgw .head_search_box span {
    color: #303133;
}

.bgw .head_search .head_search_box i {
    background: url(../images/s_image/head_search_1.png) no-repeat;
}

/* 底部 */
.footer {
    background: none;
    background-color: #333333;
}

.foot_logo_img {
    opacity: 0.75;
}

.footer_content .foot_tel_addr .foot_tel_text {
    font-size: 14px;
    opacity: 0.6;
}

.footer_content .foot_tel_addr .foot_tel_num {
    font-size: 18px;
    line-height: 27px;
    margin-top: 0px;
}

.follow_ewm_img {
    width: 95px;
    height: 95px;
}

.footer .footer_content .menu_item .menu_link a,
.gray_color {
    color: #A4A6AC;
    font-size: 15px;
}

.grey_color {
    color: #909399;
}

.footer .footer_content .foot_menu {
    border: none;
}

.copyright_box {
    display: block;
}

.copyright_box .copyright {
    text-align: center;
    margin-top: 0px;
    padding: 13px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* 内容 */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

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

.top_bouncy {
    animation: bounce 3s infinite;
}

.inner_banner_box .sub_category a:hover::after,
.inner_banner_box .sub_category a.active::after {
    background: #273685;
}

.catname_box .catname {
    font-size: 2.5rem;
}

.catname_box .catname::after {
    background: #273685;
    bottom: -1.8rem;
}

.navigate .back_list {
    color: #273685;
}

.breadcrumb {
    line-height: 18px;
}

.product_info .product_left a {
    background-color: transparent;
    border: 1px solid #273685;
    color: #273685;
}

.product_info .product_overview>span::before,
.product_info .product_content>span::before {
    border-radius: 10px;
    top: 26px;
    background: #273685;
}

.swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #CFCFCF;
    opacity: 1;
    width: 11px;
    height: 11px;
}

.swiper-pagination-bullet-active {
    background-color: #273685;
}

.pager .pagination li.active span,
.pager .pagination li.active a {
    background: #273685;
    border: 1px solid #273685;
}

.catname_box .catname::after {
    border-radius: 20px;
}

/* 新闻 */
.new_swiper_img {
    width: 700px;
    height: 396px;
}

.width100p {
    width: 100%;
}

.width100p .new_images_swiper {
    overflow-x: hidden;
    position: relative;
    height: 460px;
}

.white_bg {
    background-color: #fff;
    border-radius: 8px;
}

.inner_body_box_bg_gary {
    background-color: #F5F6F8;
}

.news_content_box .product_screen_category .product_screen_search,
.news_content_box .product_screen_category .product_screen_search input {
    background-color: #fff;
}

.news_list_box .news_item_desc {
    border-radius: 0px 0px 8px 8px;
    padding: 28px;
    border: none;
    border-radius: 8px;
}

.news_list_box time {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    color: #606266;
    font-size: 15px;
}

.news_list_box a.more-info {
    color: #606266;
    margin-top: 0px;
    display: flex;
}

.news_list_box a.more-info::after {
    display: none
}

.news_list_box span {
    padding: 0px;
    font-size: 15px;
}

.news_list_box a:hover span {
    color: #273685;
}

.new_nr_content {
    margin-left: 73px;
    padding-right: 70px;
    flex-grow: 1;
}

.new_title_sty {
    font-size: 24px;
    color: #273685;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.new_title_nrSty {
    color: #909399;
    font-size: 15px;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.more_detail {
    color: #606266;
    font-size: 15px;
}

.more_icon {
    width: 30px;
    height: 30px;

}

.new_images_swiper.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0px;
}

.news_list_box .news_list_item {
    width: 31.5%;
    margin-right: 2.75%;
}

/* 联系我们 */
.inner_body_white_box.contact_nrBg {
    background-color: #F5F6F8;
    padding-top: 110px;
}

.contact_nrBg .contact_box {
    margin-top: 0px;
}

.contact_bg {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    padding: 70px;
}

.contact_topImg {
    position: absolute;
    top: 0px;
    left: 0;
}

.contact_title_sty {
    font-size: 28px;
    color: #303133;
}

.contact_info.contact_bg {
    display: block;
}

.contact_info .contact_info_item {
    border: none;
    display: flex;
    justify-items: flex-start;
    align-items: flex-start;
    width: 28.3%;
    margin-right: 0px;
}

.contact_info .contact_info_item.contact_email {
    width: 43.3%;
}

.phone_sty {
    font-size: 18px;
    color: #606266;
    margin-left: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    width: 95%;
}

.nr_height {
    height: 55px;
}

.cooperation_box form label input {
    padding-left: 10px;
    font-size: 1.0625rem;
}

.cooperation_box form button {
    background: #273685;
}

.product_screen .product_screen_category {
    margin-top: 15px;
}

.min_new {
    display: none;
}

.right_menu {
    background: transparent;
    box-shadow: none;
}

.right_menu .right_tel,
.right_menu .right_weixin,
.right_menu .right_top {
    background-color: rgba(0, 0, 0, .36);
    border-radius: 6px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-items: center;
    align-items: center;
    margin-top: 10px;
    padding-top: 0px;
}

/* 屏幕大小 */
@media screen and (max-width: 1440px) {
    .head .menu {
        min-width: 30rem;
    }

    .new_swiper_img {
        width: 30%;
        height: auto;
    }

    .pc_new {
        padding: 1.25rem;
    }

    .width100p .new_images_swiper {
        height: 14.375rem;
    }

    .new_nr_content {
        margin-left: 1.25rem;
        width: 67%;
        padding-right: 0px;
    }

    .more_icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .more_detail {
        font-size: 0.75rem;
    }

    .new_title_sty {
        font-size: 1.25rem;
        margin-top: 0.3125rem;
        overflow: hidden;
        text-overflow: ellipsis;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .new_title_nrSty {
        font-size: 0.875rem;
        margin-top: 0.3125rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .more_sty {
        margin-top: 0.625rem;
    }

    .news_content_box .page_content .news_list_box {
        padding-top: 2.5rem;
    }

    .phone_sty {
        font-size: 0.875rem;
        padding-bottom: 0px;
    }

    .nr_height {
        font-size: 0.875rem !important;
    }

    #section2 .g-bg .section2_area {
        width: 100%;
    }

    #section2 .g-bg .section2_area .content .left {
        margin-right: 1rem;
    }

    #section1 .g-bg .section1_area,
    #section2 .g-bg .section2_area,
    #section3 .g-bg .section3_area {
        width: 96%;
    }
}

@media screen and (max-width: 1390px) {
    .catname_box .catname {
        font-size: 1.5625rem;
    }

    .catname_box .catname {
        height: 30px;
    }

    .product_screen .product_screen_category {
        margin-top: 0px;
    }

    .contact_topImg {
        width: 100%;
        left: 0px;
    }
}

@media screen and (max-width: 1025px) {
    .head .menu {
        min-width: 28rem;
    }
}

@media screen and (max-width: 991px) {
    header {
        height: 52px;
        background: #273685;
    }

    .hide_category {
        display: block;
    }

    .inner_category {
        left: 13% !important
    }

    .head_search .head_search_box {
        padding: 13px 10px 9px 18px;
    }

    .navi {
        top: 10px;
    }

    header .logo {
        margin-top: 10px;
        margin-left: 3.5rem;
        padding: 0px;
    }

    .language {
        padding-top: 5px;
    }

    .catname_box .catname {
        font-size: 1.2rem;
    }

    .catname_box .catname::after {
        bottom: -0.7rem;
    }

    .copyright_box .copyright {
        border: none;
    }

    .sub_category_product a {
        width: 47%;
        height: 2.4rem;
        line-height: 2.4rem;
    }

    .navigate .back_list {
        color: #fff;
        margin: 0px;
    }

    .news_list_box .news_item_desc {
        padding: 0.9375rem;
    }

    .news_list_box span {
        height: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.94rem !important;
        padding-top: 0px !important;
    }

    .pc_new {
        display: none;
    }

    .min_new {
        display: block;
    }

    .news_list_box .news_list_item {
        width: 48%;
        margin-bottom: 1rem;
    }

    .min_margin {
        margin-top: 0px;
    }

    .min_new {
        padding: 1.25rem;
    }

    .width100p .new_images_swiper {
        height: auto;
    }

    .new_swiper_img {
        width: 100%;
    }

    .new_nr_content {
        width: 100%;
        margin-left: 0px;
        margin-top: 0.625rem;
    }

    .min_more {
        width: 0.875rem;
    }

    .nr_height {
        height: auto;
        padding-bottom: 15px;
    }

    .contact_info .contact_info_item {
        margin-bottom: 0px;
        padding-top: 0px;
    }

    .contact_bg {
        overflow: hidden;
    }

    .contact_title_sty {
        margin-bottom: 20px;
    }

    .contact_info .contact_info_item {
        width: 100%;
    }
}

@media (max-width: 798px) {

    #section1 .g-bg .section1_area,
    #section2 .g-bg .section2_area,
    #section3 .g-bg .section3_area {
        width: 90%;
        padding-top: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
        height: unset;
    }

    .hide_category {
        font-size: 1.8rem;
    }

    .contact_box .catname_box .catname {
        font-size: 1.6rem;
    }

    .inner_body_white_box.contact_nrBg {
        padding-top: 2rem;
    }

    .phone_sty {
        font-size: 1.2rem;
    }

    .nr_height {
        font-size: 1.1rem;
    }

    .inner_category {
        width: 94%;
        font-size: 32px;
        left: 50% !important;
        transform: translateX(-50%) !important;
        -webkit-transform: translateX(-50%) !important;
        -moz-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        -o-transform: translateX(-50%) !important;
    }

    .news_list_box .news_item_desc {
        padding: 0.8rem;
    }

    .news_content_box .page_content .news_list_box {
        padding-top: 1.2rem;
    }

    .news_list_box .img {
        margin-top: 0.6rem;
    }

    .news_list_item .flex-betweenCenter {
        margin-top: 0.6rem;
    }

    .top_bouncy {
        margin-top: 40px;
    }

    .sub_category_product a {
        width: 44%;
    }

    .contact_bg {
        padding: 1rem 1.5rem;
    }

    .contact_info .contact_info_item.contact_email {
        width: 100%;
    }

    .cooperation_box form label input {
        width: 100%;
    }

    .contact_title_sty {
        font-size: 1.4rem;
    }
}