@charset "utf-8";

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

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

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

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

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

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

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

    body,
    html {
        overflow-x: hidden !important;
    }

    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30 {
        padding-top: 20px;
    }

    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30 {
        padding-bottom: 20px;
    }

    .foot_con .foot_left {
        width: 60%;
    }

    .foot_con .foot_right {
        width: 40%;
    }

    .foot_con .foot_left ul li {
        text-indent: -3em;
    }

    /* .foot_right .item2 p {
        letter-spacing: -1px;
    } */
}

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

@media screen and (max-width:960px) {
    .foot_con .foot_middle {
        background-color: inherit;
    }

    .foot_con .foot_left {
        display: none;
    }

    .foot_con .foot_right {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }

    .foot_right .item1,
    .foot_right .item2 {
        width: 100%;
        padding: 0;
    }

    .foot_right .item1 .img {
        width: 94px;
        height: 94px;
    }

    .foot_right .item1 p {
        font-size: 14px;
        line-height: 24px;
    }

    .foot_right .item2 .img {
        width: 100px;
        height: 42px;
        margin: 10px auto;
        display: none;
    }

    .foot_right .item2 p {
        font-size: 14px;
        line-height: 30px;
    }

    .foot_right .item2 p img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width:768px) {
    .about2 ul li {
        width: 22.5%;
        margin-right: 3%;
    }

    .about1 .mains_text h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .about1 .mains_text h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .about1 .mains_text p {
        font-size: 14px;
        line-height: 24px;
    }

    .info_right p strong {
        font-size: 16px;
    }
}

