﻿@charset "utf-8";
    /* CSS Document */
    
    @media (min-width:576px) {}
    
    @media (min-width:768px) {
        /*内页banner*/
        .inside-banner img {
            min-height: 360px;
        }
    }
    
    @media (min-width:992px) {
         :root {
            --head_height: 4.5rem;
        }
        .head-top {
            max-height: 10rem;
        }
        .nottop .head-top {
            max-height: 0;
            transition: max-height 0.6s;
        }
        .index-news li:hover {
            width: 120%;
        }
        /*内页banner*/
        .inside-banner img {
            min-height: 450px;
        }
        /*荣誉*/
        .honor.owl-carousel.owl1 .owl-nav {}
        /*销售网络*/
        .global-title {
            display: none;
        }
        /*产品栏目页*/
        .proudct-nav li:hover {
            box-shadow: 0 0 2rem rgba(40, 43, 109, 0.12);
            background: #fff;
        }
        /*联系*/
        .contact li:first-of-type {
            padding-left: 0;
            border-left: none;
        }
        .contact li:last-of-type {
            padding-right: 0;
        }
    }
    
    @media (min-width:1200px) {
         :root {
            --head_height: 5rem;
        }
        .menu-btn {
            display: none!important;
        }
        .index-product li {
            width: 55%;
        }
        .index-product li:nth-of-type(2),
        .index-product li:nth-of-type(3),
        .index-product li:nth-of-type(4n+2),
        .index-product li:nth-of-type(4n+3) {
            width: 45%;
        }
    }
    
    @media screen and (min-width:1600px) {
         :root {
            --head_height: 6rem;
        }
    }
    
    @media screen and (max-width: 1599.98px) {
        #head .navbar-nav li {
            margin: 0;
        }
        #head .navbar-nav li>a {
            padding: 0 1rem;
            font-size: 1rem;
        }
        .head-wap-btn .head-btn font {
            font-size: 1rem;
        }
        .product .img {
            width: 20rem;
        }
        .product .info {
            width: calc(100% - 23rem);
        }
    }
    
    @media screen and (max-width: 1199.98px) {
        /*头部导航*/
        .head-conent .head-item {
            padding: 0 1.5rem;
        }
        .head-wap-btn .head-btn a {
            padding: 0.75rem;
        }
        .index-product .item .info {
            padding: 2rem;
        }
        .index-about .info-box {
            flex-wrap: wrap;
        }
        .index-about .info-box>div {
            width: 100%;
        }
        .index-about .info-box .left {
            padding-right: 0;
            padding-bottom: 4rem;
        }
        .index-about .info-box .right:after {
            display: none;
        }
        .index-about .info-box .right .item {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
        }
        /*联系*/
        .contact li {
            padding: 1.5rem 0;
        }
        .contact li div p {
            font-size: 0.9375rem;
        }
        .contact li span.icon {
            font-size: 1.5rem;
        }
    }
    
    @media screen and (max-width: 991.98px) {
        /*边距盒子*/
        .padding-box {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }
        .padding-top {
            padding-top: 6rem;
        }
        .padding-bottom {
            padding-bottom: 6rem;
        }
        .small-padding-box {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
        .small-padding-top {
            padding-top: 4rem;
        }
        .small-padding-bottom {
            padding-bottom: 4rem;
        }
        /*标题*/
         :root {
            --head_height: 4rem;
        }
        h1,
        .h1 {
            font-size: 2.5rem;
        }
        h2,
        .h2 {
            font-size: 2rem;
        }
        h3,
        .h3 {
            font-size: 1.5rem;
        }
        h4,
        .h4 {
            font-size: 1.25rem;
        }
        h5,
        .h5 {
            font-size: 1.125rem;
        }
        h6,
        .h6 {
            font-size: 1rem;
        }
        .head-top {
            display: none;
        }
        .head-conent {
            padding: 0;
        }
        .head-conent .head-item {
            padding: 0 1.125rem;
        }
        .head-wap-btn {
            flex-shrink: 1;
            width: 100%;
        }
        .head-wap-btn .head-btn.head-btn-search {
            display: none;
        }
        #search-modal {
            display: none !important;
        }
        #banner .owl-nav i {
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            font-size: 1.25rem;
        }
        /**/
        .index-product li {
            width: 100%;
        }
        /**/
        .index-news li:nth-of-type(3) {
            display: none;
        }
        .index-slogan {
            background: url(../images/img-about2-2.jpg) right no-repeat;
            background-size: cover;
        }
        /*页脚*/
        /*内页banner*/
        .inside-banner .info .title {
            font-size: 1.75rem;
        }
        .inside-banner .info .subtitle {
            font-size: 1.125rem;
        }
        .inside-banner .info p {
            font-size: 1rem;
        }
        /*内页导航*/
        .inside-nav {
            display: none;
        }
        /*产品导航列表*/
        .proudct-nav li {}
        .proudct-nav li .img {
            padding: 0 2rem;
            border-radius: 1rem;
            width: 100%;
            overflow: hidden;
        }
        .proudct-nav li .info {
            width: 100%;
            padding: 2rem;
        }
        .proudct-nav li .info pre {
            margin-bottom: 0;
            font-size: 1rem;
        }
        .proudct-nav li .info .more {
            display: none;
            margin-top: 1.5rem;
            line-height: 2.75em;
            padding: 0 2em;
            background: var(--colour1);
            border: 1px solid var(--colour1);
            color: #fff!important;
        }
        .proudct-nav li .info .more span {
            font-size: 0.875rem;
        }
        .proudct-nav li.onepage .img {
            width: 60%;
        }
        .proudct-nav li.onepage .info {
            width: 40%;
        }
        /*产品详情*/
        .product .img {
            width: 100%;
        }
        .product .info {
            margin-top: 2rem;
            width: 100%;
        }
        .product .info table,
        .product .info table p {
            font-size: 0.9375rem;
        }
        .product .info table td {
            padding: 0.5rem 0.75rem;
        }
        /*产品翻页*/
        .product-page-box {
            display: none;
            padding-top: 3rem;
            padding-bottom: 3rem;
        }
        .product-page>div {
            width: 100%;
            margin: 0.25rem 0;
        }
        .product-page>div>a {
            padding: 1rem 1.5rem;
        }
        /*关于*/
        .about-data .data {
            font-size: 2rem;
        }
        .about-history .time {
            font-size: 8rem;
        }
        .honor-box {
            flex-wrap: wrap;
        }
        .honor-box .left {
            margin-bottom: 2rem;
            width: 100%;
            justify-content: center;
            text-align: center;
        }
        .honor-box .left a {
            display: none;
        }
        .honor-box .right {
            padding-left: 0;
            width: 100%;
        }
        .honor-box .honor.owl-carousel.owl1 .owl-nav {
            text-align: center;
        }
        /**/
        .history {
            background: url(../images/history-bg2.jpg);
            background-size: cover;
            background-position: center;
        }
        .history-list ul {
            width: 75%;
        }
        /*销售网络*/
        .global-title {
            display: block;
        }
        .globtal-box {
            flex-wrap: wrap;
        }
        #chartdiv {
            width: 100%;
            max-width: 500px;
            max-height: 100vw;
            margin: auto;
        }
        .globtal-box #info {
            width: 100%;
            padding-left: 0;
        }
        .globtal-box #info .h3 {
            display: none;
        }
        .globtal-info .title-1 {
            text-align: center;
        }
        .globtal-info .title-1::before {
            left: 40%;
        }
        /*客户*/
        .about-logo .info {
            width: 100%;
            padding-right: 0;
        }
        .about-logo .list {
            width: 100%;
        }
        /*生产环境*/
        .picture-list li {
            width: 33.33%;
        }
        /*新闻*/
        .news-list li {
            width: 50%;
        }
        /*新闻详情*/
        .news {
            flex-wrap: wrap;
        }
        .news .left {
            width: 100%;
        }
        .news .right {
            flex-shrink: 0;
            width: 100%;
            padding-left: 0;
        }
        .news .right {
            flex-shrink: 0;
            margin-top: 2rem;
            width: 100%;
            padding-left: 0;
        }
        .news-right {
            display: flex;
            flex-wrap: wrap;
            margin-left: -0.5rem;
            margin-right: -0.5rem;
        }
        .news .right li {
            display: flex;
            flex-wrap: wrap;
            width: 25%;
            padding: 0.5rem;
            margin: 0;
        }
        .news-right .title {
            width: 100%;
            padding: 0.5rem;
        }
        /*下载*/
        .download-list li {
            padding: 1.5rem;
            padding-left: 4rem;
        }
        .download-list li:before {
            font-size: 6rem;
        }
        /*加入我们*/
        .join-head>div {
            padding: 1.125rem 0;
        }
        .about-info .right {
            width: 100%;
            padding: 3rem 5%;
        }
        .ac-list li .img {
            width: 18rem;
        }
        .ac-list li .info {
            width: calc(100% - 18rem);
            padding: 2.5rem;
        }
        /*反馈*/
        .service-icon {
            margin: 1rem 0;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            font-size: 2.25rem;
        }
        /*联系*/
        .contact {
            width: 100%;
        }
        .contact li {
            padding: 1.5rem 0;
        }
        .contact li.half {
            width: 100%;
        }
        #map-canvas {
            display: none;
        }
        .feedback-info {
            width: 100%;
        }
        .feedback-contact {
            margin-top: 2rem;
        }
        .feedback {
            margin-top: 3rem;
            width: 100%;
        }
    }
    
    @media screen and (max-width: 767.98px) {
        /*边距盒子*/
        .padding-box {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }
        .padding-top {
            padding-top: 5rem;
        }
        .padding-bottom {
            padding-bottom: 5rem;
        }
        .small-padding-box {
            padding-top: 3.5rem;
            padding-bottom: 3.5rem;
        }
        .small-padding-top {
            padding-top: 3.5rem;
        }
        .small-padding-bottom {
            padding-bottom: 3.5rem;
        }
        /*翻页*/
        .page a {
            margin: 0.25rem;
            width: 2.25rem;
            height: 2.25rem;
            line-height: 2.25rem;
            font-size: 0.875rem;
        }
        .main .page a {
            background: #fff;
        }
        .main .page a.active {
            color: #fff;
            background: var(--text);
        }
        .main .page a.next,
        .main .page a.prev {
            margin: 0.25rem;
            font-size: 0.875rem;
            padding: 0 0.75rem;
        }
         :root {
            --head_height: 3.5rem;
        }
        .head .navbar-collapse {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
        }
        .index-product .item {
            width: 100%;
        }
        .index-product a {
            flex-wrap: wrap;
        }
        .index-product a .img {
            width: 100%;
        }
        .index-product a .info {
            width: 100%;
            padding: 1.5rem;
        }
        .index-news {
            flex-wrap: wrap;
        }
        .index-news li {
            border-left: 1px solid #ebebeb;
        }
        .index-news li:nth-of-type(3) {
            display: block;
        }
        .index-news li a {
            padding: 1.5rem;
        }
        .index-news li .time:before {
            left: -1.625rem;
        }
        /*页脚*/
        #foot .foot-contact {
            padding-top: 2rem;
            padding-bottom: 2rem;
            flex-wrap: wrap;
            justify-content: left;
        }
        #foot .foot-contact .info {
            width: 100%;
            margin-top: 1.5rem;
        }
        #foot .foot-contact .nav-list {
            display: none;
        }
        /*内页banner*/
        .inside-banner .info .title {
            font-size: 1.5rem;
        }
        .inside-banner .info p {
            font-size: 0.875rem;
        }
        /*产品*/
        .proudct-nav li.onepage .img {
            width: 100%;
            min-height: 15rem;
        }
        .proudct-nav li.onepage .info {
            width: 100%;
        }
        /*关于*/
        .about-data {
            flex-wrap: wrap;
        }
        .about-data li {
            padding: 1rem 0 1.5rem;
            width: 50%;
            border-bottom: 1px solid #ebebeb;
        }
        .about-data li:nth-child(Odd) {
            border-left: 1px solid #ebebeb;
        }
        .about-data li:nth-last-child(1),
        .about-data li:nth-last-child(2) {
            border-bottom: none;
        }
        .about-history .time {
            font-size: 4rem;
        }
        .about-logo .list li {
            width: 33.33%;
        }
        /*生产环境*/
        .picture-list li {
            width: 50%;
        }
        /*实验室*/
        .rnd-list li div.rnd-quantity {
            display: none;
        }
        .rnd-list li div.rnd-img {
            display: none;
        }
        /*新闻*/
        .news .right li {
            width: 33.33%;
        }
        /*下载*/
        .download-list li {
            width: 100%;
        }
        /*视频*/
        .video-list li {
            padding: 1rem;
            width: 50%;
        }
        .video-list li .title {
            font-size: 1rem;
        }
        /*加入我们*/
        .join-head>div {
            padding: 1rem 0;
        }
        .join-head .class,
        .join-head .place,
        .join-head .number {
            display: none;
        }
        .join-head .name {
            width: 70%;
        }
        .join-head .time {
            width: 30%;
        }
        /*联系方式*/
        /*联系*/
        /*在线联系*/
        .feedback {
            border-radius: 1rem;
        }
        form div.row>div {
            margin-bottom: 1rem;
        }
        form div.row>div:last-child {
            margin-bottom: 0;
        }
    }
    
    @media screen and (max-width: 575.98px) {
        .container {
            width: 100%;
        }
        form button.btn {
            padding: 0 2rem;
            font-size: 0.875rem;
        }
        /**/
        .inside-title .h6,
        .inside-title p {
            max-width: 100%;
        }
        /*产品*/
        .proudct-nav li {
            width: 100%;
        }
        .proudct-nav li .info {
            padding: 1rem 1.5rem 1.5rem;
        }
        /*关于*/
        .about-data li {
            width: 50%;
        }
        .about-plan .right li {
            flex-wrap: wrap;
        }
        .about-plan .right .img {
            width: 100%;
        }
        .about-plan .right .info {
            width: 100%;
        }
        .partner li {
            width: 50%;
        }
        /*新闻*/
        .news-page a {
            margin-bottom: 0.5rem;
            width: 100%;
        }
        .news-list li {
            width: 100%;
        }
        /*新闻*/
        .news .right li {
            width: 50%;
        }
        /*视频*/
        .video-list li {
            padding: 0.5rem;
            width: 100%;
        }
        .video-list li .title {
            font-size: 0.875rem;
        }
        /*反馈*/
        .service-icon {
            display: none;
        }
        /*联系*/
        .ac-list li {
            margin: 1rem 0;
        }
        .ac-list li .img {
            width: 100%;
        }
        .ac-list li .info {
            width: 100%;
            padding: 2rem;
        }
    }