@charset "UTF-8";

.mheader {
    display: none;
}

@media (max-width: 1366px) {
    .foot-lf .li {
        margin-right: 1.5rem;
        line-height: 1;
    }

    .home_b .content .box .cont .left .li {
        margin-top: .2rem;
        line-height: 1;
    }

    .home_c .content {
        padding-top: 0.5rem
    }
}

@media (max-width: 1440px) {

    .home_b .content .box .cont .left .li {
        margin-top: .2rem;
        line-height: 1;
    }

    .home_c .content {
        padding-top: 0.5rem
    }
}

    @media (max-width: 1200px) {
        .pc-bocweb-header3 .logo {
            margin-left: 20px;
        }

        .pc-bocweb-header3 .right-btn {
            margin-right: 20px;
        }

        .foot-lf .li {
            margin-right: 1rem;
            line-height: 1;
        }
    }







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

    @media (max-width: 992px) {
        .pcheader {
            display: none;
        }

        .mheader {
            display: flex;
            height: 2.2rem;
            background: #FFFFFF;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            align-items: center;
            justify-content: space-between;
        }

        .mheader .logo {
            display: block;
            width: 4.125rem;
        }

        .view {
            padding: 0 3.9%;
        }

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

        .nav-right .lan {
            display: block;
            margin-right: 0.925rem;
        }

        .nav-right .seach {
            width: 0.55rem;
            height: 0.55rem;
            margin-right: 0.925rem;
        }

        .nav-right .menu {
            width: 0.75rem;
            height: 0.6rem;
            position: relative;
        }

        .nav-right .menu .li {
            width: 100%;
            height: 2px;
            background-color: #333;
            position: absolute;
            transition: all 0.3s;
            left: 0;
        }

        .nav-right .menu .li1 {
            top: 0;
        }

        .nav-right .menu .li2 {
            top: 50%;
            margin-top: -1px;
        }

        .nav-right .menu .li3 {
            bottom: 0;
        }

        .headernav {
            position: absolute;
            width: 100%;
            background-color: #fff;
            left: 0;
            top: 2.2rem;
            height: calc(100vh - 2.2rem);
            overflow-y: auto;
            z-index: 99;
            display: none;
        }

        .headernav .li {
            background-color: rgba(0, 0, 0, 0.05);
            position: relative;
        }

        .headernav .li:nth-child(2n) {
            background-color: #fff;
        }

        .headernav .li .tit {
			display: block;
			line-height: 2.25rem;
			width: 100%;
			font-size: 0.5rem;
			position: relative;
			color: #333;
			font-weight: 500;
        }

        .headernav .li .tit:after {
            content: "";
            width: 0.4rem;
            height: 0.4rem;
            border-right: 2px solid #999999;
            border-bottom: 2px solid #999999;
            position: absolute;
            right: 3.8%;
            top: 50%;
            transform: rotate(45deg);
            transition: all 0.3s;
            margin-top: -0.2rem;
        }

        .indexmenu {
            display: none;
        }

        .banner .swiper-slide .txt .tit-60 p:last-child {
            margin-left: 0;
            margin-top: 0.2rem;
        }

        .headernav .li:nth-child(1) .tit:after {
            display: none;
        }

        .headernav .li .sub_tit {
            width: 100%;
            background-color: #4F9C68;
            padding-bottom: 1rem;
            display: none;
        }

        .headernav .li .sub_tit a {
            display: block;
            line-height: 1.5rem;
            padding-left: 1.7rem;
            color: #fff;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
        }

        .headernav .li .sub_tit a:after {
            content: "";
            width: 8px;
            height: 8px;
            background: #FFFFFF;
            border-radius: 50%;
            position: absolute;
            left: 0.9rem;
            top: 50%;
            margin-top: -4px;
        }

        .headernav .li.on {
            background-color: #4F9C68;
        }

        .headernav .li.on .tit {
            color: #fff !important;
        }

        .headernav .li.on .tit:after {
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(-135deg);
        }

        .nav-right .menu.on .li {
            background-color: #4F9C68;
        }

        .nav-right .menu.on .li1 {
            opacity: 0;
        }

        .nav-right .menu.on .li2 {
            transform: rotate(45deg);
            top: 50%;
        }

        .nav-right .menu.on .li3 {
            transform: rotate(-45deg);
            top: 50%
        }

        .banner {
            height: 22.5rem;
            margin-top: 2.2rem;
        }

        .banner .swiper-slide .txt .tit-60 {
            font-size: 1rem;
        }

        .banner .swiper-slide .txt {
            position: absolute;
            left: 0;
            width: 100%;
            top: 6.8%;
            padding: 0 10%;
        }

        .banner .swiper-slide .txt .en {
            font-size: 0.45rem;
            line-height: 1.5;

        }

        .banner .swiper-slide .txt .more {
            width: 6.25rem;
            height: 1.3rem;
            line-height: 1.3rem;
            font-size: .4rem;
            background: #4F9C68;
            border-radius: 26px;
        }

        .more span img {
            transform: translateY(3px);
        }

        .home_a .right {
            width: 100%;
            height: 17.35rem;
        }

        .home_a .left {
            width: 100%;
            height: auto;
        }

        .home_a .right .txt {
            opacity: 1;
            width: 100%;
            padding: 2rem 3.8%;
            display: block;
        }

        .home_a .right .txt .more2 {
            width: 3.4rem;
            height: 1.3rem;
            line-height: 1.3rem;
            border: 2px solid #FFFFFF;
            opacity: 0.5;
            font-size: 0.4rem;
            border-radius: 26px;
        }
        .home_a .right .txt .tit-48{
            margin-bottom: .9rem;
        }
        .home_a .left .li {
            height: 10.725rem;
        }

        .home_a .left .li .txt {
            opacity: 1;
            width: 100%;
            padding: 0 3.8%;

            transition: translateY(0);
        }

        .home_a {
            height: auto;
        }

        .home_a .left .li:nth-child(3),
        .home_a .left :nth-child(4) {
            height: 10.725rem;
        }

        .home_b .content .box.fadeup {
            opacity: 1;
            transform: translateY(0);
        }

        .home_b .content,
        .home_b {
            height: auto;
        }

        .home_b .content {
            height: auto;
            padding-top: 1.5rem;
            padding-left: 5%;
        }

        .home_b .content .box .next_box {
            display: none;
        }

        .home_b .content .box .tit,
        .home_b .content .box .cont {
            width: auto;
        }

        .home_b .content .box .cont .left {
            width: 36%;

        }

        .home_b .content .box .cont .left .li.on .stmt {
            line-height: 1.2
        }

        .home_b .content .box .cont .right .fadeup2 {
            opacity: 1;
            transform: translateY(0);
        }

        .home_b .content .box .cont .right {
            width: 64%;
            float: right;
            height: auto;
        }

        .home_b .content .box .cont .right .tit-14 {
            width: auto;
            padding-right: 13%;
        }

        .home_b .content .box .cont .right .more2 {
            width: 3.4rem;
            height: 1.3rem;
            line-height: 1.3rem;
            opacity: 1;
            font-size: 0.4rem;
            border-radius: 26px;
            float: right;
        }

        .home_c .top {
            padding: 0 8%;
        }

        .home_c {
            height: auto;
        }

        .home_c .content {
            height: auto;
            padding: 0;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .home_c .content .tit-48 {
            text-align: center;
        }

        .news-button-prev,
        .news-button-next {
            display: none;
        }

        .news-scrollbar {
            display: none;
        }

        .home_c .content .news-container .swiper-slide {
            width: 66.666%;
            margin: 0 0.7rem;
            opacity: 0.5;
        }

        .home_c .content .news-container .swiper-slide.swiper-slide-active {
            opacity: 1;
        }

        .home_e .content .list .li {
            width: 48%;
            border: 1px solid #FFFFFF;
            margin: 0 .1%;
            display: inline-block;
            vertical-align: top;
            padding: 0.65rem 0.9rem;
            text-align: left;
            margin-bottom: 1%;
        }

        .home_e .content .list .li .tit-24 {
            line-height: 0.75rem;
            margin-top: 0.2rem;
            height: 1.5rem;
            font-size: .5rem;
        }

        .foot-lf {
            display: none;
        }

        footer {
            padding-top: 1.2rem;
            background-color: #D5DADE;
        }

        .share {
            display: none;
            margin-top: 0.8rem;
        }

        .oa {
            display: none;
        }

        .foot-btn {
            padding: 0.5rem;
        }

        .copyright {
            display: block;
            text-align: center;
        }

        .foot-rg {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: row;
        }

        .foot-rg .tit-24 a {
            margin-top: .8rem;
            display: inline-block;
            vertical-align: top;
            color: #0054A3;
            margin-right: 0.5rem;
            font-weight: 500;
        }

        .foot-rg .erm {
            width: 2.5rem;
        }

        .w1380 {
            width: 100% !important;
            padding: 0 3.8%;
        }

        .ninfo-words {
            padding: 0 !important;
        }

        .header_fix {
            height: 2.2rem;
        }

        .newsmore {
            top: -1.2rem !important;
            right: 10% !important;
        }

        .newinfo {
            padding-bottom: 4rem !important;
        }

        .sub_banner {
            height: 8rem;
        }

        .about .tit {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            padding: 0.5rem;
        }

        .about .tit .tit-48 {
            font-size: .8rem;
        }

        .about .tit .text-uppercase {
            transform: translateY(2px);
        }

        .about .content .left {
            width: 0;
            float: left;
            padding-left: 0;
            padding-right: 0;
            opacity: 0;
        }

        .about .content .right {
            width: 100%;
        }

        .about .content .right .about_a .con {
            width: 100%;
            font-size: 14px;
            line-height: 1.8;
        }
        .about .content .right .about_a .mlist .list .li .tit-14{
            line-height: 1.8;
        }
        .about .content .right .about_b .con{
            width: 100%;
            font-size: 14px;
            line-height: 1.8;
        }
        .about .content .right .about_c .c6e.tit-16{
            line-height: 1.8;
            margin-top: 0.4rem;
            font-size: 14px;
        }

        .about .content .right .about_a .mlist {
            width: 100%;
        }

        .about .content .right .about_a .mlist img {
            position: relative;
        }

        .about .content .right .about_a .mlist .list {
            width: 100%;
        }

        .about .content .right .about_b {
            width: 100%;
        }

        .about .content .right .about_b .img {
            margin-top: 0;
        }

        .about .content .right .about_c,
        .about_d {
            width: 100%;
        }

        .about .content .right .about_c .list .li .top .lileft,
        .about .content .right .about_c .list2 .box .boxleft {
            width: 100%;
            height: auto;
            padding: 0.75rem;
        }
        .about .content .right .about_c .list .li .top .lileft .tit-28{
            margin-top: .75rem;
        }
        .about .content .right .about_c .list .li .top .liright {
            width: 100%;
            height: 6rem;
        }

        .about .content .right .about_c .list .li .top {
            height: auto;
        }

        .about .content .right .about_c .list2 .box .boxright {
            float: right;
            width: 100%;
        }

        .about_d .honlist .li .img {
            float: left;
            width: 100%;
            height: 6.75rem;
            position: relative;
            overflow: hidden;
        }
        .about_g{
            width: 100%;
        }

        .about_d .honlist .li {
            display: block;
        }

        .about_d .honlist .li .img img {
            width: 80%;
        }

        .about_d .honlist .li .txt {
            float: left;
            width: 100%;
            padding-left: 0;
            padding: .5rem;
        }

        .about_e,
        .about_f {
            width: 100%;
        }

        .about_e .img {
            width: 100%;
            overflow: auto;
            padding-bottom: .5rem;
        }

        .about_e .img img {
            /*max-width: none;*/
        }

        .pro_list {
            width: 100%;
        }

        .pro_list .list a {
            display: block;
            width: 100%;
            float: left;
            height: uto;
            margin-right: 0;
            position: relative;
            padding: .4rem 0;
        }

        .pro_list .list a:after {
            display: none;
        }

        .productinfo {
            padding: 1rem 3.8%;
        }

        .productinfo .left {
            width: 100%;
        }

        .productinfo .right {
            width: 100%;
            float: right;
            height: auto;
            padding-left: 0;
            padding-top: 1rem;
        }

        .tj {
            padding: 1rem 3.8%;
        }

        .tj .list a {
            display: block;
            width: 49%;
            margin-right: 2%;
            float: left;
            margin-bottom: .6rem;
        }

        .tj .list a:nth-child(2n) {
            margin-right: 0;
        }

        .about .content .left .add_nav {
            display: none;
        }

        .news {
            width: 100%;
        }

        .about .content .right {
            padding: 1rem 3.8%;
        }

        .cnews_list .sright .tit-18 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .cnews_list .sright .tit-14 {
            line-height: .7rem;
        }

        .cnews_list .time {
            height: 3rem;
        }

        .news_content .new_top .swiper-slide {
            height: auto;
        }

        .news_content .new_top .swiper-slide .nleft {
            width: 100%;
            background: #F5F5F5;
            height: auto;
        }
        .news_content .new_top .swiper-slide .nleft .text-mu{
            line-height: 1.5;
        }
        .news_content .new_top .swiper-slide .nleft .col-666{
            line-height: 1.5;
            font-size: 14px;
        }
        .new_cont a .txt .col-666{
            line-height: 1.8;
            font-size: 14px;
            -webkit-line-clamp: 2;
        }
        .news_content .new_top .swiper-slide .nright {
            width: 100%;
            height: 6rem;
        }
        .t_content .col-666{
            line-height: 1.8;
            font-size: 14px;
        }
        .news-pagination {
            width: 50%;
            position: relative;
            left: 0;
            text-align: left;
            padding-left: 0;
            text-align: center;
            margin-top: 1rem;
            z-index: 99;
            transform: translateY(0rem);
        }

        .news_content .new_top {
            background-color: #fff;
        }

        .new_cont a {
            width: 100%;
            height: auto;
        }

        .new_cont a .img {
            width: 100%;
            height: 9rem;
            overflow: hidden;
            float: left;
        }

        .new_cont a .txt {
            width: 100%;
            height: 100%;
            padding-left: 1.125rem;
            padding: .6rem;
            float: left;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

        .new_cont a .txt .lh1 {
            line-height: 1.5;
        }

        .new_cont a {
            height: auto;
        }

        .t_content .list .li {
            width: 100%;
            margin-right: .2rem;
            height: 5.65rem;
            margin-bottom: .6rem;
            background-color: rgba(162, 160, 155, 0.1);
            float: left;
            padding: 0.95rem 1.1rem;
            position: relative;
        }

        .job_content .top .sjobseach {
            width: 100%;
            margin-top: .6rem;
        }

        .job_content .top .item {
            width: 49%;
            height: 1.35rem;
            background: #FFFFFF;

            margin-right: 2%;
            z-index: 33;
        }

        .job_content .top .item2 {
            margin-right: 0;
        }

        .jionus_list .recruit-list-1 .span1 {
            width: 33% !important;
        }

        .jionus_list .recruit-list-1 .span2,
        .jionus_list .recruit-list-1 .span4 {
            display: block;
            width: 33% !important;
        }

        .sty-container .lis {
            width: 49%;
            float: left;
            margin-right: 2%;
        }

        .sty-container .lis:nth-child(3n) {
            margin-right: 2%;
        }

        .sty-container .lis:nth-child(2n) {
            margin-right: 0;
        }

        .cont_a .cleft {
            width: 100%;
            float: left;
            height: auto;
            border-right: 0;
        }

        .cont_a .cright {
            width: 100%;
            float: left;
            height: auto;
            padding-left: 0;
        }

        .cont_a {
            padding-bottom: 2rem;
        }

        .home_c .more2 {
            border: 2px solid #4F9C68;
            color: #4F9C68;
            margin-top: .6rem;
            width: 3.4rem;
            height: 1.3rem;
            line-height: 1.3rem;
            opacity: 1;
            font-size: 0.4rem;
            border-radius: 26px;
        }

        .home_b .content .box .cont .left .li {
            display: none;
        }

        .home_b .content .box .cont .left .li.on {
            display: block;
        }

        .home_b .content .box {
            height: 21rem;
            padding-right: 3.8%;
            padding-left: 5%;
        }

        .home_b .content .box .cont .right .list {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .home_b .content .box .tit {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .home_b .content .box .tit .tit-48 {
            font-size: 1rem;
        }

        .home_b .content .box .tit .tit-48 br {
            display: none;

        }

        .porduct {
            padding: 0 0.5rem;
            padding-bottom: 1rem;
        }

        .porduct .list a {
            width: 100%;
        }
		.formlist .li .item{
			width:100%;
			margin-bottom:.5rem;
		}
    }

    @media (max-width: 767px) {}

    .headerseach {
        position: absolute;
        width: 100%;
        background-color: #f6f6f6;
        left: 0;
        top: 2.2rem;
        z-index: 99;
        display: none;
    }

    .headerseach .top_seach {
        width: 100%;
        padding: .8rem 0;
        background-color: #f6f6f6;
    }

    .headerseach .top_seach .formbox {
        width: 100%;
        margin: auto;
    }

    .headerseach .top_seach .formbox input.txt {
        width: calc(100% - 3rem);
        height: 1.2rem;
        background-color: #fff;
        font-size: 0.4rem;
        padding: 0 0.5rem;
    }

    .headerseach .top_seach .formbox input.submit {
        display: inline-block;
        vertical-align: top;
        height: 1.2rem;
        line-height: 1.2rem;
        width: 2.5rem;
        font-size: 0.35rem;
        background-color: #4F9C68;
        color: #fff;
        margin: 0;
        line-height: 1;
        font-weight: 500;
        transition: all 0.4s;
    }

    .img_doil {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        display: none;
        left: 0;

        z-index: 999;
    }

    .img_doil .mak {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .img_doil .box {
        position: absolute;
        top: 50%;
        width: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        height: 50%;
        text-align: center;
        background-color: #fff;
        overflow: auto;
    }

    .img_doil .box img {
        display: inline-block;
        max-width: none;
    }

    .img_doil .box .colse {
        width: 14px;
        height: 14px;
        position: absolute;
        top: -1rem;
        right: -1rem;
        background-image: url(../img/close-vid2.png);
        background-size: 14px 14px;
        cursor: pointer;
    }