@charset "utf-8";

/* CSS Document */
html {
    font-size: 10px;
}

@media (min-width:768px) {
    html {
        font-size: 11px;
    }
}

@media (min-width:992px) {
    html {
        font-size: 12px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:1390px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:1440px) {
    html {
        font-size: 15px;
    }
}

@media (min-width:1500px) {
    html {
        font-size: 16px;
    }
}

/*1280X720 1366X768 1440X900 1920X1080*/
/*手机样式*/
@media (min-width:992px) {

    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: #003e7e;
        color: #ffffff;
        box-shadow: none;
    }

    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #fff;
    }

    .modal-dialog {
        max-width: 700px;
    }

    .modal-dialog1 {
        max-width: 1000px;
    }
}

@media (min-width:1390px) {
    .container {
        max-width: 1330px;
    }
}

@media (min-width:1390px) {
    .container {
        max-width: 1330px;
    }
}

@media screen and (max-width: 1390px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width:991px) {
    #menu_toggle1 {
        display: block;
    }

    .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;
    }

    /**/

    header .header-nav,
    header .header-language {
        display: none;
    }

    header .logo {}

    header .header-language .header_language,
    header .header-language .header_href {
        display: none;
    }

    header .header-language .header_search {
        margin-right: 4.15rem;
    }

    .header_column {
        position: relative;
        right: 50px;
    }

}

