@import url(../build/aos/aos.css);
@import url(../build/Sw-v4.4.1/swiper.min.css);
@import url(base.css);
@import url(index.css);
@import url(../product/aboutUs/aboutUs.css);
@import url(../product/contactUs/contactUs.css);
@import url(../product/news/news.css);
@import url(../product/tyzmjjfa/tyzmjjfa.css);
@import url(../product/uvyyjjfa/uvyyjjfa.css);
@import url(../product/zwszjjfa/zwszjjfa.css);

@media screen and (max-width: 1680px) {
    .banner-cont{
        height: 560px;
    }
}
@media screen and (max-width: 1440px) {
    .banner-cont{
        height: 480px;
    }
}

@media screen and (max-width: 1366px) {
    .banner-cont{
        height: 400px;
    }
}
@media screen and (max-width: 1280px) {
    .banner-cont{
        height: 340px;
    }
    .banner_item{
        padding: 14px 0;
    }
    .banner_title2{
        margin-top: 16px;
    }
}
@media screen and (min-device-width: 320px) and (max-device-width: 1000px){
    html,body{
        font-size:62.5%;
    }
    body{
        font-size: 1.3rem !important;
    }
    .row {
        width:100%;
        margin-bottom:2rem;
        display:flex;
    }
    .col-1 {
        width:8.33%;
    }
    .col-2 {
        width:16.66%;
    }
    .col-3 {
        width:25%;
    }
    .col-4 {
        width:33.33%;
    }
    .col-5 {
        width:41.66%;
    }
    .col-6 {
        width:50%;
    }
    .col-7 {
        width:58.33%;
    }
    .col-8 {
        width:66.66%;
    }
    .col-9 {
        width:75%;
    }
    .col-10 {
        width:83.33%;
    }
    .col-11 {
        width:91.66%;
    }
    .col-12 {
        width:100%;
    }
    .pad0 {
        padding:0;
    }
    .pad {
        padding-right:1rem;
        padding-left:1rem;
    }
    .marg1{
        margin-bottom: 0.4rem !important;
    }
    p {
        line-height:1.7;
    }
    .marg {
        margin:0 0 1rem 0;
    }
    .marg5{
        margin-bottom: 1rem;
        padding-top: 1rem;
    }
    .name_ {
        margin:1.5rem 0 1rem 0 !important;
        font-size:1.6rem !important;
    }
    /* shouji*/
        .nav_cont {
        display:inherit;
        background-color:#fff;
        padding:0 5%;
        width:100%;
        position:absolute;
        top:0;
        right:0;
        height:100%;
        overflow-y:auto;
        padding:1rem;
    }
    .tech_super {
        padding:0 0 1rem 0;
    }
    .ul-list-a1 {
        display:none;
    }
    .ul_list_a {
        position:initial;
        display:none;
        visibility:inherit;
        /* display:inherit;*/;
    }
    .nav {
        position:fixed;
        top:0;
        left:0;
        right:0;
        height:100%;
        z-index:99999;
        text-align:left;
        width:100%;
        display:none;
        background-color:#fff;
    }
        .ul_item .h4 {
            padding:0.4rem 0 0 0;
            font-size:1.4rem;
        }
        .ul_list1>ul>li>ul>li>a{
            font-size: 1.3rem;
            padding: 0.4rem 0 1rem 0;
            display: block;
        }
    .ul_list1 {
        display:block !important;
        border-bottom:0.1rem solid #d8d5d5;
        padding:0.6rem 0;
        width:100%;
    }
    .ul_list1:first-of-type {
        padding-top:0;
    }
    .ul_list1>ul>li>ul>li {
        font-size:1.4rem;
        line-height:1.8;
        width:100% !important;
        float:left;
    }
    .margTop5 {
        margin-top:1.5rem !important;
    }
    .nav_cont >li>a {
        display:block;
        font-size: 1.4rem;
    }
    .rczp_bot {
        padding-bottom:1rem;
    }
    .ul_item {
        width:100%;
        border-right:0;
        padding: 14px 0;
    }
    .border_top {
        display:none;
    }
    .ul_list1>ul>li:first-of-type {
        padding:0.4rem 0 0 0;
    }
    .ul_list1>ul>li {
        padding:0;
        width:100% !important;
    }
        .ul_list1>ul>li>ul>li>ul>li{
            width: 50%;
            float: left;
        }
    .ul_list {
        width:100%;
        padding:0;
    }
    .li_title {
        padding-left:0;
        font-size:1.4rem;
        border-bottom:0;
        line-height:2;
        padding-bottom:0;
        font-weight:100;
    }
    .ul_item .li_item {
        padding-bottom:0;
        height:6.2rem;
        margin-top:0.6rem;
        line-height:2;
    }
    .ul_item .li_item h3 {
        font-size:1.3rem;
    }
    .nav_cont>li {
        width:100%;
        margin-left:0;
        font-size:1.5rem;
        line-height:4.4rem;
        text-align:left;
    }
        .nav_cont>li>a{
            border-bottom:0.1rem dashed #afacac;
        }
    
    .banner_txt {
        left:10%;
        top: 50%;
        transform: translateY(-50%);
    }
    .ul_list1:last-of-type {
        border-bottom:0;
    }
    .xd_but {
        position:relative;
    }
    .colse_icon {
        position:relative;
        float:right;
        width:3rem;
        height:3rem;
        margin-top:1rem;
    }
    .colse_icon span {
        display:block;
        width:2rem;
        height:0.2rem;
        background-color:#000;
        position:absolute;
        top:50%;
        transform:rotate(45deg);
    }
    .colse_icon span:last-of-type {
        transform:rotate(-45deg);
    }
    .cli_but {
        display:block;
        width:2.4rem;
        height:0.3rem;
        background-color:rgba(23,98,163,0.9);
        margin-bottom:0.4rem;
    }
    .cli_but:last-of-type {
        margin-bottom:0;
    }
    #header {
        display:flex;
        align-items:center;
        justify-content:space-between;
        position:relative;
    }
    .hideover {
        display:none;
    }
    /* 联系我们*/
        .scan_ewm {
        height:11.2rem;
        text-align:center;
    }
    .scan_ewm span {
        position:initial;
        display:none;
    }
    .path_nav {
        padding:1rem;
        font-size:1.2rem;
        box-shadow:0rem -0.4rem 0.6rem 0.3rem rgba(0,0,0,0.23);
    }
    .company_name,.contact_deit {
        padding-top:1.5rem;
    }
    .lep_xp {
        margin-right:0;
        margin-bottom:1rem;
        height:12.6rem;
    }
    .lep_xp p {
        line-height:2;
        text-align:center;
    }
    .lep_fz {
        height:11.2rem;
    }
    .lep_fz p {
        font-size:1.3rem;
    }
    .lep_fz em {
        width:8.4rem;
        height:3.2rem;
        line-height:3.2rem;
        font-size:1.3rem;
    }
    .contact_ {
        border-bottom:0;
    }
    .contact_deit p {
        font-size:1.3rem;
    }
    /* 新闻中心*/
        .news_item li:nth-of-type(2n) {
        margin-right:0;
    }
    .news_item li {
        width:50%;
        margin-right:0;
    }
    .page_time {
        padding-bottom:0.6rem;
        font-size:1.2rem;
    }
    /* 植物生长解决方案*/
        .case_list li {
        width:100%;
    }
    .product_items li {
        width:40%;
        margin-right:4%;
        transition:all 0.3s;
    }
    .product_lists {
        display:flex;
        overflow-x:auto;
        overflow-y:inherit;
        max-height:59.2rem;
    }
    .product_items {
        display:flex;
        width:100%;
        flex-flow:row;
    }
    .data_download>p {
        width:66%;
    }
    .data_download p>a {
        width:100%;
    }
    .product_lists::-webkit-scrollbar {
        width:0.2rem;
        height:0.2rem;
    }
    .product_lists::-webkit-scrollbar-track {
        border-radius:0.2rem;
    }
    .product_items li p {
        text-align:center;
        line-height:1.6 !important;
        font-size:1.3rem;
    }
    .item_more {
        width:11.6rem;
        height:3rem;
        line-height:3rem;
        border-radius:3rem;
        margin:auto auto 1rem auto;
    }
    .product_img {
        height:12.6rem;
        line-height:12.6rem;
        padding:1rem;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .product_img img {
        vertical-align:middle;
    }
    .three_nav_lists li {
        width:48%;
        margin:0 2% 1rem 0;
        font-size:1.4rem;
        height:3.2rem;
        line-height:3.2rem;
    }
    .three_right>div {
        width:50%;
    }
    .more_txt {
        color:#00417b;
        font-size:1.4rem;
    }
    .more_txt h5 {
        font-size:1.2rem;
        line-height:1.6;
    }
    .tech_left p {
        padding-left:1rem;
        line-height:inherit;
    }
    .cont_left1 p{
        padding-left: 0 !important;
    }
    .yeas_cont {
        margin-left:3rem;
        padding-right:0.6rem;
    }
    .learn_more1 {
        width:10rem;
        height:3.2rem;
        line-height:3.2rem;
        border-radius:2rem;
        margin-top:0.8rem;
        position:absolute;
        bottom:0;
        right:1rem;
        z-index:99;
        background-color:rgba(0,94,157,0.9);
    }
    .container {
        position:relative;
    }
    /* 前装和后装共用车灯三级*/
        .main_items li {
        width:100%;
        height:30rem;
        line-height:30rem;
    }
    .ul_banner li {
        height:100%;
        width:100%;
    }
    .tit_lists {
        display:flex;
    }
    .banner-page {
        height:16rem;
        background-position: center;
    }
    .form_ {
        padding:1.5rem;
    }
    .en_tit {
        line-height:1.2;
        font-size:1.8rem;
    }
    .form_left p {
        padding-bottom:1.2rem;
    }
    .form_left {
        padding-right:0;
    }
    .form_color {
        padding:1.5rem 0;
    }
    /* 关于我们*/
        .rczp_bg a {
        height:16rem;
    }
    .swiper_ul {
        overflow:initial;
    }
    .swiper_ul li {
        margin-bottom:1rem;
        height: 30.5rem !important;
    }
    .pad_4 {
        padding:1rem;
    }
    .year_h4 {
        margin-bottom:1rem;
    }
    .ul_list_tep1 {
        box-shadow:0rem 0.1rem 0.6rem 0rem rgba(0,0,0,0.2);
        position:absolute;
        top:100%;
        right:1rem;
        width:16.3rem;
        padding:1rem;
        z-index:988;
        background-color:#fff;
        display:none;
        font-size:1.2rem;
    }
    .click_sx {
        color:#1763a1;
    }
    .ul_list_tep1 .ul_list1 {
        border-bottom:0;
    }
    .ul_list2 ul li {
        line-height:2;
    }
    .article_tit {
        display:flex;
        justify-content:space-between;
        position:relative;
        padding:1rem 1.5rem;
        box-shadow:0 0rem 0.4rem 0.1rem rgba(0,0,0,0.1);
    }
    .article_tit:last-of-type {
        cursor:pointer;
    }
    /* 首页*/
        .new_list_ul li {
        padding:1rem;
    }
    .nav_list {
        margin:1rem 0 0rem 0;
        padding:0;
    }
    .right_list_item h4 {
        padding: 0.3rem 0 0.8rem 0;
    }
    .time {
        font-size:1.3rem;
    }
    .nav_list_img {
        height:7.6rem;
    }
    .swir-but-next,.swir-but-prev {
        width:3.8rem;
    }
    .swiper_list {
        width:100%;
        margin:0;
        padding:0 3.8rem;
    }
    .new_list,.banner_item {
        padding:1rem 0;
    }
    .banner-cont {
        height:auto;
    }
    .banner-list {
        position:inherit;
        padding:0.3rem 1rem;
        margin-top:18.4rem;
    }
    .banner_item,.banner-list {
        width:100%;
    }
    .banner_title {
        font-size:1.5rem;
    }
    .banner_title2 {
        margin-top:0.8rem;
        font-weight:100 !important;
    }
    #footer {
        padding:1.5rem;
    }
        #footer p {
            text-align:center;
        }
        #footer .footer-cont{
            display: inline-block;
        }
    .banner-img {
        height:18.4rem;
        width:100%;
    }
    .banner-img .tempWrap {
        height:100%;
    }
    .ul_banner li a {
        display:block;
        height:100%;
    }
    .banner_item:last-of-type {
        border-bottom:0;
    }
    .banner-list {
        z-index:9;
    }
    .page_content {
        padding-right:1rem;
        padding-left:1rem;
    }
    .page_img img {
        width:100%;
    }
    .header_cont {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        padding:0 1.5rem;
    }
    .form_details {
        overflow-x:auto;
        white-space:nowrap;
    }
    .page_title {
        font-size:1.6rem;
        padding:0.6rem 0 0.6rem 0;
        color:#1763a2;
        text-align:center;
        line-height:1.6;
    }
    .wrap{
        display: flex;
        overflow-x: auto;
        white-space: initial !important; 
    }
    .page_next {
        padding:1.2rem 1rem;
        color:#555;
    }
    .page_next span:hover {
        text-decoration:underline;
    }
    .product_items li h3 {
        font-size:1.5rem;
        line-height:1.6;
    }
    .tech_left p::before {
        top:0.8rem;
    }
    .tit_items li {
        width:23.5%;
        height:7.2rem;
        margin-right:2%;
    }
    .cont_left {
        margin-bottom:1rem;
    }
    .tit_items {
        width:100%;
    }
    .header_cont {
        height:6rem;
    }
    #header {
        height:6rem;
        line-height:6rem;
    }
    .swiper_year {
        height:41.2rem;
    }
    .swiper_left {
        padding:2.8rem 0 0 1.4rem;
        height: 34.5rem;
    }
    .swiper_honor {
        padding:0rem 0rem 4rem 0rem;
        height: 65rem;
    }
    .rczp_bot ul img{
        height: 29.6rem;
        width: 100%;
    }
    .news_item_img {
        height:11.8rem;
    }
    .form_right button {
        height:4rem;
        line-height:4rem;
        font-size:1.5rem;
    }
    .nav_h5 {
        margin-bottom:0.8rem;
    }
    .nav_h5::before {
        width:1.8rem;
        height:0.1rem;
    }
    .contact_deit {
        padding-top:0.8rem;
    }
    .page_next span {
        display:block;
        width:46%;
        font-size:1.3rem;
    }
    .page_next span:last-of-type {
        text-align:right;
    }
    .marg2 {
        margin-bottom:1rem !important;
    }
    .company_name {
        font-size:1.6rem;
    }
    .p_li p::before {
        top:1.1rem;
    }
    .contact_deit em {
        font-size:1.5rem;
    }
    .contact_deit span {
        font-size:1.4rem;
    }
    .data_download {
        margin-bottom:1rem;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .search_click {
        display:none;
    }
    .elien_news_cont {
        padding:1rem !important;
    }
    .search_list ul li {
        padding:1rem 0 !important;
    }
    .prot_details img {
        width:100% !important;
        margin-left:0rem !important;
        margin-bottom:1rem;
    }
    .rczp_popup_bg {
        height:64%;
        width:96% !important;
        position:absolute !important;
        padding:1rem;
        overflow-x:auto;
    }
    .right_mailbox {
        padding-top:0;
        width:100%;
    }
    .recruitment_position li {
        font-size:1.4rem;
        line-height:2.6rem;
    }
    .more_details {
        font-size:1.3rem;
        color:#747474;
        padding:0 0.6rem 1rem 0;
    }
    .recruitment_position li span {
        width:16.8rem;
    }
    .more_click {
        font-size:1.4rem;
        display:block;
        width:2rem;
        height:2rem;
        line-height:1.6rem;
        text-align:center;
        margin-top:0;
    }
    .yyly_name {
        font-size:2rem;
        font-family: '黑体';
    }
    .yyly_subtitle {
        font-size:1.5rem;
        margin-top:1.2rem;
        padding-right:8rem;
        line-height:1.6;
        font-family: '黑体';
    }
    .cpzx_name_h3 {
        font-size:1.6rem;
        padding:0.8rem 0 0.4rem 0;
    }
    .cpzx_subtitle {
        font-size:1.4rem;
        padding:0 2.9rem 0 0;
    }
    .banner_item li.on {
        font-weight:bold;
    }
    .top {
        width:4rem;
        height:4rem;
        line-height:4rem;
        bottom:12rem;
        right:0.2rem;
        font-size:1.4rem;
        z-index:988;
        border-radius:0.2rem;
    }
    .top img {
        width:3.6rem;
    }
    .logo {
        height:100%;
        line-height:100%;
    }
    .logo>a {
        display:flex;
        align-items:center;
        height:100%;
        padding:6% 0;
    }
    .logo img {
        vertical-align:inherit;
        height:4rem;
        width:auto;
    }
    .close {
        width:2rem;
        height:2rem;
        border:1px solid #000;
        top:0.9rem;
        right:1rem;
    }
    .close i {
        background-color:#000;
        width:1.2rem;
        height:0.1rem;
    }
    .pageClass {
        padding:1.5rem 0;
    }
    #footer p {
        font-size:1.2rem;
    }
    .ul_arrow li {
        height:6rem;
    }
    .hideover-x {
        display:none;
    }
    .prot_size p,.prot_size p span {
        font-size:1.4rem!important;
    }
    .case_img {
        height:auto;
        display:grid;
        display:-moz-grid;
        display:-ms-grid;
    }
    .case_img>img {
        width:100%;
    }
    .new_list_li {
        box-shadow:2.7rem 0rem 0.4rem rgba(0,0,0,0.1);
        margin-bottom:0.6rem;
        padding:1rem;
    }
    .uv_yy_img {
        display:inline-flex;
    }
    .thumbs_block {
        position:inherit;
        transform:inherit;
        left:inherit;
    }
    .time_click {
        margin-top:0;
        padding-top:0.6rem;
    }
    .time_click time {
        font-size:1.2rem;
    }
    .time_click img {
        width:2.3rem;
        height:auto;
    }
    .banner-cont {
        height:auto;
    }
    /* 分页*/
        .pageClass strong span,.pageClass a span {
        font-size:1.3rem;
    }
    .news_item li p{
        height: 5.2rem;
    }
    .active{
        color: #1763a1;
    }
    .language_button>img{
        margin-right: 3px;
    }
}

@media screen and (min-width: 1000px) {
    .row {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
    }
    body{
        min-width: 1200px;
    }
    .hideover-m{
        display: none;
    }
    .col-m-1 {
        width: 8.33%;
    }

    .col-m-2 {
        width: 16.66%;
    }

    .col-m-3 {
        width: 25%;
    }

    .col-m-4 {
        width: 33.33%;
    }

    .col-m-5 {
        width: 41.66%;
    }

    .col-m-6 {
        width: 50%;
    }

    .col-m-7 {
        width: 58.33%;
    }

    .col-m-8 {
        width: 66.66%;
    }

    .col-m-9 {
        width: 75%;
    }

    .col-m-10 {
        width: 83.33%;
    }

    .col-m-11 {
        width: 91.66%;
    }

    .col-m-12 {
        width: 100%;
    }
    .ul_list_tep{
        width: 1366px;
    }
    .ul_list1{
        display: none;
    }
}

