@charset "utf-8";
/* CSS Document */
/*手机样式*/

/*rem*/
html {
    font-size: 26px;
}
@media (min-width:768px) {
    html {
      font-size: 28px;
    }
}
@media (min-width:992px) {
    html {
      font-size: 30px;
    }
}
@media (min-width:1200px){
    html {
      font-size: 32px;
    }
}
@media (min-width:1360px){
    html {
      font-size: 34px;
    }
}
@media (min-width:1460px) {
    html {
      font-size: 40px;
    }
}

/*1280X720 1366X768 1440X900 1920X1080*/

@media screen and (min-width: 992px) {
    .pagination>li>a:hover {
        color: #000;
        border-color: #000;
        background-color: transparent;
    }
    .service li a:hover .img_hide {
      opacity: 1;
      visibility: visible;
    }
    .service li a:hover:after,
    .service li a:hover:before {
      height: 13%;
    }
    .service li a:hover .text {
      width: 386px;
      height: 386px;
      margin-top: -193px;
      margin-left: -193px;
    }
    .service li a:hover .text:after {
      width: 400px;
      height: 400px;
      margin-top: -200px;
      margin-left: -200px;
    }
    .service li a:hover .text .sou {
      font-size: 100px;
    }
    .service li a:hover .text .title {
      font-size: 30px;
    }
    .service li a:hover .text .title:after {
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1);
    }
}
@media screen and (max-width: 1366px) {
    .home-product .text p,
    .home-smart .text,
    body,
    .applications-list li p,
    .news-list .news_label,
    .news-list .time,
    .footer-nav .design,
    #footer .copyright,
    .details-product .application_information .con, 
    .details-product .technical_information .con,
    .details-box .text,
    .details-box .time,
    .download-list li .time,
    .download-list li .download_button,
    .w_r_list li .title i,
    .w_r_list li .text,
    .about .text, 
    .culture .text, 
    .capability .text,
    .development-swiper li .con {
        font-size: 16px;
    }
    .footer-nav .footer-text li a,
    .product_submit .text,
    .product_submit_box .form-control,
    .fqa .panel-group .panel-body {
        font-size: 18px;
    }
    .home-product .text .title {
        padding-bottom: 0.15rem;
    }
    .applications-list li .text {
        height: 308px;
    }
    .news-list {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .news-list li {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media screen and (max-width: 991px) {
    .menufix {
        display: none;
    }
    .menu {
        width: 100%;
        overflow-y: auto;
    }
    .menu strong {
        display: none;
    }
    .menu span, 
    .menu span:after, 
    .menu span:before {
        width: 32px;
    }
    .menu span:before {
        top: -8px;
    }
    .menu span:after {
        bottom: -8px;
    }
    .menus-list {
        display: none;
    }
    .menu_box {
        padding: 3.0rem 15px 1.25rem;
    }
    .menu_toggle2 {
        top: 0.65rem;
        right: 0.65rem;
    }
    .menu_nav dl dt {
        font-size: 0.65rem;
        margin-bottom: 0.20rem;
    }
    .menu_nav dl dd {
        margin-bottom: 0.20rem;
        float: left;
        margin-right: 0.50rem;
    }
    .menu_nav dl dd a {
        font-size: 14px;
    }
    .menu_submit {
        padding-bottom: 0.75rem;
    }
    .menu_submit .form-control::placeholder {
        font-size: 16px;
    }
    .menu_submit input.form-control,
    .menu_submit select.form-control,
    .menu_submit .btn {
        width: 100%;
        font-size: 16px;
        height: 1.6rem;
        margin-bottom: 0.5rem;
    }
    .menu_nav dl {
        width: 100%;
    }
    /**/
    body {
        font-size: 14px;
    }
    header .logo {
        padding: 0.40rem 0;
    }
    .menus-list li {
        padding: 20px 0;
    }
    .menus-list li a {
        font-size: 24px;
    }
    .menu-leval {
      position: relative;
      padding: 10px;
      display: none;
      margin-top: 10px;
      background-color: #eee;
    }
    .menu-leval li {
      padding: 0;
    }
    .menu-leval li a {
      display: block;
      text-align: center;
      font-size: 16px;
      padding: 14px;
    }
    .banner-fixed .img {
        height: 7.0rem;
    }
    .banner-fixed .text {
        bottom: 0.75rem;
    }
    .banner-fixed .text-box {
        font-size: 1.15rem;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .w-title {
        font-size: 0.85rem;
        padding-bottom: 0.3rem;
        margin-bottom: 0.75rem;
    }
    .news-products {
        padding: 1.50rem 0 2.0rem;
    }
    .news-list .title {
        font-size: 0.65rem;
        line-height: 1.5;
        padding: 0 0 0.35rem;
    }
    .news-list {
        margin-left: -15px;
        margin-right: -15px;
    }
    .news-list li {
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-products .news-list li {
        margin-bottom: 0.95rem;
    }
    .news {
        padding: 1.25rem 0 2.25rem;
    }
    .news .applications-list li {
        margin-bottom: 1.0rem;
    }
    .news .applications-list li .text {
        height: auto;
        padding: 0.45rem 0.75rem 0.75rem 0;
    }
    .applications-list li .title {
        padding-bottom: 0.30rem;
    }
    .applications-list li .img {
        height: 5.5rem;
    }
    #footer {
        padding: 1.125rem 0;
    }
    .training {
        padding: 1.25rem 0 1.50rem;
    }
    .w_r {
        padding: 1.25rem 0;
    }
    .w_r_list {
        padding-bottom: 1.0rem;
    }
}
@media screen and (max-width: 767px) {
    .footer-nav .footer-text li a, .product_submit .text, .product_submit_box .form-control, .fqa .panel-group .panel-body {
        font-size: 16px;
    }
    .footer-nav .footer-text li a {
        padding-right: 0.50rem;
    }
    .footer-nav .footer-text li a:after {
        right: 0.25rem;
        height: 0.4rem;
        margin-top: -0.2rem;
    }
    .footer-nav .footer-text li:last-child a {
        padding-right: 0;
    }
    .footer-nav .design {
        margin-top: 0.60rem;
    }
    .footer-nav {
        padding-bottom: 0.50rem;
        margin-bottom: 0.40rem;
    }
    #footer .share {
        margin-top: 0.30rem;
    }
    #footer .share li {
        margin-left: 0;
        margin-right: 1.0rem;
    }
    .about {
        padding: 1.50rem 0;
    }
    .about .text_box,
    .about .img {
        width: 100%;
    }
    .about .img {
        margin-top: 0.50rem;
    }
    .home-product .text p, .home-smart .text, body, .applications-list li p, .news-list .news_label, .news-list .time, .footer-nav .design, #footer .copyright, .details-product .application_information .con, .details-product .technical_information .con, .details-box .text, .details-box .time, .download-list li .time, .download-list li .download_button, .w_r_list li .title i, .w_r_list li .text, .about .text, .culture .text, .capability .text, .development-swiper li .con {
        font-size: 14px;
    }
    .about .text, .culture .text, .capability .text {
        padding-bottom: 0.60rem;
    }
    .culture,
    .development,
    .capability,
    .fqa,
    .download {
        padding: 1.25rem 0;
    }
    .culture .text,
    .capability .text {
        width: 100%;
    }
    .qualification-swiper {
        padding-bottom: 1.25rem;
    }
    .qualification {
        padding: 1.25rem 0 1.50rem;
    }
    .development-swiper li,
    .development-swiper li .con {
        height: auto;
    }
    .development-swiper li,
    .development-swiper li:nth-child(2n-1) {
        padding-top: 15px;
    }
    .development-swiper::after {
        top: 15px;
    }
    .development-swiper li .con::after {
        top: -9px;
    }
    .fqa .panel-group .panel-heading a {
        font-size: 0.60rem;
    }
    .fqa .panel-group .panel-heading a div.problem-title {
        padding: 0.5rem;
    }
    .fqa .problem-hover:before {
        width: 16px;
        height: 2px;
        margin-left: -8px;
        margin-top: -1px;
    }
    .fqa .problem-hover:after {
        width: 2px;
        height: 16px;
        margin-left: -1px;
        margin-top: -8px;
    }
    .fqa .panel-group .panel-body {
        padding: 16px 14px;
    }
    .fqa .panel-group {
        margin-bottom: 1.25rem;
    }
    .download-list li {
        padding: 0.90rem 0;
    }
    .download-list {
        padding-bottom: 1.25rem;
    }
    .w_r_list li {
        padding: 0.9rem 0rem 0.9rem 1.0rem;
    }
    .product {
        padding: 1.50rem 0 1.75rem;
    }
    .product_submit_box input.form-control,
    .product_submit_box select.form-control {
        width: 100%;
    }
    .product_submit_box select.form-control {
        margin-left: 0;
        padding-left: 0.375rem;
        padding-right: 0.375rem;
        margin-top: 0.50rem;
    }
    .product_submit_box .form-control {
        height: 1.60rem;
    }
    .product_submit_box .form-control::placeholder {
      font-size: 16px;
      color: #333333;
    }
    .product_submit {
        padding-bottom: 1.0rem;
    }
    .product-list li .box .title {
        font-size: 0.60rem;
    }
    .product-list li .box {
        height: 12rem;
        background-size: contain;
    }
    .home-product {
        padding: 0.5rem 0 0.7rem;
    }
    .home-company {
        padding: 1rem 0 1.5rem;
    }
    .home-company .title,
    .home-smart .title {
        font-size: 0.75rem;
        padding-bottom: 0.3rem;
    }
    .home-company .text {
        padding-right: 0;
    }
    .home-company .web_more {
        position: relative;
        bottom: 0;
        margin-top: 0.50rem;
    }
    .home-smart {
        padding: 2.25rem 0 1.25rem;
    }
    .home-news {
        padding: 1.25rem 0;
    }
    .home-applications {
        padding: 1.75rem 0 1.5rem;
    }
    .home-applications .applications-title {
        font-size: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .applications-list li .text {
        height: auto;
        padding: 1.25rem 1.0rem 1rem 0;
    }
    .applications-swiper {
        padding-bottom: 1.5rem;
    }
    #banner .text .title {
        font-size: 0.85rem;
    }
    .home_banner {
        height: 50vh;
    }
    .home-product-swiper {
        padding-bottom: 1.50rem;
    }
    .details-product .details-product-banner .box {
        height: auto;
    }
    .details-product .details-product-banner .box .title {
        font-size: 0.95rem;
        padding-bottom: 0.40rem;
    }
    .details-product .details-product-banner .box .con_box {
        font-size: 0.60rem;
    }
    .details-product .details-product-banner .box .con,
    .details-product .details-product-banner .box .img {
        width: 100%;
    }
    .details-product .details-product-banner .box .img {
        height: 50vh;
    }
    .details-product .details-product-banner .box .con {
        padding-top: 3.0rem;
        padding-bottom: 0.50rem;
    }
    .details-product .technical_information {
        padding: 1.25rem 0 1.0rem;
    }
    .details-product .application_information {
        padding: 1.0rem 0 1.25rem;
    }
    .details-product .product-details-img {
        padding-bottom: 1.25rem;
    }
    .details-product .technical_information .col-xs-12,
    .details-product .application_information .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .details-close {
        top: 0.65rem;
        right: 0.65rem;
        height: 1.525rem;
        width: 1.525rem;
    }
    .details-box {
        padding-top: 3.0rem;
        padding-bottom: 1.50rem;
    }
    .details-box .title {
        font-size: 0.90rem;
    }
    .details-box .time {
        padding: 0.5rem 0 0.75rem;
    }
    .details-box .text p {
        padding-bottom: 0.65rem;
    }
}
@media screen and (max-width: 641px) {}
@media screen and (max-width: 580px) {}
@media screen and (max-width: 540px) {}
@media screen and (max-width: 481px) {}
@media screen and (max-width: 380px) {}
@media screen and (max-width: 340px) {}