@charset "utf-8";

/* ****************************************************************************************************************** */

@media screen and (max-width: 1199px) {
    .bk {
        overflow: hidden;
    }
    .head-logo .logo-left p {
        display: none;
    }
    .head-logo {
        height: 120px;
    }
    .head-logo .logo-left {
        padding-top: 20px;
        transform: scale(.9);
    }
    .head-logo .logo-left h2 span {
        display: block;
        position: unset;
        width: auto;
        height: auto;
        background: none;
        color: #999;
        font-size: 18px;
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .head-logo .logo-left span b {
        position: unset;
        width: auto;
        background: none;
        padding: 0;
    }
    .head-logo .logo_right {
        margin-top: 23px;
        transform: scale(.85);
    }
    .itit h3,
    .itit.baidi h3,
    .index-huoban .fl h3 {
        font-size: 34px;
    }
    .itit p,
    .itit.baidi p {
        font-size: 16px;
    }
    .about-thumbs {}
    .about-top .swiper-slide i {
        font-size: 40px;
    }
    .about-top .swiper-slide h3 {
        font-size: 18px;
    }
    .about-top .swiper-slide {
        padding: 20px 0;
    }
    .about-thumbs .swiper-slide .fr {
        padding: 50px;
    }
    .about-thumbs .swiper-slide .fr h3 {
        font-size: 32px;
    }
    .about-thumbs .swiper-slide .fr p {
        font-size: 13px;
        line-height: 24px;
    }
    .about-thumbs .about-pagination {
        bottom: 30px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 2px;
    }
    .about-thumbs .about-button-next {
        bottom: 20px;
    }
    .about-thumbs .about-button-next i {
        font-size: 50px;
    }
    .index-chanpin .cp-l h3 {
        font-size: 24px;
        padding: 20px 25px;
    }
    .index-chanpin .cp-l ul h4 {
        padding: 16px 30px;
        padding-left: 60px;
    }
    .index-chanpin .cp-l ul h4>i {
        top: 15px;
    }
    .tab-top a {
        font-size: 18px;
    }
    .tab-top a i {
        font-size: 18px;
    }
    .index-chanpin .cp-r .tab-top {
        line-height: 80px;
    }
    .index-chanpin .cp-r .tab-item .row>li:nth-of-type(n+9) {
        display: none;
    }
    .index-youshi .slick-list,
    .index-liucheng .slick-list {
        overflow: hidden;
    }
    .wuge .slick-slide {
        margin: 0 5px;
    }
    .wuge .col-md::after {
        display: none;
    }
    .wuge .col-md i {
        font-size: 60px;
    }
    .wuge .col-md h3 {
        font-size: 20px;
    }
    .wuge .col-md {
        padding: 30px 10px;
        border: none;
        background: #f5f5f5;
        border-radius: 10px;
    }
    .wuge .col-md span {
        display: none;
    }
    .wuge .col-md p {
        display: block;
        height: 40px;
        font-size: 12px;
        line-height: 20px;
        opacity: 1;
        top: 0;
        transition: all .6s;
    }
    .wuge .col-md.active p {
        top: 0;
    }
    .guanggao .zuo h3 {
        font-size: 30px;
    }
    .guanggao .zuo span,
    .guanggao .zuo p {
        font-size: 16px;
    }
    .guanggao .you p {
        font-size: 14px;
    }
    .guanggao .you a {
        font-size: 30px;
    }
    .shipin-top i {
        font-size: 40px;
    }
    .shipin-thumbs .ov-h i {
        font-size: 50px;
    }
    .anli .slick-prev {
        left: 0;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .anli .slick-next {
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .index-news .news-top .swiper-slide a {
        padding: 12px 20px;
    }
    .index-news .news-top .swiper-slide a h3 {
        font-size: 16px;
    }
    .news-thumbs .nright {
        padding-left: 50px;
    }
    .news-thumbs .ntxt>div h5 {
        font-size: 16px;
    }
    .news-thumbs .nright a {
        padding: 15px 0;
    }
    .shipin-top .swiper-slide:nth-child(-n+4) a {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
    }
    /* 内页 */
    .toppic {
        padding-top: 200px;
    }
    .video-search #keywords {
        height: 50px;
    }
    .video-search button {
        width: 50px;
    }
    .video-search button i {
        line-height: 50px;
    }
    .nav01 i {
        display: none;
    }
    .r-list .pic i {
        font-size: 70px;
    }
    .nav01 {
        padding: 20px;
    }
    .nav01 h3 {
        font-size: 24px;
    }
    .nav01 p {
        font-size: 14px;
    }
    .l-nav h4 a {
        padding: 0 15px;
        line-height: 50px;
    }
    .l-nav ul li {
        padding: 0 30px;
    }
    .l-nav ul li a {
        line-height: 50px;
        font-size: 14px;
    }
    .l-nav ul.video li a i {
        font-size: 16px;
        top: 1px;
    }
    .l-lianxi p:first-of-type a {
        font-size: 16px;
        display: block;
    }
    .l-lianxi {
        padding: 20px;
    }
    .fenye ul li {
        line-height: 55px;
        height: 55px;
    }
    .fenye ul li a {
        padding: 5px 10px;
    }
    .tjyd h3,
    .chxc h3 {
        padding: 20px 30px;
        font-size: 18px;
    }
    .tjyd h3::after,
    .chxc h3::after {
        left: 30px;
    }
    .tjyd>div {
        padding: 25px 30px;
    }
    .slick-chxc {
        padding: 25px;
    }
    .slick-dots {
        margin-top: 0;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
        margin: 0 3px;
    }
    .l-nav ul li a i {
        margin: 0 5px;
    }
    .c-chanpin .c-tit {
        padding: 30px;
    }
    .c-chanpin .c-tit .col-md-7 h2 {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .c-chanpin .c-tit .col-md-7>p {
        font-size: 12px;
        line-height: 1.6;
        white-space: unset;
        margin-bottom: 40px;
    }
    .ctel {
        height: 45px;
    }
    .ctel .btn01,
    .ctel .btn02 {
        height: 45px;
        line-height: 45px;
        padding: 0 30px;
        font-size: 14px;
    }
    .ctel .btn02 {
        right: 0;
        padding: 0 20px;
    }
    .c-tabbottom .item {
        padding: 20px;
    }
    .videos_box iframe,
    .videos_box embed {
        height: 450px;
    }
    .l-case .pic>div:last-of-type {
        padding: 20px 30px 0;
    }
    .l-case .pic h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .l-case .pic p {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    .c-new {
        padding: 30px;
    }
    .c-new h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .c-new .subtit span {
        font-size: 13px;
    }
    .c-new .c-zhengwen * {
        font-size: 13px;
        line-height: 1.8;
    }
    .slick-new .slick-dots {
        bottom: 20px;
    }
    .c-tag a {
        font-size: 12px;
    }
    .prevnext a span {
        font-size: 13px;
    }
    .tjyd>div a span {
        font-size: 13px;
    }
    .r-list .pic P {
        font-size: 13px;
        padding: 0;
    }
    .tjyd h3 a,
    .chxc h3 a {
        font-size: 13px;
    }
    .l-partnel .pic a {
        margin-bottom: 10px;
    }
    .about-nav {
        padding-top: 0;
    }
    .about-nav h2,
    .l-wenhua h2 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .l-wenhua>div>p {
        font-size: 14px;
        margin-bottom: 50px;
    }
    .about-nav p {
        font-size: 14px;
    }
    .about-nav .abnav a {
        padding: 20px 0;
    }
    .l-about .row>div:first-child {
        padding-top: 20px;
        padding-bottom: 0;
        padding-right: 30px;
    }
    .l-about .row:nth-child(2n)>div:first-child {
        padding-left: 30px;
    }
    .l-about .row>div:first-child h3 {
        font-size: 24px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .l-about .row>div:first-child p {
        font-size: 13px;
        line-height: 1.8;
    }
    .l-about .row>div:first-child u {
        font-size: 16px;
    }
    .l-wenhua {
        padding: 60px 80px;
    }
    .l-new a {
        padding: 30px;
    }
    .c-lianxi .ly01 h3 {
        font-size: 24px;
    }
    .c-lianxi .ly01 p {
        font-size: 13px;
    }
    .c-lianxi .ly01 i {
        font-size: 60px;
    }
    .c-lianxi .ly02 p,
    .c-lianxi .ly02 p a {
        font-size: 14px;
        line-height: 1.8;
    }
    .c-lianxi .ly02 {
        padding-bottom: 50px;
    }
    .c-lianxi .ly03 h5 {
        font-size: 24px;
        padding: 10px;
    }
    .c-lianxi .ly03 .map {
        height: 400px;
    }
    .c-liuyan form .submit {
        padding: 10px;
        font-size: 14px;
    }
    footer .foot01 {
        padding: 40px 0;
    }
    footer .foot01>div:last-child a::after {
        margin: 0 12px;
    }
    footer .foot02 .ff01 ul li a,
    footer .foot02 .ff02 p {
        font-size: 13px;
        line-height: 2;
    }
    footer .foot02 .ff02 div span,
    footer .foot02 .ff03 p {
        font-size: 13px;
    }
    footer .foot02 .ff02>div a {
        font-size: 24px;
    }
    footer .foot02 .ff02 i {
        font-size: 48px;
    }
    footer .foot02 .ff03>div {
        width: 130px;
        height: 130px;
    }
    footer .foot03,
    footer .foot03 a {
        font-size: 13px;
        line-height: 50px;
    }
}


/* ****************************************************************************************************************** */

@media screen and (max-width: 991px) {
    .mobile {
        display: inline-block;
    }
    .container {
        padding: 0 20px;
    }
    .head-top {
        display: none;
    }
    .head-logo {
        height: 75px;
    }
    .head-logo .logo-left {
        padding-top: 23px;
        transform: scale(1);
    }
    .head-logo .logo-left a.weblogo {
        width: 115px;
    }
    .head-logo .logo-left>div {
        border-left: 1px solid #f0f0f0;
        padding-left: 10px;
        margin-left: 10px;
    }
    .head-logo .logo-left h2 {
        font-size: 22px;
        margin: 0;
        margin-top: 5px;
    }
    .head-logo .logo-left h2 span {
        font-size: 12px;
        line-height: 1.6;
    }
    .head-logo .logo_right {
        display: none;
    }
    .m-meau {
        display: block;
        float: right;
    }
    .m-meau i {
        font-size: 30px;
        color: #333;
        line-height: 75px;
        position: relative;
        z-index: 12;
        display: block;
    }
    .m-meau.active {
        position: fixed;
        right: 25px;
        min-width: 10%;
        text-align: right;
        z-index: 99999;
    }
    .head-nav {
        width: 80%;
        max-width: 400px;
        height: auto;
        min-height: 100vh;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 9999;
        background: #ff4000;
        transition: all .5s;
    }
    .head-nav::after {
        content: '';
        background: #ff4000;
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 400px;
        height: 100vh;
        z-index: 8;
    }
    .head-nav::before {
        content: '';
        background: rgba(0, 0, 0, .8);
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        /* max-width: 260px; */
        height: 100vh;
        z-index: 5;
        /* display: none; */
        opacity: 0;
    }
    .navbar {
        flex-flow: column;
        align-items: unset;
        padding-top: 50px;
    }
    .navbar .yiji {
        text-align: left;
        /* border-bottom: 1px dashed  rgba(255, 255, 255, 0.2); */
        /* background: rgba(0, 0, 0, 0.1); */
        /* margin-bottom: 5px; */
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
        /* border-radius: 5px; */
    }
    .navbar .yiji.active>a {
        background-color: unset;
    }
    .navbar .yiji>a {
        font-size: 15px;
        line-height: 50px;
        padding-left: 20px;
    }
    .navbar .yiji>a::after {
        /* content: "\e728"; */
        display: none;
    }
    .navbar .yiji>i {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        line-height: 45px;
        width: 45px;
        text-align: center;
        opacity: .5;
        cursor: pointer;
    }
    .navbar .erji {
        display: none;
        position: unset;
        background-color: rgba(255, 255, 255, 0.9);
    }
    .navbar .erji a {
        color: #666;
        /* padding-left: 30px; */
        margin: 0 20px;
        border-bottom: 1px dashed #bbb;
    }
    .head-nav.active,
    .head-nav.active::after {
        right: 0;
        transition: all .6s;
    }
    .head-nav.active::before {
        opacity: 1;
        right: 0;
        /* display: block; */
        transition: opacity .8s;
    }
    .m-meau.active i {
        color: #fff;
        transition: all .6s;
    }
    .m-meau.active i::before {
        content: '\e625';
    }
    .navbar .yiji.on>i::before {
        content: '\e728';
    }
    .navbar .yiji.on>a {
        background-color: #333;
    }
    .navbar .erji a:hover {
        color: #333;
        background-color: unset;
    }
    .mlg {
        display: block;
    }
    .mlg a {
        display: block;
        color: #fff;
        text-align: center;
        background: rgba(0, 0, 0, 0.2);
        line-height: 1;
        padding: 12px;
        margin-top: 20px;
    }
    .mlg a i {
        margin-right: 5px;
        position: relative;
        top: 1px;
    }
    .fwzc {
        padding: 0;
    }
    .index-search {
        padding: 20px 0;
        line-height: 2;
    }
    .index-search .sousuo input {
        background-color: #f0f0f0;
        box-shadow: unset;
        outline: none;
    }
    .index-search .sousuo {
        width: 60%;
    }
    .index-search .sousuo button {
        width: 60px;
        height: 40px;
        line-height: 40px;
    }
    .index-search>div>div:first-child {
        width: 100%;
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 20px;
        float: unset;
        text-align: center;
    }
    .index-search>div>div a {
        margin-right: 10px;
    }
    .index-about {
        padding: 50px 0;
    }
    .itit h3,
    .itit.baidi h3,
    .index-huoban .fl h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .itit p,
    .itit.baidi p {
        font-size: 13px;
    }
    .itit {
        padding-bottom: 20px;
    }
    .index-about::before {
        height: 400px;
    }
    .about-top {
        padding-bottom: 20px;
    }
    .about-top .swiper-slide i {
        height: 30px;
        font-size: 30px;
        margin-bottom: 5px;
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
    }
    .about-top .swiper-slide h3 {
        font-size: 12px;
    }
    .about-top .swiper-slide.swiper-slide-thumb-active::after {
        display: none;
    }
    .about-top .swiper-slide {
        padding: 10px 0;
    }
    .about-thumbs .swiper-slide .fl {
        width: 100%;
        float: unset;
        padding: 20px 25px;
        padding-bottom: 0;
    }
    .about-thumbs .swiper-slide .fr {
        width: 100%;
        float: unset;
        padding: 20px 25px;
        padding-bottom: 40px;
    }
    .about-thumbs .swiper-slide .fr h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-thumbs .swiper-slide .fr p {
        font-size: 12px;
        line-height: 1.8;
        color: #fff;
    }
    .about-thumbs .about-pagination,
    .about-thumbs .about-button-next {
        display: none;
    }
    .index-chanpin .cp-l {
        width: 100%;
        float: unset;
        display: none;
    }
    .index-chanpin .cp-r {
        width: 100%;
        float: unset;
    }
    .tab-top a {
        font-size: 16px;
    }
    .tab-top a:nth-of-type(2n) {
        border-right: none;
    }
    .tab-top a:nth-of-type(1),
    .tab-top a:nth-of-type(2) {
        border-bottom: 1px solid #f0f0f0;
    }
    .index-chanpin .cp-r .tab-top {
        line-height: 60px;
        padding: 0;
    }
    .index-chanpin .cp-r .tab-item {
        padding: 20px;
    }
    .index-chanpin .cp-r .tab-item .row>li:nth-of-type(n+7) {
        display: none;
    }
    .tab-item ul li a>div p {
        font-size: 12px;
        line-height: 40px;
    }
    .index-chanpin {
        padding-bottom: 50px;
    }
    .index-youshi {
        padding: 50px 0;
    }
    .wuge .slick-arrow {
        left: -10px;
    }
    .wuge .slick-next {
        right: -10px;
        left: unset;
    }
    .wuge .col-md i {
        font-size: 50px;
    }
    .wuge .col-md h3 {
        font-weight: 16px;
    }
    .guanggao {
        height: 130px;
    }
    .guanggao .zuo {
        display: none;
    }
    .guanggao .you {
        text-align: center;
    }
    .guanggao .you p {
        margin-top: 30px;
        padding: 5px 20px;
        margin-bottom: 0;
    }
    .guanggao .you a {
        font-size: 24px;
    }
    .guanggao .you i {
        font-size: 30px;
    }
    .index-shipin {
        padding: 50px 0;
    }
    .shipin-top i {
        font-size: 30px;
    }
    .shipin-top h3 {
        font-size: 14px;
    }
    .shipin-top .swiper-slide:first-child a,
    .shipin-top .swiper-slide:nth-of-type(4) a,
    .shipin-top .swiper-slide:nth-of-type(7) a {
        border-left: none;
    }
    .shipin-top .swiper-slide:nth-child(-n+3) a,
    .shipin-top .swiper-slide:nth-child(-n+6) a {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
    }
    .index-shipin .container-fluid {
        padding: 0 20px;
    }
    .shipin-thumbs p {
        padding: 12px 20px;
        font-size: 12px;
    }
    .shipin-thumbs .pic:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .hang {
        margin-top: 40px;
    }
    .btn01 {
        margin: 0 2px 10px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 40px;
    }
    .btn01 i {
        font-size: 18px;
        margin-right: 5px;
    }
    .index-liucheng {
        padding-bottom: 50px;
    }
    .index-anli {
        padding: 50px 0;
    }
    .anli {
        padding: 0 20px;
        padding-bottom: 50px;
    }
    .anli .slick-arrow {
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.9);
    }
    .anli .slick-arrow i {
        line-height: 40px;
        font-size: 18px;
    }
    .anli .item h4 {
        padding: 20px 20px 8px;
        font-size: 14px;
    }
    .anli .item p {
        padding: 0 20px;
        font-size: 12px;
    }
    .index-huoban .fl {
        padding: 30px;
    }
    .index-huoban .fl p {
        font-size: 14px;
    }
    .index-huoban .fl i {
        display: none;
    }
    .index-huoban .slick-slide img {
        display: block;
        padding: 10px;
        background: #fff;
    }
    .index-huoban .slick-dots {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
    .index-huoban .slick-dots li {
        display: inline-block;
    }
    .index-huoban .slick-dots li button {
        width: 12px;
        height: 12px;
        border-radius: 10px;
        display: inline-block;
        background-color: #ccc;
        margin: 0 4px;
        font-size: 0;
    }
    .index-huoban .slick-dots li.slick-active button {
        background-color: #ff4000;
    }
    .slick-huoban .slick-slide>div:nth-child(-n+3) {
        border-bottom: 1px solid #f1f1f1;
    }
    .index-news {
        padding: 50px 0;
    }
    .index-news .news-top {
        padding-bottom: 20px;
    }
    .index-news .news-top .swiper-slide a {
        margin: 0 4px;
        padding: 10px 10px;
    }
    .index-news .news-top .swiper-slide a h3 {
        font-size: 14px;
    }
    .news-thumbs .nright {
        padding-left: calc(var(--bs-gutter-x) / 2);
    }
    .news-thumbs .ntxt>div p {
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    .news-thumbs .nright .ntxt date {
        display: none;
    }
    .news-thumbs .nright .ntxt>div {
        padding-left: 0;
        width: 100%;
    }
    .news-thumbs .nright .ntxt h5 {
        font-size: 14px;
    }
    .index-links {
        padding: 30px 0;
    }
    .index-links .fl {
        width: 100px;
    }
    .index-links .fr {
        width: calc(100% - 100px);
    }
    .index-links h3,
    .index-links i {
        font-size: 16px;
    }
    .index-links .fr a {
        font-size: 12px;
        margin: 0 5px;
    }
    footer {
        padding-top: 50px;
    }
    footer .foot01 {
        padding: 0;
    }
    footer hr {
        margin: 20px 0 10px;
    }
    footer .foot01>div:last-child {
        display: none;
    }
    footer .foot02 {
        padding-top: 0;
        padding-bottom: 50px;
    }
    footer .foot02 .ff01 {
        width: 100%;
        margin: 0;
        margin-bottom: 50px;
        overflow: hidden;
    }
    footer .foot02 .ff01 ul {
        width: 100%;
        /* padding: 0 20px; */
        margin-bottom: 5px;
    }
    footer .foot02 .ff01 ul h3 a {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        /* border: 1px solid rgba(255, 255, 255, 0.5); */
        padding: 0 20px;
        line-height: 40px;
        font-weight: normal;
        margin-bottom: 0;
    }
    footer .foot02 .ff01 ul h3 a.on {
        margin-bottom: 10px;
    }
    footer .foot02 .ff01 ul li {
        margin: 0 20px;
        /* border-bottom: 1px dashed rgba(255, 255, 255, 0.2); */
        display: none;
    }
    footer .foot02 .ff01 ul li {
        width: calc(50% - 40px);
        float: left;
    }
    footer .foot02 .ff01 ul:first-child li {
        display: block;
    }
    footer .foot02 .ff01 ul li a {
        line-height: 1.6;
        color: #999;
        padding-bottom: 10px;
    }
    footer .foot02 .ff01 ul li:last-child {
        /* border: none; */
    }
    footer .foot02 .ff01 ul h3 {
        position: relative;
    }
    footer .foot02 .ff01 ul h3 i {
        display: inline-block;
        width: 60px;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        font-weight: normal;
        z-index: 1;
        cursor: pointer;
        opacity: .5;
    }
    footer .foot02 .ff01 ul h3 .on {
        background-color: #ff4000;
    }
    footer .foot02 .ff02 p {
        /*display: none;*/
    }
    footer .foot02 .ff02 i {
        line-height: 1;
        top: 0;
    }
    footer .foot02>div {
        /* padding: 0 20px; */
        float: unset;
        width: 100%;
    }
    footer .foot02 .ff03 {
        display: none;
    }
    footer .foot03 {
        padding: 10px;
        padding-bottom: 20px;
    }
    footer .foot03,
    footer .foot03 a {
        line-height: 22px;
        text-align: center;
        font-size: 12px;
    }
    footer .foot03 .fr {
        display: none;
    }
    /*  */
    .toppic {
        padding-top: 100px;
        margin-bottom: 50px;
    }
    .toppic .toptit {
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        display: flex;
        flex-wrap: nowrap;
        flex-flow: nowrap;
        overflow-x: auto;
    }
    .toppic .position {
        width: auto;
        font-size: 12px;
        flex-shrink: 0;
        padding-right: 20px;
    }
    .toppic .position i.icon-shouye1 {
        font-size: 18px;
    }
    .toppic .position i {
        margin: 0 5px;
    }
    .top-ps,
    .top-ps .toptit {
        padding: 0;
        background: #ff4000;
    }
    .top-ps .position,
    .top-ps .position a,
    .top-ps .position a:last-child {
        color: #fff;
    }
    .top-ps .position i {
        color: #fff;
        opacity: .6;
    }
    .video-search form {
        width: 100%;
    }
    .video-search p {
        display: none;
    }
    .video-search {
        margin-bottom: 20px;
    }
    .video-search button i {
        font-size: 20px;
    }
    .nav01,
    .l-lianxi {
        display: none;
    }
    .l-nav {
        margin-bottom: 50px;
    }
    .l-nav ul.video {
        /* margin-bottom: 1px; */
        overflow: hidden;
    }
    .l-nav ul.video li {
        width: 50%;
        float: left;
        border: none;
    }
    .l-nav ul.video h4 a i {
        font-size: 16px;
        top: 2px;
    }
    .l-nav ul h4>i {
        width: 60px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
    }
    .l-nav h4 a {
        line-height: 40px;
        font-size: 14px;
        padding-right: 0;
        background-color: #f5f5f5;
        font-weight: normal;
    }
    .r-list {
        padding-left: 0;
    }
    .r-list .pic P {
        padding: 12px;
        line-height: 1.8;
    }
    .fenye ul li {
        line-height: 40px;
        height: 40px;
        font-size: 12px;
    }
    .fenye ul li:first-child a,
    .fenye ul li:last-child a {
        padding: 0 10px;
    }
    .fenye ul li i {
        line-height: 1;
        font-size: 16px;
        top: 2px;
    }
    .tjyd h3,
    .chxc h3 {
        padding: 18px 25px;
        font-size: 16px;
    }
    .tjyd h3::after,
    .chxc h3::after {
        left: 25px;
        width: 63px;
    }
    .tjyd h3 a,
    .chxc h3 a {
        width: 60px;
    }
    .tjyd>div {
        padding: 20px;
    }
    .slick-chxc {
        padding: 20px;
    }
    .slick-chxc .item a {
        margin: 0;
    }
    .chxc {
        margin-bottom: 50px;
    }
    .toppic form {
        display: none;
    }
    .c-video {
        padding: 20px;
    }
    .c-video .c-tit h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .c-video .c-tit p {
        font-size: 12px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .c-tag {
        padding-top: 20px;
    }
    .prevnext,
    .prevnext {
        line-height: 40px;
        font-size: 12px;
    }
    .prevnext i,
    .prevnext i {
        width: 40px;
        margin-right: 20px;
    }
    .mm .l-nav ul {
        margin-bottom: 1px;
    }
    .mm .l-nav h4.active a {
        background-color: #ff4000;
        color: #fff;
    }
    .mm .l-nav h4.active>i {
        color: #fff;
    }
    .mm .l-nav h4 a {
        background-color: #f5f5f5;
        color: #666;
    }
    .mm .l-nav ul li a {
        line-height: 40px;
        font-size: 13px;
    }
    .mm .l-nav h4>i {
        color: #999;
    }
    .mm .l-nav ul>li {
        display: none;
    }
    .c-chanpin .c-tit {
        padding: 0;
        border: none;
    }
    .c-chanpin .c-tit .col-md-7 {
        padding-left: 0;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .c-chanpin .c-tit .col-md-7 h2 {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .c-chanpin .c-tit .col-md-7>p {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .ctel .btn01,
    .ctel .btn02 {
        margin: 0;
    }
    .c-tabtop .item {
        line-height: 40px;
        font-size: 12px;
    }
    .c-tabbottom .item {
        padding: 15px;
    }
    .videos_box {
        margin-bottom: 15px;
    }
    .c-tabbottom .item p {
        font-size: 12px;
        line-height: 1.6;
    }
    .c-tabbottom .item table {
        margin: 5px 0;
    }
    .c-tabbottom .item .pic p {
        padding: 6px 10px;
        font-size: 12px;
    }
    .c-tag i {
        font-size: 16px;
    }
    .c-chanpin .c-tag {
        padding-bottom: 30px;
    }
    .c-tag {
        font-size: 12px;
    }
    .videos_box iframe,
    .videos_box embed {
        height: auto;
    }
    .l-case .pic h3 {
        font-size: 14px;
    }
    .r-list .l-case .pic P {
        font-size: 12px;
        padding: 0;
    }
    .l-case .pic span {
        display: none;
    }
    .l-case .slick-new .pic {
        padding-bottom: 40px;
    }
    .slick-new .slick-dots {
        right: 50%;
        transform: translateX(50%);
    }
    .l-new a {
        padding: 15px;
    }
    .l-new a>div:first-child {
        width: 80px;
    }
    .l-new a>div:last-child {
        width: calc(100% - 80px);
        padding-left: 20px;
    }
    .l-new a h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .l-new a p {
        font-size: 12px;
        line-height: 1.6;
    }
    .l-new a>div:first-child span {
        font-size: 40px;
        padding-bottom: 0px;
    }
    .c-new {
        padding: 20px 15px;
    }
    .c-new h2 {
        font-size: 16px;
    }
    .c-new .subtit span {
        font-size: 12px;
        margin-right: 10px;
    }
    .c-new .subtit {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .c-new .c-zhengwen * {
        font-size: 12px;
    }
    .about-nav h2,
    .l-wenhua h2 {
        font-size: 18px;
    }
    .about-nav p {
        font-size: 12px;
    }
    .about-nav .abnav a i {
        font-size: 30px;
        margin-bottom: 0;
    }
    .about-nav .abnav a p {
        font-size: 14px;
    }
    .about-nav .abnav a {
        padding: 10px 0;
    }
    .about-nav .abnav .slick-slide>div:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .about-nav .abnav .slick-slide {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
    .l-about {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .l-about .row {
        flex-flow: column-reverse;
    }
    .l-about .row>div:first-child {
        padding: 20px 0;
    }
    .l-about .row:nth-child(2n)>div:first-child {
        padding: 20px 0;
    }
    .l-about .row:nth-child(2n) {
        flex-flow: column-reverse;
    }
    .l-about .row>div:first-child h3 {
        font-size: 18px;
    }
    .l-about .row>div:first-child u {
        font-size: 14px;
    }
    .l-about .row>div:first-child p {
        font-size: 12px;
    }
    .l-wenhua {
        padding: 50px 0;
        background-size: cover;
    }
    .l-wenhua .row>div i {
        font-size: 50px;
        margin-bottom: 10px;
    }
    .l-wenhua .row>div h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .l-wenhua .row>div p {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .l-wenhua h2,
    .l-wenhua>div>p {
        display: none;
    }
    .a-list {
        padding: 50px 0;
    }
    .l-album .pic p {
        padding: 15px 20px;
    }
    .c-lianxi .ly01 h3 {
        font-size: 16px;
    }
    .c-lianxi .ly01 p {
        display: none;
    }
    .c-lianxi .ly01 i {
        font-size: 24px;
        margin-right: 10px;
    }
    .c-lianxi .ly01 {
        margin-bottom: 20px;
    }
    .c-lianxi .ly02 p,
    .c-lianxi .ly02 p a {
        font-size: 12px;
    }
    .c-lianxi .ly02 h5 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .c-lianxi .ly02>div:last-child {
        text-align: left;
    }
    .c-lianxi .ly02 img {
        width: 120px;
    }
    .c-lianxi .ly02>div:last-child p {
        font-size: 12px;
    }
    .c-lianxi .ly03 h5 {
        font-size: 18px;
    }
    .c-lianxi .ly03 .map {
        height: 220px;
    }
    .c-lianxi {
        margin-bottom: 50px;
    }
    .c-liuyan {
        padding: 50px 0;
    }
    .c-liuyan h3 {
        font-size: 24px;
    }
    .c-liuyan h3 span {
        font-size: 18px;
    }
    .c-liuyan p {
        font-size: 12px;
    }
    .c-liuyan form tr:nth-last-of-type(2) {
        position: relative;
    }
    .c-liuyan form tr td:nth-child(3) {
        width: 0;
    }
    .c-liuyan form tr td {
        padding: 15px 0;
    }
    .c-liuyan form tr td:first-child {
        width: 100px;
    }
    .c-liuyan form tr td input,
    .c-liuyan form tr td textarea {
        width: 100%;
        margin: 15px 0;
    }
    .c-liuyan form tr td:nth-of-type(2) {
        padding: 0 0 0 20px;
        width: calc(100% - 100px);
    }
    img.hand {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .c-liuyan form .submit {
        width: 150px;
    }
    .index-shipin .swiper-slide .row>div:nth-of-type(n+5) {
        display: none;
    }
    .mm .l-nav h4>i,
    .l-nav h4>i {
        width: 41px;
        height: 41px;
        line-height: 41px;
    }
}


/* ****************************************************************************************************************** */

@media screen and (max-width: 767px) {
    .itit p,
    .itit.baidi p {
        width: 80%;
        margin: auto;
    }
    .bannerxz {
        background-color: #fff;
    }
    .index-search .sousuo {
        width: 70%;
        margin: auto;
        float: unset;
    }
    .bannerxz .container {
        max-width: 100%;
    }
}


/* ****************************************************************************************************************** */

.head-nav .container {
    position: relative;
    z-index: 5555;
}

@media screen and (max-width: 768px) {
    .index-search {
        padding: 12px 0;
    }
    .index-youshi {
        padding: 30px 0;
    }
    .itit {
        padding-bottom: 15px;
    }
    .index-chanpin {
        padding-top: 30px;
    }
    .itit h3,
    .itit.baidi h3,
    .index-huoban .fl h3 {
        margin-bottom: 6px;
    }
    .tab-item ul li a>div {
        margin-bottom: 15px;
    }
    .index-chanpin {
        padding-bottom: 30px;
    }
    .index-anli {
        padding: 30px 0;
    }
    .anli .slick-dots {
        margin-top: 5px;
    }
    .anli {
        padding-bottom: 0;
    }
    .guanggao {
        height: 100px;
    }
    .guanggao .you p {
        margin-top: 15px;
    }
    .index-shipin {
        padding: 30px 0;
    }
    .index-about {
        padding: 30px 0;
    }
    .itit {
        padding-bottom: 10px;
    }
    .about-thumbs .swiper-slide .fr {
        padding-bottom: 10px;
    }
    .hang {
        margin-top: 20px;
    }
    .index-liucheng {
        padding-bottom: 30px;
    }
    .index-news {
        padding: 30px 0;
    }
    .news-thumbs .ntxt>div i {
        display: none;
    }
    .news-thumbs .nright .ntxt h5 {
        margin: 5px 0;
    }
    .news-thumbs .ntxt>div p {
        margin-bottom: 0;
    }
    .news-thumbs .nright a {
        padding: 10px 0;
    }
    .index-links {
        padding: 20px 0;
    }
    footer {
        padding-top: 35px;
    }
    footer hr {
        margin: 10px 0 5px;
    }
    footer .foot02 .ff01 {
        margin-bottom: 35px;
    }
    footer .foot02 .ff02>div a {
        font-size: 18px;
    }
    footer .foot02 {
        padding-bottom: 35px;
    }
    footer .foot03 {
        padding-bottom: 0px;
    }
    .toppic,
    .l-nav {
        margin-bottom: 30px;
    }
    .r-list .pic a {
        margin-bottom: 15px;
    }
    .r-list .pic P {
        padding-bottom: 0;
    }
    .l-wenhua {
        padding: 35px 0 10px;
    }
    .fwzc table td p {
        padding: 15px 6px !important;
    }
    .l-about {
        margin-top: 35px;
    }
    .fwzc h3 {
        margin-bottom: 20px;
    }
    .c-lianxi .ly02 {
        padding-bottom: 30px;
    }
    .c-liuyan {
        padding: 30px 0;
    }
    .c-liuyan h3 {
        padding-bottom: 10px;
    }
    .tab-top a i {
        display: none;
    }
    .tab-top a:nth-of-type(2n) {
        border-right: 1px solid #f0f0f0;
    }
    .tab-top a:nth-of-type(3n) {
        border-right: 0;
    }
    .tab-top a:nth-of-type(1),
    .tab-top a:nth-of-type(2) {
        border-bottom: 0;
    }
}