@media screen and (max-width:640px) {
    footer {
        background-color: #01376c;
    }
    footer .copyright {
        padding: 10px 0;
        font-size: 12px;
    }
    footer .copyright .beian{
        margin: 0;
        padding-left: 10px;
    }
    footer .copyright .gabba {
        padding-left: 10px;
    }
    footer .copyright .gabba img {
        width: 15px;
        height: 15px;
        vertical-align: text-top;
    }

    .sj_menu {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        right: 2%;
        top: 15px;
        position: absolute;
    }

    .sj_menu span {
        width: 20px;
        height: 3px;
        display: block;
        margin: 13.5px auto;
        transition: all 1s;
        position: relative;
        background: #cc0000;
    }

    .sj_menu span::after,
    .sj_menu span::before {
        content: "";
        display: block;
        width: 20px;
        height: 3px;
        background: #cc0000;
        transition: all 1s;
        position: absolute;
    }

    .sj_menu span::after {
        bottom: -6px;
    }

    .sj_menu span::before {
        top: -6px;
    }

    .son .sj_menu span {
        position: relative;
        transform: rotate(45deg);
        transition: all 1s;
    }

    .son .sj_menu span::before {
        transform: rotate(90deg);
        top: 0px;
        position: absolute;
        transition: all 1s;
    }

    .son .sj_menu span::after {
        display: none;
    }

    .son .header .head_right {
        transition: all 1s;
        transform: translateX(0);
    }

    header {
        position: fixed;
    }

    header,
    footer,
    .box {
        padding: 0 2%;
    }

    header h1 {
        width: 120px;
        height: 60px;
    }

    header .head_right {
        position: absolute;
        right: 0;
        top: 60px;
        background: #fff;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        transform: translateX(100%);
        transition: all 1s;
    }

    .lg_wrap,
    body .lg-wrap-index {
        padding-top: 60px;
    }

    .head_nav,
    .head_search {
        display: block;
        line-height: 30px;
    }
    .head_lang {
        display: none;
    }
    .head_nav ul {
        display: block;
    }

    .head_nav ul li {
        display: block;
        font-size: 16px;
        line-height: 30px;
        width: 100%;
        text-align: left;
        font-weight: bold;
    }

    .head_nav ul li.active a {
        color: #cc0000;
    }

    .head_nav ul li a {
        color: #004988;
    }

    .head_nav ul li dd a {
        color: #fff;
    }
    .head_nav ul li.active dd a {
        color: #fff;
    }



    .head_nav ul li dl {
        position: static;
        height: auto;
        width: 100%;
        box-shadow: none;
    }

    .head_nav ul li dl dd {
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
        vertical-align: top;
        width: 32%;
        font-weight: normal;
        text-align: center;
    }

    .head_nav ul li dl dd:hover {
        background: none;
    }

    .head_nav ul li dl dd:hover a {
        color: #cc0000;
        font-size: 14px;
    }

    .head_btn {
        display: none;
    }

    .head_search .head_bd {
        position: static;
        opacity: 1;
        width: 100%;
        transform: scaleX(1);
    }

    .head_search .head_bd form {
        height: 40px;
        line-height: 40px;
    }

    .head_search .head_bd #keywords {
        transform: scaleX(1);
    }

    #keywords {
        width: 80%;
    }

    #searchSubmit {
        width: 16%;
    }

    .head_search .head_bd #searchSubmit {
        transform: scale(1);
    }

    .head_search .head_bd #searchSubmit img {
        width: 20px;
    }

    .banner,
    #owl-demo,
    #owl-demo .item {
        height: 200px;
    }

    .owl-theme .owl-controls .owl-dots span {
        width: 10px;
        height: 5px;
    }

    .owl-theme .owl-controls .owl-dots .owl-dot.active span {
        width: 20px;
    }

    .box {
        margin: 10px auto;
    }

    .hot {
        height: 40px;
        line-height: 40px;
        border-radius: 10px;
    }

    .hot_tit {
        width: 20%;
        font-size: 14px;
        line-height: 40px;
    }

    .hot_tit span {
        display: none;
    }

    .hot_con {
        width: 80%;
        height: 40px;
        line-height: 40px;
    }

    .deal_tit {
        width: 35%;
        font-size: 14px;
    }

    .deal_time {
        font-size: 14px;
    }

    .deal_more {
        font-size: 14px;
    }

    .deal_div_right_btn {
        width: 42px;
    }

    .deal_div_right_btn a {
        width: 20px;
        height: 40px;
        font-size: 16px;
    }

    .products ul {
        display: block;
    }

    .products ul li {
        width: 100%;
        margin: 2% auto;
        height: 390px;
        border-radius: 10px;
        cursor: pointer;
    }

    .products ul li .pic {
        height: 390px;
        cursor: pointer;
    }

    .products ul li .tit {
        padding: 15px;
    }

    .products ul li .tit p {
        font-size: 16px;
        line-height: 24px;
    }

    .products ul li .tit::before {
        width: 5px;
        height: 24px;
        top: 15px;
        left: 10px;
    }

    .products ul li .tct {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    .products ul li .tct h3 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
        text-indent: 1em;
    }

    .products ul li .tct h3::before {
        width: 5px;
        height: 30px;
    }

    .products ul li .tct p {
        font-size: 14px;
        line-height: 24px;
    }

    .products ul li .tct_more {
        width: 100px;
        font-size: 14px;
        line-height: 30px;
        margin: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100px;
    }

    #owl-demos:hover .owl-controls .owl-dots span {
        width: 20px !important;
        height: 5px;
    }

    .products ul li .tct span,
    .about_left .tct .more,
    .news .more,
    .product_list ul li .tct span {
        width: 100px;
        font-size: 14px;
        line-height: 30px;
        margin: 20px auto;
    }

    .products ul li .tct span:hover,
    .about_left .tct .more:hover,
    .news .more:hover,
    .product_list ul li .tct span:hover {
        width: 120px;
    }

    .about_left,
    .about_right,
    .news_left,
    .news_right,
    .history_left,
    .history_right,
    .culture4_left,
    .culture4_right,
    .organize_topl,
    .organize_topr {
        width: 100%;
        float: none;
    }

    .main_title span {
        width: 20px;
        height: 5px;
        margin: 0 0 10px;
    }

    .main_title h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .main_title p {
        font-size: 14px;
        line-height: 24px;
    }

    .about_left .tct .tit {
        font-size: 15px;
        line-height: 30px;
    }

    .about_left .tct .txt {
        font-size: 14px;
        line-height: 24px;
    }

    .about_right {
        border-radius: 10px;
        height: 225px;
    }

    .news_left,
    #owl-demos,
    #owl-demos .owl-item .item {
        height: 260px;
        border-radius: 10px;
    }

    #owl-demos .owl-item .item p {
        font-size: 14px;
        line-height: 20px;
        bottom: 10px;
        text-align: left;
    }

    #news_banner .owl-item .item {
        height: 260px;
        border-radius: 10px;
    }

    #news_banner .owl-item .item p {
        font-size: 14px;
        line-height: 20px;
        bottom: 10px;
        text-align: left;
    }


    .news_right .news_item {
        padding: 15px 0;
    }

    .news_right .news_item .news_day {
        width: 20%;
    }

    .news_right .news_item .news_day span {
        font-size: 20px;
        line-height: 36px;
    }

    .news_right .news_item .news_day p {
        font-size: 14px;
        line-height: 24px;
    }

    .news_right .news_item .news_tct {
        width: 80%;
    }

    .news_right .news_item .news_tct h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .news_right .news_item .news_tct p {
        font-size: 14px;
        line-height: 20px;
    }

    .bar {
        height: 160px;
    }

    .crumbs {
        height: 36px;
    }

    .crumbs dl {
        padding: 10px 0;
    }

    .crumbs dl dt {
        width: 16px;
        height: auto;
    }

    .crumbs dl dd {
        font-size: 14px;
        line-height: 16px;
    }

    .crumbs dl dd a{
        font-size: 14px;
    }

    .crumbs dl dd::after {
        padding: 0 5px;
    }

    .about1 {
        height: 320px;
        box-shadow: 0 5px 8px rgb(0 0 0 / 5%), 0 -2px 5px rgb(0 0 0 / 5%);
    }

    .about1 .mains_text img {
        width: 100% !important;
    }

    .abouts {
        height: 100%;
    }

    .about2 ul li {
        width: 48%;
        font-size: 14px;
        line-height: 24px;
        margin-right: 2%;
        text-indent: 0;
    }

    .about3 .yyui_tab>ul>li {
        font-size: 14px;
    }

    .about3 .yyui_tab>ul>li span {
        width: 80px;
        line-height: 30px;
    }

    .about3 .yyui_tab>ul>li span::before {
        width: 10px;
        height: 10px;
        top: 10px;
        left: -4px;
    }

    .about3 .yyui_tab>ul>li::before {
        height: 10px;
        top: 10px;
    }

    .about3 .yyui_tab>ul>li::after {
        width: 12px;
        height: 10px;
        background-size: cover;
        top: 10px;
    }

    .about_btn {
        width: 60px;
        height: 20px;
    }

    .about_btn img {
        display: block;
    }

    .history_left {
        height: 200px;
    }

    .history_right {
        padding: 0;
        margin: 20px auto;
    }

    .history_right h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .history_right h3 em {
        width: 10px;
        height: 10px;
    }

    .history_right h3 em::after {
        width: 5px;
        height: 5px;
        margin: 2.5px auto;
    }

    .history_right p {
        font-size: 14px;
        line-height: 24px;
        margin: 10px auto;
    }

    .history_right ul {
        padding-left: 20px;
    }

    .history_right ul li {
        font-size: 14px;
        line-height: 24px;
        top: 15px;
        left: -2.5px;
    }

    .history_right ul li::before {
        width: 6px;
        height: 6px;
        left: -10px;
        top: 13px;
    }

    .history_right .history_lists {
        height: 100%;
        overflow-y: hidden;
        background: none;
    }

    .history_right .history_lists ul::before {
        left: 10px;
    }

    .swiper-container-honor .swiper-pagination-honor {
        width: 10px;
        right: 0;
    }

    .swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet {
        width: 5px;
        height: 20px;
        margin: 10px auto;
    }

    .culture2_list ul {
        display: block;
    }

    .culture2_list ul li {
        width: 100%;
        margin: 10px auto;
        height: 420px;
        border-radius: 10px;
    }

    .culture2_list ul li .pic {
        display: none;
    }

    .culture2_list ul li .tct {
        padding: 15px;
        height: 100%;
        transform: translateY(0%);
    }

    .culture2_list ul li .tct>h3 {
        font-size: 18px;
        margin: 20px auto;
    }

    .culture2_list ul li .tct h3 img {
        width: 30px;
    }

    .culture2_list ul li:nth-child(1) .tct:nth-child(1) h3 {
        margin-bottom: 30px;
    }

    .culture2_list ul li .tct .tst h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .culture2_list ul li .tct .tst p {
        font-size: 14px;
        line-height: 20px;
    }

    .culture4_left {
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
    }

    .culture4_left h3 {
        width: 100%;
        height: auto;
        writing-mode: initial;
        font-size: 20px;
        line-height: 30px;
        border: none;
    }

    .culture4_left .tct {
        display: none;
    }

    .culture4_right {
        width: 100%;
        height: auto;
    }

    .member .yyui_tab>ul>li {
        font-size: 16px;
        line-height: 36px;
    }

    .organize_top {
        height: auto;
    }

    .organize_topl {
        margin: 0 auto;
        height: auto;
    }

    .organize_topl .pic {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .organize_topl .pic .swiper-container-organize {
        width: 100%;
        height: auto;
    }

    .organize_topl .pic .swiper-container-organize .swiper-slide {
        height: auto;
    }

    .organize_topr {
        height: auto;
        margin-top: 10px;
    }

    .organize_topr span {
        font-size: 16px;
        line-height: 30px;
        width: auto !important;
        margin: 5px auto;
    }

    .organize_topr p {
        font-size: 14px;
        line-height: 24px;
    }

    .organize_btm ul li {
        width: 100%;
        display: block;
        margin: 10px auto;
    }

    .organize_btm ul li h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .organize_btm ul li p {
        font-size: 14px;
        line-height: 24px;
    }

    .organize_list2 ul li {
        margin: 0 auto 10px;
    }

    .organize_list2 ul li .pic,
    .organize_list2 ul li .tct {
        width: 100%;
        float: none;
        height: auto;
        border-radius: 10px;
        margin: 0 auto 10px;
        position: static !important;
    }

    .organize_list2 ul li .tct h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .organize_list2 ul li .tct p {
        font-size: 14px;
        line-height: 24px;
        height: auto;
    }

    .organize_list3 ul li {
        width: 100%;
        margin: 10px auto;
    }

    .organize_list3 ul li h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .organize_list3 ul li p {
        font-size: 14px;
        line-height: 24px;
    }

    .product_list ul li .tct,
    .product_list ul li .pic {
        width: 100%;
        float: none;
        height: auto;
        border-radius: 10px;
    }

    .product_list ul li .tct {
        margin-top: 0;
    }

    .product_list ul li .tct h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .product_list ul li .tct h3 em {
        width: 5px;
        height: 20px;
    }

    .product_list ul li .tct h3 sub {
        font-size: 14px;
    }

    .product_list ul li .tct p {
        font-size: 14px;
        line-height: 24px;
    }

    .product_bdl h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .product_bdl p {
        font-size: 14px;
        line-height: 20px;
    }

    .product_con1,
    .product_bdl {
        width: 98%;
    }

    .product_btm {
        height: auto;
    }

    .bd_left input,
    .bd_right input {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    .btns {
        width: 120px;
        line-height: 30px;
        font-size: 18px;
    }

    .product_bd {
        padding: 15px 0;
    }

    .info_top .info_left,
    .info_top .info_right {
        width: 100%;
        float: none;
        margin: 10px auto;
        height: auto;
    }

    .info_right h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .info_right h3 sub {
        font-size: 14px;
        line-height: 20px;
    }

    .info_right h4 {
        font-size: 14px;
        line-height: 24px;
    }

    .info_right ul {
        padding-left: 20px;
    }

    .info_right ul li,
    .info_right ul p,
    .info_right p,
    .info_btm p {
        font-size: 14px;
        line-height: 24px;
    }

    .product_con2_top dl {
        width: 96%;
    }

    .product_con2_top dt,
    .product_con2_top dd {
        width: 100%;
        height: auto;
    }

    .product_con2_top dt {
        font-size: 16px;
        line-height: 30px;
    }

    .product_con2_top dd {
        border-left: 0;
        padding-left: 0;
    }

    .product_con2_top dd::before {
        display: none;
    }

    .product_con2_top dd p {
        font-size: 14px;
        line-height: 24px;
    }

    .product_con2_top .p1 span {
        font-size: 14px;
        line-height: 24px;
        padding: 0 6px;
        margin-right: 6px;
    }

    .new_left {
        width: 100%;
        float: none;
        border-right: 0;
    }

    .new_right {
        display: none;
    }

    .new_tit {
        font-size: 18px;
        line-height: 30px;
    }

    .new_list ul li {
        display: block;
        padding: 10px 0;
    }

    .new_list ul li .pic {
        width: 45%;
        height: auto;
    }

    .new_list ul li .tct {
        width: 52%;
        padding: 0;
        border-radius: 10px;
    }

    .new_list ul li .tst {
        box-sizing: border-box;
    }

    .new_list ul li .tct h3,
    .new_list ul li .tst h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .new_list ul li .tct h3 em,
    .new_list ul li .tst h3 em {
        font-size: 14px;
    }

    .new_list ul li .tct span,
    .new_list ul li .tst span {
        font-size: 14px;
        line-height: 20px;
    }

    .new_list ul li .tct p,
    .new_list ul li .tst p {
        font-size: 14px;
        line-height: 20px;
    }

    .lg_pages {
        padding: 10px 0;
    }

    .lg_pages ul li {
        font-size: 14px;
        line-height: 30px;
        padding: 0 5px;
    }

    .lg_pages ul li select {
        width: 50px;
    }

    .new_title .new_tits {
        font-size: 18px;
        line-height: 24px;
    }

    .new_title .news_time {
        font-size: 14px;
        line-height: 24px;
    }

    .new_info .mians_text {
        font-size: 14px;
        line-height: 24px;
    }

    .new_page ul li {
        width: 100%;
        margin: 10px auto;
    }

    .new_page ul li span {
        width: 20%;
        font-size: 14px;
        line-height: 30px;
    }

    .new_page ul li p {
        width: 78%;
        font-size: 14px;
        line-height: 30px;
    }

    .job_con {
        width: 100%;
        padding: 10px 0;
    }

    .notice_year {
        font-size: 16px;
        line-height: 30px;
    }

    .notice_year a {
        width: auto;
        font-size: 16px;
        line-height: 30px;
        border-radius: 10px;
        padding: 0 5px;
    }

    .contact_list ul li {
        margin: 10px auto;
        border-radius: 10px;
    }

    .contact_list ul li .notice_day {
        width: 10%;
    }

    .contact_list ul li .notice_day h3 {
        font-size: 20px;
        line-height: 40px;
    }

    .contact_list ul li .notice_day::after {
        width: 2px;
        height: 20px;
    }

    .contact_list ul li .notice_tit {
        width: 70%;
        font-size: 16px;
        line-height: 40px;
        border-radius: 0 10px 10px 0;
    }

    .contact_list ul li .notice_ico {
        width: 10%;
        height: 40px;
    }

    .contact_list ul li .notice_ico::after {
        width: 20px;
        height: 20px;
        margin: 10px auto;
    }

    .contact_list ul li .contact_btms {
        padding: 10px;
    }

    .contact_list ul li .contact_btms .mains_text {
        font-size: 14px;
        line-height: 24px;
    }

    .job_con1 .yyui_tab>ul>li.yyui_tab_title_this em {
        width: 15px;
        height: 15px;
    }

    .job_con1 .yyui_tab>ul>li {
        width: 25%;
        font-size: 16px;
        line-height: 30px;
    }

    .item_title_con {
        width: 85%;
        padding: 10px;
    }

    .jt_ico {
        width: 15%;
        height: 68px;
    }

    .jt_ico::after {
        width: 25px;
        height: 25px;
        margin: 21.5px auto;
    }

    .item_titlel,
    .item_titler {
        float: none;
        width: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }

    .job_item .job_btm .mains_text blockquote {
        width: 100%;
        margin: 10px auto;
    }

    .job_item .job_btm .mains_text blockquote strong {
        font-size: 16px;
        line-height: 30px;
    }

    .job_item .job_btm .mains_text {
        font-size: 14px;
        line-height: 24px;
    }

    .job_item .job_info {
        font-size: 14px;
        line-height: 20px;
    }

    .job_item .job_info span {
        float: none;
        display: block;
    }

    .development_list {
        margin: 10px auto;
        box-shadow: 0 3px 5px rgb(0 0 0 / 20%), 0 -2px 5px rgb(0 0 0 / 20%);
        border-radius: 10px;
    }

    .development_list .development_left,
    .development_list .development_right {
        width: 100%;
        float: none !important;
        box-sizing: border-box;
        height: auto;
        border-radius: 10px;
        position: static;
        padding: 10px;
    }

    .development_list .development_left {
        box-shadow: none;
        text-align: left;
    }

    .development_list .development_left .ico,
    .development_list .development_left .tit {
        width: auto;
        display: inline-block;
        vertical-align: top;
    }

    .development_list .development_right ul li {
        width: 100%;
        margin: 5px auto;
        height: auto;
    }

    .development_list:nth-child(even) .development_left {
        text-align: left;
    }

    .development_list:nth-child(odd) .development_left .tit::after,
    .development_list:nth-child(even) .development_left .tit::before {
        display: none;
    }

    .development_list .development_left .ico img {
        width: 20px;
        height: 20px;
    }

    .development_list .development_left .tit {
        font-size: 16px;
        line-height: 30px;
    }

    .page_fy ul li {
        width: 40px;
        height: 30px;
    }

    .page_fy ul li a::before {
        width: 15px;
        height: 19px;
        margin: 5px auto;
    }

    .product_list ul li .tct h3 sup {
        font-size: 13px;
    }

    .job_item .job_btm .mains_text blockquote:nth-child(2) {
        margin-left: 0;
        width: 100%;
    }
}

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

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

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

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