@media screen and (max-width:767px) {
    header {
        height: auto;
    }

    header .logo {
        width: 8.25rem;
    }

    .head .headRight .link {
        display: none;
    }

    .head .headRight .lang:after {
        display: none;
    }

    .searchField_form {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 100%;
        display: none;
    }

    .headerBtn {
        padding-right: 46px;
    }

    .headerBtn .items a {
        font-size: 0;
    }

    .headerBtn .items a img {
        margin-right: 0;
    }

    .bannerHeading .title {
        font-size: 1.75rem;
    }

    .bannerHeading .text {
        font-size: 1.25rem;
        padding-bottom: 1rem;
    }

    #banner .swiperFooter {
        bottom: 1rem;
    }

    .hMore a {
        width: 9rem;
        padding: 0.65rem 0.75rem;
    }

    .hProductSwiper .hProductPrev,
    .hProductSwiper .hProductNext {
        margin-top: -1.8rem;
        width: 2.2rem;
        height: 3.6rem;
    }

    .hColumn {
        padding-bottom: 2rem;
    }

    .hApplication {
        padding: 3.25rem 0 0.75rem;
    }

    .hApplicationListMain {
        padding-left: 0;
    }

    .hApplicationListMain .imgBg {
        width: 100%;
        position: relative;
        height: 56rem;
        bottom: 0;
        margin-bottom: 14px;
    }

    .hApplicationTitle .title {
        width: 15rem;
    }

    footer .footer_head li {
        margin-bottom: 1.5rem;
    }

    footer .footer_head li .title {
        font-size: 1.25rem;
        padding-top: 1rem;
    }

    footer .footer_main:after {
        display: none;
    }

    footer .footer_nav,
    footer .footer_share {
        width: 100%;
    }

    footer .footer_nav {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    footer .footer_copyright a {
        display: block;
    }

    footer .footer_main {
        padding: 2.5rem 0 1.5rem;
    }

    footer .footer_nav {
        padding: 0 15px 3.5rem;
        display: block !important;
    }

    footer .footer_nav li {
        margin-bottom: 0;
    }

    footer .footer_nav li .title {
        font-size: 1.25rem;
        padding: 1.35rem 0;
        margin-bottom: 0;
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    footer .footer_nav li .title::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: url(../images/hTitleFlexIcon.png) no-repeat center;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

    footer .footer_nav li .con {
        display: none;
    }

    footer .footer_nav li.isActive .title::after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    footer .footer_nav li.isActive .con {
        display: block;
    }

    footer .footer_nav li .con {
        padding-top: 1.25rem;
    }

    footer .footer_share {
        padding: 2.5rem 15px 0;
    }

    footer .footer_share .img {
        width: 8rem;
        margin-right: 1.5rem;
    }

    .classificationBox {
        padding-left: 4.8rem;
        padding-right: 4.8rem;
    }

    #wBanner .box .title {
        font-size: 1.6rem;
        padding-bottom: 1rem;
    }

    .product {
        padding-bottom: 3.25rem;
    }

    .productDetailHead {
        padding-top: 0;
        padding-bottom: 3.25rem;
    }

    .imgSwiper {
        width: 100%;
    }

    #bigView,
    .imgSwiper li.swiper-slide .img .mask {
        display: none !important;
    }

    .productDetailCon {
        width: 100%;
        padding-top: 2rem;
    }

    .titleHead .title {
        font-size: 2rem;
    }

    .optionBox li {
        height: 2.6rem;
        line-height: 2.6rem;
    }

    .productDetail_list {
        padding-left: 0;
    }

    .productDetail_list .title {
        position: relative;
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .productDetailRecommend {
        display: none;
    }

    .productDetailBox {
        margin-left: 0;
    }

    .productDetailDownload table .enclosure {
        display: none;
    }

    .productDetailMain {
        display: block;
    }

    .productDetailBoxTab li {
        padding: 1.06rem 0;
    }

    .productDetailAccessories {
        overflow: hidden;
        overflow-x: auto;
    }

    .imgSwiper .enlargeIcon {
        display: none;
    }

    .case {
        padding: 3.25rem 0;
    }

    .caseDetailSide {
        display: none;
    }

    .caseDetailMain {
        padding-right: 0;
        padding-top: 3.25rem;
        padding-bottom: 3.75rem;
    }

    .w_title {
        font-size: 1.8rem;
    }

    .caseDetailHead .w_title {
        padding-top: 1.25rem;
    }

    #downloadSideNav .downloadSideNavBox li {
        margin-right: 3.6rem;
    }

    .dClassification {
        padding: 1rem 0;
        border-bottom: 1px solid #dbdbdb;
    }

    .dClassification ul li {
        margin-right: 1rem;
    }

    .pSort {
        padding: 1.5rem 0;
    }

    .learning {
        background: #ffffff;
    }

    .learning_main {
        padding-left: 0;
    }

    .learning_nav {
        display: none;
    }

    .learning_con {
        padding: 3.25rem 0;
        min-height: inherit;
    }

    .aboutHead {
        background-color: #ffffff;
    }

    .aboutHeadBox .w_text {
        width: 100%;
    }

    .aboutHeadBox .list {
        width: 100%;
        margin-top: 3.25rem;
    }

    .ptb_120 {
        padding-bottom: 4.5rem;
        padding-top: 4.5rem;
    }

    .aboutNewsHead {
        padding-bottom: 1.5rem;
    }

    .historySwiper {
        margin: 1.5rem 0 4.5rem;
    }

    .aboutContactText ul {
        display: block;
    }

    .aboutContactText ul li {
        display: block;
    }

    .aboutContactText ul li+li {
        padding-left: 0;
        padding-top: 1rem;
    }

    .aboutContactMap {
        margin-left: 15px;
    }

    .aboutContactMap .more a {
        width: 11rem;
        height: 3.5rem;
        line-height: 3.5rem;
    }

    .news {
        padding: 3.25rem 0;
    }

    .newsList {
        padding-bottom: 2.8rem;
    }

    .newsList li .box {
        padding: 1.62rem 0;
    }

    .newsList li .box .title {
        padding-left: 0;
        font-size: 1.35rem;
    }

    .newsList li .box .time {
        position: relative;
        top: 0;
        padding-top: 0.38rem;
        text-align: left;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .newsList li .box .time:after {
        display: none;
    }

    .learningDetailWidth {
        padding: 1.8rem 15px 5rem;
    }

    .learningDetailWidth .l_title {
        font-size: 2rem;
    }

    .myShoppingCartHeader .logoText .text {
        padding-left: 1rem;
        font-size: 1.75rem;
    }

    .quickOrderTable {
        overflow: hidden;
        overflow-x: auto;
    }

    .quickOrderSide {
        height: auto;
    }

    .quickOrderSideBox {
        position: relative;
        top: 0;
    }

    .mb_80 {
        margin-bottom: 2.5rem;
    }

    .quickOrderSideBox {
        display: block !important;
    }

    .commodityRecommendTitle {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .commodityRecommendTitle span {
        padding: 0 1.3rem;
    }

    .quickOrderSideRight {
        margin-top: 1.25rem;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .quickOrderSideRight .piece {
        padding-right: 1rem;
        width: 50%;
    }

    .quickOrderSideRight .total {
        width: 50%;
        padding-right: 1rem;
    }

    .quickOrderSideRight .link {
        width: 100%;
        margin-top: 0.5rem;
    }

    .quickOrderSideRight .btn {
        width: 100%;
    }

    .webForm .form-group {
        display: block;
        margin-bottom: 1.35rem;
    }

    .webForm .form-group .label {
        width: 100%;
        text-align: left;
        padding-right: 0;
        padding-bottom: 0.38rem;
    }

    .webForm .form-group .form-control {
        height: 3.6rem;
    }

    .receivingList li .box {
        height: 13rem;
    }

    .orderConfirmRemarksBox .lable {
        height: 3.6rem;
        line-height: 3.6rem;
    }

    .orderConfirmRemarksBox .form-control {
        height: 3.6rem;
    }

    .orderCompletion .con .title {
        font-size: 2rem;
    }

    .orderCompletion .con .text {
        padding-bottom: 1.5rem;
    }

    .personalNav {
        display: none;
    }

    .personalBox {
        padding: 2rem 15px;
    }

    .personalInformation ul {
        max-width: 100%;
    }

    .personalInformation li .submit {
        width: 100%;
    }

    .receivingAddressList li .box {
        height: 14rem;
    }

    .receivingAddressList li .box .btnIcon {
        width: 7rem;
    }

    .myNewsAccordion .accordion .accordion_item .accordion_con {
        padding-right: 0;
    }

    .myNewsPage .conLeft {
        margin-bottom: 1.75rem;
    }

    .personalMain {
        display: block !important;
    }

    .personalTable {
        overflow: hidden;
        overflow-x: auto;
    }

    .personalTable table {
        table-layout: inherit;
        white-space: nowrap;
    }

    .myProductTable {
        overflow: hidden;
        overflow-x: auto;
    }

    .myProductTable table {
        table-layout: inherit;
    }

    .myProductTable table th {
        white-space: nowrap;
    }

    .myProductTable table td.operation .link {
        white-space: nowrap;
    }

    .personalTableHead table th,
    .personalTableHead table td {
        padding: 0.62rem 0.3rem;
    }

    .invoiceQueryForm .search .input {
        width: 100%;
        margin-top: 1rem;
    }

    .myOrderTableCon {
        display: block;
    }

    .myOrderTableCon .state {
        border-top: 1px solid #efefef;
    }

    .myOrderTableHead .state .text span+span {
        padding-left: 0;
        margin-left: 0;
        display: block;
    }

    .myOrderTableHead .state .text span+span::after {
        display: none;
    }

    .myOrderTableHead .state .text {
        line-height: 1.8;
    }

    .myOrderTableHead .money {
        position: absolute;
        top: 1.62rem;
        right: 1.88rem;
    }

    .myOrderTableHead .money span {
        font-size: 2rem;
    }

    .myOrderTableCon .state .items .link {
        width: 100%;
    }

    .myOrderDTitle {
        font-size: 1.75rem;
        padding-bottom: 1.5rem;
    }

    .signIn {
        padding-left: 0;
    }

    .signInBg {
        display: none;
    }

    .signInHead {
        padding: 1.88rem 15px;
    }

    .signInMain {
        padding: 8rem 15px 5rem;
    }

    .uploadCertificateBox .uploadCertificateFile .label {
        width: 4.88rem;
    }

    .uploadCertificateBox .uploadCertificateFile .label .icon {
        margin: 0 auto;
    }

    .uploadCertificateBox .uploadCertificateFile .label .title {
        display: none;
    }
}

@media screen and (max-width:480px) {}

@media screen and (max-width:414px) {}

@media screen and (max-width:340px) {}