@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: #ffffff;
        background-color: #15429d;
    }
    .pagination>li:first-child>a:hover, 
    .pagination>li:first-child>span:hover,
    .pagination>li:last-child>a:hover, 
    .pagination>li:last-child>span:hover {
        background-color: transparent;
        color: #21238b;
    }
    .pagination>li.on:first-child>a:hover, 
    .pagination>li.on:first-child>span:hover,
    .pagination>li.on:last-child>a:hover, 
    .pagination>li.on:last-child>span:hover {
        background-color: transparent;
        color: #21238b;
    }
    .JP-overlayNavButton {
        display: none;
    }
    .service_list>li:hover .bg {
        opacity:0;
        visibility: hidden;
    }
    .service_list>li:hover .service_partner {
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (min-width: 1200px) {}
@media screen and (max-width: 1459px) {}
@media screen and (max-width: 1200px) {
    header .header-nav li.header__navItem a.header__navAnchor {
        margin-right: 0.6rem;
    }
}
@media screen and (max-width: 991px) {
    .menu_botton {
        right: 15px;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu_botton strong {
        display: none;
    }
    #menu_toggle {
        display: none;
    }
    #menu_toggle1 {
        display: block;
    }
    .menu_botton span, 
    .menu_botton span:after, 
    .menu_botton span:before {
        width: 32px;
    }
    .menu_botton span:before {
        top: -8px;
    }
    .menu_botton span:after {
        bottom: -8px;
    }
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    body {
        padding-top: 60px;
    }
    .header .nav {
        display: none;
    }
    .header .logo a .logo-text {
        display: none;
    }
    .web_operation {
        margin-right: 50px;
    }
    .header .logo {
        padding: 0.3671rem 0;
    }
    .web_operation {
        padding: 0.808rem 0;
    }
    .activity_history {
        display: none;
    }
    .activity_list {
        width: 100%;
    }
    .product li .text .title::after {
        display: none;
    }
    .contact_company li+li {
        padding-left: 15px;
        margin-top: 1.25rem;
    }
    .contact_company li+li::after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .service_list>li {
        width: 50%;
    }
    .service_list>li.daily {
        width: 100%;
    }
    .service_list>li.daily .box {
        height: 8.5rem;
    }
    .h-product-swiper {
        padding: 2.25rem 0 3.25rem;
    }
    .h-product-swiper .box {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0.75rem;
    }
    .h-product-swiper .img {
        width: 100%;
    }
    .h-about-bg {
        padding: 2.5rem 0;
    }
    .banner .swiper-pagination {
        bottom: 0.25rem;
    }
    .h-about .text {
        padding: 0.5rem 0 1.0rem;
    }
    .h-news .h-news-swiper {
        padding-bottom: 1.25rem;
    }

    .footer .footer-nav {
        padding: 1.5rem 0;
    }
    .footer .footer-nav .footer-ul {
        width: 100%;
        padding-bottom: 0.75rem;
    }
    .footer .footer-nav .code {
        width: 100%;
    }
    .footer .footer-nav .code .code_box {
        margin-left: auto;
        margin-right: auto;
    }
    .switch-seller {
        width: 100%;
        text-align: left;
        padding-top: 0.25rem;
    }
    .move-serch input {
        width: 79%;
        font-size: 14px;
    }
    .move-serch a {
        width: 20%;
        font-size: 14px;
    }
    .web_more a {
        width: 120px;
        height: 36px;
        line-height: 34px;
    }
    .footer .most-footer {
        font-size: 14px;
    }
    .history_relative .history_prev {
        left: 0;
    }
    .history_relative .history_next {
        right: 0;
    }
    .history_swiper .box {
        padding: 0.875rem 1.75rem 0;
    }
    .history_swiper .box::after {
        left: 1.75rem;
    }
    .about_founded .row>.col-md-6+.col-md-6 {
        margin-top: 0.5rem;
    }
    .side_breadcrumb li {
        padding: 0 0.10rem;
    }
    .side_breadcrumb li a {
        font-size: 13px;
    }
    .about_title {
        font-size: 0.90rem;
    }
    .about_value li {
        width: 50%;
        float: left;
        min-height: 7.5rem;
    }
    .about_value li:nth-child(2n-1) {
        border-left: none;
    }
    .about_activity .box .img,
    .about_activity .box .text {
        width: 100%;
    }
    .about_activity .box .text {
        padding: 0.5rem 15px 0;
    }
    .about_activity .activity_button {
        padding: 0 15px;
        left: inherit;
        right: 0;
    }
    .activity_list>ul li .img,
    .activity_list>ul li .text {
        width: 100%;
    }
    .activity_list>ul li .text {
        padding: 0.625rem 15px 0;
    }
    .product li .text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .product li .text .title {
        font-size: 0.9rem;
    }
    .product li .text .title_en {
        padding: 0 0 0.35rem;
    }
    .product li:nth-child(2n) .text .title, 
    .product li:nth-child(2n) .text .title_en {
        text-align: left;
    }
    .services, .product {
        padding: 1.25rem 0 2.0rem;
    }
    .panel-group .panel-body {
        font-size: 13px;
    }
    .panel-group .panel+.panel {
        margin-top: 0.20rem;
    }
    .contact_message .title {
        font-size: 0.9rem;
    }
}
@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) {}