html,
body {
    font-size: 12px;
}


/*a,a:link{text-decoration:none;color:#555;outline:0;}*/

a {
    text-decoration: none;
    color: #333;
    outline: 0;
}

a:visited {
    background-color: transparent;
    color: #333;
}

a:active,
a:hover {
    text-decoration: underline;
    outline: 0;
}

a:hover,
a:focus {
    color: #003689;
    text-decoration: underline;
    outline: 0;
}

.body-default {}

.body-default>.wrap-body {
    height: auto;
    min-height: 100%;
}

.wrap {
    position: relative;
}

.modal {
    z-index: 99999 !important;
}

.header {
    background-color: #fff;
    color: #333;
}

.header a {
    color: #333;
}

.header .topbar {
    line-height: 38px;
    background: #f6fafd;
    color: #2A2A2B;
    text-align: center;
    position: relative;
}

.header .topbar .container {
    position: relative;
}

.header .topbar .link-close {
    cursor: pointer;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    top: 50%;
    margin-top: -11px;
    right: 15px;
}

.header .topbar .close i {
    color: #D2D2D2;
}

.header .topbar .link-close:hover i {
    color: #f0f0f0;
}

.header .topbar a {
    display: inline;
    text-align: right;
}



.header .control {
    padding: 0;
    width: 100% !important;
    background: #003689;
}

.header .control>.container {
    padding: 15px 15px 0px 15px;
}

.header .fixed-control {
    padding: 0;
    background: #fff;
    width: 100% !important;
    z-index: 1039 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.header .fixed-control>.container {
    padding: 15px 0;
}

.header .fixed-control .navigation {
    display: none !important;
}

.header .fixed-control .control-toolbar .tool>a {
    content: '';
}

.header .control .brand {
    float: left;
}

.header .control .brand a {
    display: block;
    height: 80px;
}

.header .control .brand a img {
    height: 70px;
}

.header .control .searchbar {
    padding-top: 10px;
}

.header .control .from-control-search {}

.header .control .from-control-search .txt-keyword {
    height: 38px;
    font-size: 14px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.header .control .from-control-search .btn-search {
    border: 0;
    height: 38px;
    width: 80px;
    padding: 0;
    background-color: #d4d4d44d;
    color: #fff;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    font-size: 20px;
}

.header .control .from-control-search .btn-search i {
    font-size: 20px;
}

.header .control .control-toolbar {
    height: 60px;
    float: left;
    color:#fff;
}

.header .control .control-toolbar .tool {
    float: left;
    position: relative;
}

.header .control .control-toolbar .tool>a {
    display: block;
    line-height: 40px;
    /*width: 80px;*/
    /*padding-top: 45px;*/
    /*font-size: 12px;*/
    /*font-weight: 700;*/
    text-align: center;
    /*text-decoration: none;*/
    /*height: 65px;*/
    /*overflow: hidden;*/
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
}

.header .control .control-toolbar .tool-cart {
    margin-left: 30px;
    color: #003689;
    font-size: 26px;
    margin-right: 6px;
}


.header .control .control-toolbar .tool-cart>a {}

.header .control .control-toolbar .tool-cart .cart-preview {
    width: 430px;
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.header .control .control-toolbar .tool-cart .cart-preview .inner {
    padding: 15px;
}

.header .control .control-toolbar .tool-cart .cart-preview .title {
    font-size: 18px;
    font-weight: 800;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
}

.header .control .control-toolbar .tool-cart .cart-preview .list {
    margin: 10px 0;
    padding: 0 10px;
    max-height: 400px;
    overflow: auto;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item {
    border-bottom: 2px solid #eee;
    padding: 5px 0;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item:last-child {
    border-bottom: none;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .col {
    float: left;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .image {
    width: 20%;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .image a {
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .image a img {
    width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .info {
    width: 55%;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .price {
    width: 25%;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .part a {
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .brand {
    font-size: 12px;
    color: #777;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .price {
    font-size: 14px;
    text-align: right;
}

.header .control .control-toolbar .tool-cart .cart-preview .list .item .subtotal {
    font-size: 14px;
    font-weight: 800;
}

.header .control .control-toolbar .tool-cart .cart-preview .action {
    padding-top: 15px;
    border-top: 2px solid #000;
}

.header .control .control-toolbar .tool-cart .cart-preview .total {
    font-size: 14px;
    line-height: 32px;
    font-weight: 800;
}

.header .control .control-toolbar .tool-cart .cart-preview .cart-empty {
    text-align: center;
    padding: 30px 0;
}

.header .control .control-toolbar .tool-cart .cart-preview .cart-empty p {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 30px;
}

.header .control .control-toolbar .tool-cart .cart-preview .cart-empty a {
    color: #333;
}

.header .control .control-toolbar .tool-cart>a {
    position: relative;
}

.header .control .control-toolbar .tool-cart>a>.nums {
    top: 0;
    right: 0;
    position: absolute;
    background: #e90028;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    width: 16px;
    height: 16px;
    line-height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/*.header .control .control-toolbar{float:right;margin-bottom:10px;}
.header .control .control-toolbar .tool{float:left;position:relative;height:65px;}

.header .control .control-toolbar .tool > a {
    display: block;
    width: 80px;
    padding-top: 45px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    height: 65px;
    overflow: hidden;
}
.header .control .control-toolbar .tool-account > a{background:url("../images/headimg_01.png") no-repeat top center;}
.header .control .control-toolbar .tool-cart > a{background:url("../images/headimg_02.png") no-repeat top center;position:relative;}
.header .control .control-toolbar .tool-cart > a > .nums{width:18px;height:18px;line-height:18px;background:#e90028;font-size:12px;color:#fff;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:normal;font-style:normal;position:absolute;top:0;right:0;}
.header .control .control-toolbar .tool-contact > a{background:url("../images/headimg_03.png") no-repeat top center;}

*/

.header .control .navbar-toggle {
    padding: 0 10px;
    margin: 0;
}

.header .control .navbar-toggle i {
    font-size: 18px;
}

.header .navigation {
    background-color: #003689;
    1border-bottom: 1px solid #003689;
}
.header .navigation .container{
    padding-left:0px;
    padding-right:0px;
}

.header .navigation .navlist {}

.header .navigation .navlist>ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 42px;
    flex-wrap: wrap;
}

.header .navigation .navlist>ul>li {}

.header .navigation .navlist>ul>li>span {
    display: block;
    line-height: 42px;
}

.header .navigation .navlist>ul>li>span>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 30px;
    line-height: 40px;
    color: #fff;
}

.header .navigation .navlist>ul>li:hover>span>a,
.header .navigation .navlist>ul>li>span>a:hover {
    text-decoration: none;
    color: #e70012;
    background-color: #d4d4d44d;
    border-radius: 10px 10px 0px 0px;
}

.header .navigation .navlist>ul>li:last-child>span {}

.header .navigation .nav-right {
    float: right;
}

.header .navigation .nav-right .link-phone {
    margin-right: 20px;
}

.header .navigation .nav-right .link-phone span {
    padding: 0 10px 0 35px;
    background: url("../images/kaimte/ico_1@2x.png") no-repeat 10px center
}

.header .navigation .nav-right .link-lang {
    font-size: 12px;
}

.header .navigation .nav-right .link-lang span a {
    font-size: 12px;
    padding-right: 20px;
    padding-left: 35px;
    background: url("../images/kaimte/ico_2@2x.png") no-repeat 10px center;
}

.header .navigation .lang-toggle {
    padding: 0 20px 0 38px;
}

.header .navigation .lang-toggle .lang-item {
    top: 5px;
    left: 10px;
    position: absolute;
    width: 24px;
    height: 22px;
}

.header .navigation .lang-toggle .fa {
    position: absolute;
    right: 10px;
    top: 0;
    height: 40px;
    line-height: 40px;
}

.header .navigation .lang-set {
    padding: 10px;
    position: absolute;
    top: 42px;
    right: 0;
    width: 160px;
    background: #FFFFFF;
    color: #333333;
    z-index: 999;
    -webkit-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
}

.header .navigation .lang-set a {
    color: #333;
}

.header .navigation .lang-set .title {
    font-weight: 700;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    line-height: 32px;
    padding: 0 10px;
}

.header .navigation .lang-set ul {}

.header .navigation .lang-set ul li {}

.header .navigation .lang-set ul li a {
    padding: 0 10px 0 35px;
    color: #000;
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    position: relative;
}

.header .navigation .lang-set ul li a:hover {
    text-decoration: none;
    background: #eee;
}

.header .navigation .lang-set ul li a i {
    top: 3px;
    left: 4px;
    position: absolute;
    width: 24px;
    height: 22px;
}

.header .navigation .lang-item {
    background: url("../images/flags_all.png") no-repeat 30px 30px;
}

.header .navigation .lang-ar-ae {
    background-position: -27px -1px;
}

.header .navigation .lang-pt-br {
    background-position: -365px -27px;
}

.header .navigation .lang-en-us {
    background-position: -313px -365px;
}

.header .navigation .lang-en-ca {
    background-position: -131px -53px;
}

.header .navigation .lang-es-mx {
    background-position: -313px -235px;
}

.header .navigation .lang-de-at {
    background-position: -339px -1px;
}

.header .navigation .lang-en-au {
    background-position: -365px -1px;
}

.header .navigation .lang-nl-be {
    background-position: -105px -27px;
}

.header .navigation .lang-bg-bg {
    background-position: -157px -27px;
}

.header .navigation .lang-zh-cn {
    background-position: -365px -53px;
}

.header .navigation .lang-cs-cz {
    background-position: -131px -79px;
}

.header .navigation .lang-da-dk {
    background-position: -209px -79px;
}

.header .navigation .lang-et-ee {
    background-position: -365px -79px;
}

.header .navigation .lang-fi-fi {
    background-position: -105px -105px;
}

.header .navigation .lang-fr-fr {
    background-position: -209px -105px;
}

.header .navigation .lang-de-de {
    background-position: -157px -79px;
}

.header .navigation .lang-zh-hk {
    background-position: -287px -131px;
}

.header .navigation .lang-hu-hu {
    background-position: -1px -157px;
}

.header .navigation .lang-en-in {
    background-position: -131px -157px;
}

.header .navigation .lang-en-ie {
    background-position: -53px -157px;
}

.header .navigation .lang-en-il {
    background-position: -79px -157px;
}

.header .navigation .lang-it-it {
    background-position: -261px -157px;
}

.header .navigation .lang-ja-jp {
    background-position: -391px -157px;
}

.header .navigation .lang-ko-kr {
    background-position: -183px -183px;
}

.header .navigation .lang-lv-lv {
    background-position: -105px -209px;
}

.header .navigation .lang-lt-lt {
    background-position: -53px -209px;
}

.header .navigation .lang-en-my {
    background-position: -339px -235px;
}

.header .navigation .lang-nl-nl {
    background-position: -131px -261px;
}

.header .navigation .lang-nn-no {
    background-position: -157px -261px;
}

.header .navigation .lang-en-nz {
    background-position: -261px -261px;
}

.header .navigation .lang-en-ph {
    background-position: -1px -287px;
}

.header .navigation .lang-pl-pl {
    background-position: -53px -287px;
}

.header .navigation .lang-pt-pt {
    background-position: -183px -287px;
}

.header .navigation .lang-ro-ro {
    background-position: -313px -287px;
}

.header .navigation .lang-ru-ru {
    background-position: -365px -287px;
}

.header .navigation .lang-en-sg {
    background-position: -157px -313px;
}

.header .navigation .lang-sl-si {
    background-position: -235px -313px;
}

.header .navigation .lang-es-es {
    background-position: -53px -105px;
}

.header .navigation .lang-sk-sk {
    background-position: -287px -313px;
}

.header .navigation .lang-sv-se {
    background-position: -131px -313px;
}

.header .navigation .lang-de-ch {
    background-position: -235px -53px;
}

.header .navigation .lang-fr-ch {
    background-position: -235px -53px;
}

.header .navigation .lang-zh-tw {
    background-position: -157px -365px;
}

.header .navigation .lang-th-th {
    background-position: -287px -339px;
}

.header .navigation .lang-tr-tr {
    background-position: -79px -365px;
}

.header .navigation .lang-en-uk {
    background-position: -261px -365px;
}

.navigation .nav-catalog {
    position: relative;
    width: 310px;
    text-align: center;
    background: #d4d4d44d;
    border-radius: 10px 10px 0 0;
}

.navigation .nav-catalog .nav-collapse {
    display: none;
    text-align: left;
}

.navigation .nav-catalog:hover .nav-collapse {
    display: block !important;
}

.navigation .nav-catalog .nav-cat-menus {
    border: 1px solid #ddd;
    position: absolute;
    width: 310px;
    height: 430px;
    min-height: 420px;
    background: #fff;
    color: #333;
    z-index: 999;
}

.navigation .nav-catalog .nav-cat-menus>dl {
    background: #FFF;
}


/*.navigation .nav-catalog .nav-cat-menus > dl:nth-child(even) { background: #f9f9f9;}*/

.navigation .nav-catalog .nav-cat-menus>dl>dt {
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


/*.navigation .nav-catalog .nav-cat-menus > dl:nth-child(even) dt { border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}*/

.navigation .nav-catalog .nav-cat-menus>dl>dt>a {
    font-size: 14px;
    display: block;
    padding: 8px 35px 8px 15px;
    color: #333;
}

.navigation .nav-catalog .nav-cat-menus>dl>dt>i {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    color: #777;
    top: 25%;
    margin-left: -25px;
    left: 100%;
}

.navigation .nav-catalog .nav-cat-menus>dl>dd {
    display: none;
    position: absolute;
    top: -1px;
    left: 308px;
    height: 500px;
    width: 656px;
    background: #fff;
    overflow: auto;
    border: 1px solid #ddd;
}

.navigation .nav-catalog .nav-cat-menus>dl>dd>ul {
    padding: 15px;
}

.navigation .nav-catalog .nav-cat-menus>dl>dd>ul>li {
    float: left;
    width: 50%;
    padding: 8px 10px;
}

.navigation .nav-catalog .nav-cat-menus>dl>dt>ul>li a {
    color: #333;
    font-size: 12px;
}
.navigation .nav-catalog .nav-cat-menus>dl>dd>ul>li a:hover {
    color:#e70012;
}
.navigation .nav-catalog .nav-cat-menus>dl>dt a:hover {
    color:#e70012;
}


.navigation .nav-catalog .nav-cat-menus>dl:hover>dt {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
    width: 310px;
    z-index: 999;
}

.navigation .nav-catalog .nav-cat-menus>dl:hover>dd {
    display: block !important;
    
}

.footer {
    color: #fff;
    background: #003689;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#323232", endColorstr="#000000", GradientType=1);
}

.footer2 {
    color: #333;
    background: none;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color: #fff;
}

.footer .footer-email {
    background: url("../images/footer_contact_03.png") no-repeat center left;
    background-size: 20px;
    padding-left: 20px;
}

.footer .footer-tel {
    background: url("../images/footer_contact_07.png") no-repeat center left;
    background-size: 20px;
    padding-left: 20px;
}

.footer .footer-address {
    background: url("../images/footer_contact_06.png") no-repeat center left;
    background-size: 20px;
    padding-left: 20px;
}

.footer .footer-subscribe {
    /*background: #000000;*/
    /*padding-top:50px;*/
}

.footer .footer-subscribe .p1 {
    font-size: 40px;
    text-align: center;
}

.footer .footer-subscribe .p2 {
    font-size: 14px;
    text-align: center;
    width: 720px;
    margin: 0 auto;
}

.footer .footer-subscribe .from-subscribe {
    width: 580px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
}

.footer .footer-subscribe .from-subscribe .form-control {
    border: 0;
    height: 50px;
    font-size: 16px;
    padding: 0 15px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.footer .footer-subscribe .from-subscribe .btn-submit {
    border: 0;
    height: 50px;
    background-color: #368d2d;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer .footer-navs {
    /*background: #000000;*/
    padding: 25px 0;
}

.footer .footer-navs dl {}

.footer .footer-navs dl dt {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.footer .footer-navs dl dd {
    font-size: 14px;
}

.footer .footer-navs dl dd ul li {
    padding: 0px 0;
}

.footer .footer-navs .footer-news {}

.footer .footer-navs .footer-news dd .item {
    margin-bottom: 10px;
}

.footer .footer-navs .footer-news dd .item .date {
    color: #777;
    font-size: 12px;
}

.footer .footer-navs .share {
    text-align: left;
}

.footer .footer-navs .share a {
    display: inline-block;
    margin: 0 10px;
}

.footer .footer-navs .share a i {
    font-size: 20px;
}

.footer .footer-bottom {
    /*background: #2A2A2B;*/
    padding: 15px;
}

.footer .footer-bottom .i-exp {
    display: inline-block;
    margin: 0 15px;
}


/*.footer{border-top:1px solid #dddddd;margin-top:40px;}
.footer .footer-contact{text-align:center;font-size:14px;font-weight:700;padding:15px 0;}
.footer .footer-contact .row{margin:0 -15px;}
.footer .footer-contact .row .col{padding:0 10px;}
.footer .footer-contact .contact-item{display:block;padding-top:60px;color:#333;text-decoration:none;}
.footer .footer-contact .contact-item:hover{color:#333;text-decoration:none;}
.footer .footer-contact .contact-qq{background:url("../images/footer_contact_01.png") no-repeat top center;}
.footer .footer-contact .contact-phone{background:url("../images/footer_contact_02.png") no-repeat top center;}
.footer .footer-contact .contact-email{background:url("../images/footer_contact_03.png") no-repeat top center;}
.footer .footer-contact .contact-skype{background:url("../images/footer_contact_04.png") no-repeat top center;}
.footer .footer-contact .contact-msg{background:url("../images/footer_contact_05.png") no-repeat top center;}

.footer .footer-navs{padding:30px 0;}
.footer .footer-navs .company{font-size:14px;font-weight:700;margin-bottom:15px;}
.footer .footer-navs .address{}
.footer .footer-navs .contact{margin-bottom:15px;}
.footer .footer-navs .navs-list{}
.footer .footer-navs .navs-list .col{border-right:1px solid #d0d0d0;height:140px;}
.footer .footer-navs .navs-list .col:last-child{border-right:0;}
.footer .footer-navs .navs-list .col dl dt{font-size:12px;font-weight:700;margin-bottom:15px;}
.footer .footer-navs .navs-list .col dl dd ul li a{line-height:22px;}

.footer .footer-bottom{background-color:#555555;padding:20px 0;color:#ccc;}
.footer .footer-bottom a{color:#ccc;}
.footer .footer-bottom a:hover{color:#fff;}

.footer .footer-links{overflow:hidden;margin-bottom:15px;}
.footer .footer-links .wrap{float:left;position:relative;left:50%;}
.footer .footer-links ul{float:left;position:relative;left:-50%;}
.footer .footer-links ul li{float:left;padding:0 10px;line-height:22px;}
.footer .footer-links ul li span{border-right:1px solid #ccc;padding-right:20px;}
.footer .footer-links ul li:last-child span{border-right:none;padding-right:0;}

.footer .footer-copyright{text-align:center;margin-bottom:10px;}
.footer .footer-tel{text-align:center;margin-bottom:10px;}
.footer .footer-share{text-align:center;margin-bottom:10px;}*/

.content {
    background-color: #f7f8fc;
}

.content .page .navcrumb {
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}

.content .page .navcrumb .container {
    background-color: #fff;
}

.content .page .navcrumb .breadcrumb {
    background-color: #fff;
    border-radius: 0;
    padding: 10px 0;
    margin: 0;
    color: #333;
}

.content .page .navcrumb .breadcrumb li {
    color: #003689;
}

.content .page .navcrumb .breadcrumb li.active {
    font-weight: 700;
}

.content .page .navcrumb .breadcrumb li a {
    color: #333;
}

.content .page .navcrumb .breadcrumb>li+li:before {
    color: #333;
}

.content .container {
    background: #fff;
    padding:0px;
}
.content .home-desc1{
    margin-top:20px;
}
#myTabs .list-group-item{
    border:none;
    text-align: center;
}

#myTabs .list-group-item a{
    color:#333;
}
#myTabs .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background-color:#f7f8fc;
    border:none;
}

.page-content {
    min-height: 560px;
}


/**************** PAGE ****************/

.page-home .home-row {
    padding: 30px 0;
}

.page-home .home-row .row-header {
    position: relative;
    margin-bottom: 30px;
}

.page-home .home-row .row-header .title {
    font-size: 34px;
    font-weight: 800;
}

.page-home .home-row .row-header .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 350px;
    background: #003689;
}

.page-home .home-row .row-header .more {
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-home .home-row .row-header .more a {
    font-size: 20px;
    color: #ff6a00;
    line-height: 32px;
}

.page-home .home-row .row-header .more i {
    font-size: 20px;
    color: #ff6a00;
    line-height: 32px;
}

.page-home .main-banner .swiper-slide a {
    display: block;
    height: 410px;
}

.page-home .main-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none;
    border: 2px solid #fff;
}

.page-home .main-banner .swiper-pagination-bullet-active {
    background: #fff;
}

@media screen and (max-width: 992px) {
    .page-home .main-banner {
        display: none;
    }
}

.page-home .row-1 .row-header .title {
    font-size: 50px;
    margin-bottom: 15px;
}

.page-home .row-1 .subtitle {
    font-size: 18px;
    padding-right: 50%;
    margin-bottom: 20px;
}

.page-home .row-1 .list .col .p1 {
    font-size: 20px;
    margin-bottom: 5px;
}

.page-home .row-1 .list .col .p2 {
    font-size: 12px;
    min-height: 160px;
    padding: 10px 0;
}

.page-home .row-1 .list .col .more a {
    border-radius: 3px;
}

.page-home .row-1 .list .col .img {
    height: 120px;
    background-size: cover;
}

.page-home .row-1 .list .col-1 .img {
    background: url("../images/kaimte/row_1_1_bg@2x.png") no-repeat center center;
}

.page-home .row-1 .list .col-2 .img {
    background: url("../images/kaimte/row_1_2_bg@2x.png") no-repeat center center;
}

.page-home .row-1 .list .col-3 .img {
    background: url("../images/kaimte/row_1_3_bg@2x.png") no-repeat center center;
}

.page-home .row-2 .list {
    margin: 0 -25px;
}

.page-home .row-2 .list .item {
    float: left;
    width: 20%;
    padding: 15px 25px;
}

.page-home .row-2 .list .item .inner {
    text-align: center;
    padding-bottom: 10px;
}

.page-home .row-2 .list .item .image {
    margin-bottom: 10px;
}

.page-home .row-2 .list .item .image a {
    display: block;
    overflow: hidden;
}

.page-home .row-2 .list .item .image a img {
    height: 150px;
    max-width: 100%;
}

.page-home .row-2 .list .item .part {
    margin-bottom: 10px;
}

.page-home .row-2 .list .item .part a {
    font-size: 14px;
    line-height: 22px;
}

.page-home .row-2 .list .item .price {
    font-size: 14px;
    color: #ff6a00;
    line-height: 22px;
}

.page-home .row-3 {
    background: #F5F5F5;
    padding: 50px 0;
}

.page-home .row-3>.container {
    background: none;
}

.page-home .row-3 .list {
    margin: 0 -10px;
}

.page-home .row-3 .list .item {
    float: left;
    width: 16.6666%;
}

.page-home .row-3 .list .item .inner {
    padding: 0 10px;
    margin-bottom: 15px;
}

.page-home .row-3 .list .item a {
    display: block;
    border: 1px solid #CECECE;
    height: 95px;
    line-height: 85px;
    padding: 5px;
    background: #FFF;
    text-align: center;
}

.page-home .row-3 .list .item a img {
    max-width: 100%;
    max-height: 100%;
}

.page-home .row-4 {
    position: relative;
}

.page-home .row-4>.background {
    top: 0;
    /*right: 50%;*/
    /*margin-right: -200px;*/
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 30px 0;
}

.page-home .row-4>.background>.inner {
    height: 100%;
    background: url("../images/kaimte/row_4_bg.jpg") center center no-repeat;
    background-size: cover;
}

.page-home .row-4 .text {
    float: right;
    width: 35%;
    position: relative;
    z-index: 1;
    padding: 30px;
    color: #fff;
}

.page-home .row-4 .text::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    content: ' ';
}

.page-home .row-4 .p1 {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.page-home .row-4 .p2 {
    margin-bottom: 30px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.page-home .row-4 .link-more {
    background: #E90028;
    color: #fff;
    height: 50px;
    width: 184px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.page-home .row-5 {
    background: #F5F5F5;
    padding: 50px 0;
}

.page-home .row-5 .container {
    background: none;
}

.page-home .row-5 .list {
    margin: 0 -10px;
}

.page-home .row-5 .list li {
    float: left;
    width: 20%;
    padding: 5px 10px;
}

.page-home .row-5 .list li a {
    font-size: 14px;
}


/* page-cate-list */

.page-cate-list h1 {
    font-size: 26px;
    padding: 30px 0;
}

.page-cate-list .cate-list .item {
    margin-bottom: 15px;
}

.page-cate-list .cate-list .item .text-muted {
    font-weight: normal;
}

.page-cate-list .cate-list .item h3 {
    border-bottom: 1px solid #CBC2C2;
    font-size: 22px;
    color: #333;
    font-weight: 800;
    margin: 0;
    padding: 15px 10px;
}

.page-cate-list .cate-list .item h3 a {
    color: #333;
    text-decoration: none;
}

.page-cate-list .cate-list .item .list {
    padding: 15px 0;
}

.page-cate-list .cate-list .item .list ul li {
    padding1: 10px;
    line-height: 30px;
}

.page-cate-list .cate-list .item .list ul li a {
    font-size: 14px;
}


/* page-brand-list */

.page-brand-list h1 {
    font-size: 26px;
    padding: 30px 0;
}

.page-brand-list .brand-letter {
    background-color: #e90028;
    width: 100% !important;
}

.page-brand-list .brand-letter .container {
    background-color: #e90028;
}

.page-brand-list .brand-letter-inner {}

.page-brand-list .brand-letter ul li {
    float: left;
}

.page-brand-list .brand-letter ul li a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 8px 10px;
}

.page-brand-list .fixed-letter {
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.1);
    width: 100% !important;
    top: 84px !important;
    ;
}

.page-brand-list .brand-list dl {
    padding: 10px 0;
}

.page-brand-list .brand-list dl dt {
    border-bottom: 1px solid #CBC2C2;
    font-size: 22px;
    color: #333;
    padding: 10px;
}

.page-brand-list .brand-list dl dt em {
    font-weight: normal;
    font-size: 18px;
}

.page-brand-list .brand-list dl dd {
    padding: 10px 0;
}

.page-brand-list .brand-list dl dd ul li {
    padding: 0;
    margin: 0;
}

.page-brand-list .brand-list dl dd ul li .inner {
    padding: 10px;
}

.page-brand-list .brand-list dl dd ul li a {
    font-size: 14px;
}

.page-brand-details h1 {
    font-size: 28px;
    font-weight: 800;
    padding: 15px 0;
    margin-bottom: 20px;
}

.page-brand-details .panel-brand-details .panel-body .brand-img {
    float: left;
    width: 200px;
    height: 100px;
    margin: 0 15px 15px 0;
    overflow: hidden;
}

.page-brand-details .panel-brand-details .panel-body .brand-img img {
    max-width: 100%;
}

.page-brand-details .panel-related-cats ul .brand-detail-prod-li{
        border: 1px solid hsla(0,0%,83%,.3);border-radius: 6px;transform: scale(.95);transition: all .3s;width: 16.6%;
 }

.page-brand-details .panel-related-cats dl dt {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    padding: 10px;
}

.page-brand-details .panel-related-cats dl dt a {
    text-decoration: none;
}

.page-brand-details .panel-related-cats dl dt a em {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

.page-brand-details .panel-related-cats dl dd {
    padding: 10px 0;
}

.page-brand-details .panel-related-cats dl dd ul li {
    padding: 0;
    margin: 0;
    padding: 4px 10px;
}

.page-brand-details .panel-related-cats dl dd ul li a {
    font-size: 12px;
}

.page-brand-details .panel-related-cats dl dd ul li a em {
    font-weight: normal;
    font-style: normal;
    color: #888;
}

.page-brand-details .panel-lastest-product .panel-heading {
    padding: 0;
    margin: 0;
}

.page-brand-details .panel-lastest-product .panel-heading .panel-title {
    padding: 0;
    margin: 0;
    float: inherit;
}

.page-brand-details .panel-lastest-product .panel-heading .panel-title h3 {
    color: #fff;
    background-color: #003689;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
}

.page-brand-details .panel-lastest-product .panel-body {
    background-color: #f2f2f2;
    padding: 10px;
}

.page-brand-details .panel-lastest-product .panel-body ul {}

.page-brand-details .panel-lastest-product .panel-body ul li {
    margin-bottom: 10px;
}

.page-brand-details .panel-lastest-product .panel-body ul li:last-child {
    margin-bottom: 0;
}

.page-brand-details .prod-info {}

.page-brand-details .prod-info .inner {
    padding: 10px;
    background-color: #fff;
}

.page-brand-details .prod-info .infos .image {}

.page-brand-details .prod-info .infos .image a {
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 40%;
}

.page-brand-details .prod-info .infos .image a img {
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.page-brand-details .prod-info .infos .part {
    font-size: 16px;
    font-weight: 700;
}

.page-brand-details .prod-info .infos .brand {
    font-size: 14px;
    font-weight: 700;
}

.page-brand-details .prod-info .opts .stock {
    float: left;
    width: 50%;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    border-right: 1px solid #fff;
}

.page-brand-details .prod-info .opts .button {
    float: left;
    width: 50%;
}

.page-brand-details .prod-info .opts .button a {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #003689;
    text-align: center;
    text-decoration: none;
}

.page-product-list>.container-fluid {
    margin: 0;
    padding: 0;
}

.page-product-list .panel-filters {
    background: #fff;
    margin: 0px 0 0 0;
    border-bottom: 1px solid #dedede;
}

.page-product-list .panel-filters .panel-heading {
    background: none;
    border: 0;
    margin: 0;
}

.page-product-list .panel-filters .panel-heading .panel-title h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 15px 0 0 0;
}

.page-product-list .panel-filters .filter-category .row {
    background: #fff;
    margin: 0;
    padding: 10px 0;
    border: 1px solid #dedede;
    height: 170px;
    overflow: hidden;
}

.page-product-list .panel-filters .filter-category .cat-more {
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.page-product-list .panel-filters .filter-category .cat-more .down {}

.page-product-list .panel-filters .filter-category .cat-more .up {
    display: none;
}

.page-product-list .panel-filters .filter-category .row .col a {
    line-height: 30px;
}

.page-product-list .panel-filters .filter-category .row .col em {
    color: #777;
    font-style: normal;
    font-weight: normal;
}

.page-product-list .panel-filters .filter-list {
    padding: 15px;
}

.page-product-list .panel-filters .style-vertical {
    overflow-y: auto;
}

.page-product-list .panel-filters .style-vertical>.inner {
    width: 100000px;
}

.page-product-list .panel-filters .style-vertical .filter-item {
    float: left;
    display: inline;
    width: 140px;
    margin-right: 15px;
}

.page-product-list .panel-filters .style-vertical .filter-item .more {
    display: none;
}

.page-product-list .panel-filters .style-vertical .filter-item dt {}

.page-product-list .panel-filters .style-vertical .filter-item dd {
    border: 1px solid #dedede;
    background: #FFF;
    padding: 10px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.page-product-list .panel-filters .style-vertical .filter-item dd ul li {}

.page-product-list .panel-filters .style-vertical .filter-item dd ul li a {
    color: #333;
    display: block;
    padding: 4px 0;
}

.page-product-list .panel-filters .style-vertical .filter-item dd ul li a i {
    font-style: normal;
}

.page-product-list .filter-selected {
    padding: 10px 15px;
    border-bottom: 1px solid #dedede;
    display: flex;
}

.page-product-list .filter-selected dt {
    color: #6b6b6b;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 26px;
}

.page-product-list .filter-selected dd {}

.page-product-list .filter-selected dd ul {}

.page-product-list .filter-selected dd ul li {
    float: left;
    margin: 0 5px 5px 0;
}

.page-product-list .filter-selected dd ul li a {
    display: block;
    background-color: #fff;
    color: #003689;
    line-height: 26px;
    padding: 0 10px;
    text-decoration: none;
}

.page-product-list .filter-selected .product-count {
    line-height: 26px;
    font-size: 14px;
    text-align: right;
    font-weight: normal;
    color: #668075;
}

.page-product-list .panel-productlist {}

.page-product-list .panel-productlist .product-count {
    padding: 10px 15px;
}

.page-product-list .panel-productlist .product-count strong {
    font-size: 22px;
    font-weight: 800;
}

.page-product-list .panel-productlist .list-product .paging {
    padding: 10px;
}

.page-product-list .panel-productlist .list-product .paging .page-info {
    line-height: 28px;
}

.page-product-list .panel-productlist .list-product .paging a {
    font-size: 12px;
    border: 1px solid #003689;
    color: #fff;
    border-radius: 2px;
    height: 28px;
    display: inline-block;
    padding: 0 15px;
    line-height: 26px;
    background-color: #003689;
    opacity:;
}

.page-product-list .panel-productlist .data-view .view-table .table {
    margin-bottom: 15px;
    border: none;
}

.page-product-list .panel-productlist .data-view .view-table .table>thead>tr>td,
.page-product-list .panel-productlist .data-view .view-table .table>thead>tr>th,
.page-product-list .panel-productlist .data-view .view-table .table>tbody>tr>td,
.page-product-list .panel-productlist .data-view .view-table .table>tbody>tr>th,
.page-product-list .panel-productlist .data-view .view-table .table>tfoot>tr>td,
.page-product-list .panel-productlist .data-view .view-table .table>tfoot>tr>th {
    padding: 10px;
    vertical-align: top;
    border: none;
}

.page-product-list .panel-productlist .data-view .view-table .table>thead>tr>td,
.page-product-list .panel-productlist .data-view .view-table .table>thead>tr>th {
    padding: 10px;
    background-color: #e70012;
    font-weight: 700;
    min-width: 120px;
    border-bottom-width: 1px;
    color:#fff;
}

.page-product-list .panel-productlist .data-view .view-table .table>tbody>tr>td,
.page-product-list .panel-productlist .data-view .view-table .table>tbody>tr>th {
    position: relative;
}

.page-product-list .panel-productlist .data-view .view-table .table>tbody>tr {
    border-bottom: 1px solid #ccc;
}

.page-product-list .panel-productlist .data-view .view-table .table-hover>tbody>tr:hover {
    background-color: #f3f5f8;
}

.page-product-list .panel-productlist .data-view .view-table .table-striped>tbody>tr:nth-of-type(even) {}

.page-product-list .panel-productlist .data-view .view-table .prod-img {
    display: block;
    height: 90px;
    line-height: 90px;
    width: 90px;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}

.page-product-list .panel-productlist .data-view .view-table .prod-img img {
    width: 100%;
    vertical-align: middle;
}

.page-product-list .panel-productlist .data-view .view-table .part a {
    font-size: 14px;
    color: #333;
    text-decoration: underline;
    font-weight: 700;
}

.page-product-list .panel-productlist .data-view .view-table .part a:hover {
    color: #e90028;
}

.page-product-list .panel-productlist .data-view .view-table .price dl dt {
    float: left;
    width: 50%;
}

.page-product-list .panel-productlist .data-view .view-table .price dl dd {
    float: left;
    width: 50%;
}

.page-product-list .panel-productlist .data-view .view-table .onwarddate {
    margin-top: 8px;
}

.page-product-list .panel-productlist .data-view .view-table .rohs {
    width: 26px;
    height: 21px;
    margin-top: 8px;
}

.page-product-list .panel-productlist .data-view .view-table .form-addtocart {}

.page-product-list .panel-productlist .data-view .view-table .form-addtocart .txt-qty {
    display: block;
    margin-bottom: 10px;
    height: 32px;
}

.page-product-list .panel-productlist .data-view .view-table .form-addtocart .btn-addtocart {
    display: block;
    padding: 0;
    border: 0;
    height: 32px;
    line-height: 30px;
    color: #FFF;
    background: #e90028;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.page-product-list .panel-productlist .data-view .view-table .form-addtocart .btn-addtocart:hover {
    background: #d9534f;
}

.page-product-list .panel-productlist .data-view .view-table .warning {
    color: #e90028;
    font-weight: 800;
    text-align: center;
    line-height: 32px;
    margin-bottom: 10px;
}

.page-product-list .panel-productlist .data-view .view-table .warning a {
    color: #e90028;
}

.page-product-list .panel-productlist .data-view .view-table .btn-view {
    display: block;
    line-height: 90px;
    border-radius: 5px;
    color: #d31e25;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.page-product-list .panel-productlist .data-view .view-table .btn-view:hover {
    
}

.page-product-list .panel-productlist .data-view .view-table .btn-link {
    display: flex;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #333;
}

.page-product-list .panel-productlist .data-view .view-table .btn-link.btn-quote {
    background: #54B948;
    color: #fff;
    margin-top: 5px;
}

.page-product-list .panel-productlist .data-view .view-table .btn-pdf {
    color: #e70012;
    font-weight:bold;
}

.page-product-list .wrap-product-noresult {
    text-align: center;
    padding: 60px 0 120px 0;
}

.page-product-list .wrap-product-noresult h3 {
    font-size: 36px;
    font-weight: 400;
    padding: 25px 0;
}

.page-product-list .wrap-product-noresult h3:after {
    background: #eee;
    margin-top: 20px;
    content: ' ';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -1em;
    position: absolute;
    width: 2em;
}

.page-product-list .wrap-product-noresult h4 {
    font-size: 22px;
    font-weight: 400;
    padding: 20px 0;
    margin: 0;
}


/* page-goods-details */

.page-product-details .wrap-product-details {
    padding: 15px 0;
    font-size: 14px;
}

.page-product-details h1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}

.page-product-details .home-row {
    padding: 30px 0;
}

.page-product-details .home-row .row-header {
    position: relative;
    background-color: #003689;
    color: #fff;
    padding: 10px 0px 10px 20px;
    font-size: 14px;
}

.page-product-details .home-row .row-header .title {}

.page-product-details .home-row .row-header .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 350px;
    background: #003689;
}

.page-product-details .home-row .row-header .more {
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-product-details .home-row .row-header .more a {
    font-size: 20px;
    color: #E90028;
    line-height: 32px;
}

.page-product-details .home-row .row-header .more i {
    font-size: 20px;
    color: #E90028;
    line-height: 32px;
}


/*.page-product-details .proudct-summary .gallery {border:1px solid #BEBABA;position:relative;}
.page-product-details .proudct-summary .gallery-img a{display:block;position:relative;overflow:hidden;padding-top:100%;}
.page-product-details .proudct-summary .gallery-img a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}
.page-product-details .proudct-summary .gallery-nav{height:64px;padding:0 25px;position:relative;}
.page-product-details .proudct-summary .gallery-back,
.page-product-details .proudct-summary .gallery-forward{background:transparent url(../images/icon34.png) scroll no-repeat;}
.page-product-details .proudct-summary .gallery-back,
.page-product-details .proudct-summary .gallery-forward{position:absolute;width:12px;height:22px;top:50%;margin-top:-11px;}
.page-product-details .proudct-summary .gallery-back{background-position:0 0;left:0;}
.page-product-details .proudct-summary .gallery-forward{background-position:0 -32px;right:0;}
.page-product-details .proudct-summary .gallery-back:hover{background-position:-22px 0;}
.page-product-details .proudct-summary .gallery-forward:hover{background-position:-22px -32px;}
.page-product-details .proudct-summary .gallery-thumbs{overflow:hidden}
.page-product-details .proudct-summary .gallery-thumbs{height:70px;overflow:hidden;position:relative;}
.page-product-details .proudct-summary .gallery-thumbs ul{width:500%;position:absolute;left:0;top:0;margin:0 -2px;}
.page-product-details .proudct-summary .gallery-thumbs ul li{float:left;text-align:center;padding:0 2px;}
.page-product-details .proudct-summary .gallery-thumbs li a{display:block;width:64px;height:64px;border:2px solid #EEEEEE;padding:2px;}
.page-product-details .proudct-summary .gallery-thumbs li img{display:block;vertical-align:top;width:56px;height:56px;}
.page-product-details .proudct-summary .gallery-thumbs .zoomThumbActive,
.page-product-details .proudct-summary .gallery-thumbs li a:hover{border:2px solid #B9CEE7;}*/

.page-product-details .proudct-summary .base-info dl {
    margin-bottom: 15px;
}

.page-product-details .proudct-summary .base-info dl dt {
    font-weight: 700;
}

.page-product-details .proudct-summary .quote {
    margin-bottom: 15px;
}

.page-product-details .proudct-summary .quote a {
    font-size: 18px;
}

.page-product-details .proudct-summary .icons {
    font-size: 12px;
}

.page-product-details .proudct-summary .icons img {
    margin-bottom: 2px
}

.page-product-details .proudct-summary .icons .item {
    float: left;
    margin-right: 15px;
}

.page-product-details .proudct-summary .icons .item a {
    display: block;
    text-decoration: none;
    color: #333;
}

.page-product-details .proudct-intro {
    padding: 30px 0;
}

.page-product-details .nav-product-detail .nav-tabs {
    border: 0;
    margin: 0 -5px;
}

.page-product-details .nav-product-detail .nav-tabs>li {
    padding: 0 5px;
    margin: 0;
}

.page-product-details .nav-product-detail .nav-tabs>li>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    line-height: 42px;
    color: #333;
    background-color: #fff;
    /* display: block;padding: 0 8px;margin: 0;height: 50px;line-height: 50px;text-align: center;border:1px solid #AEAEAE;background: #F4F4F4; */
}

.page-product-details .nav-product-detail .nav-tabs>li.active>a {
    border-color: #003689;
    background-color: #003689;
    color: #fff;
}

.page-product-details .nav-product-detail .tab-content {
    padding: 20px 0;
}

.page-product-details #nav-specifications {}

.page-product-details #nav-specifications dl {
    padding: 10px 0;
    border: 1px solid #ccc;
}

.page-product-details #nav-specifications dl:nth-child(odd) {
    background: #F4F4F4;
}

.page-product-details #nav-specifications dl dt {
    text-align: left;
}

.page-product-details #nav-specifications dl dd {
    text-align: right;
}

.page-product-details .nav-product-detail .form-contact-us {
    border: 1px solid #d7d7d7;
    padding: 40px;
}

.page-product-details .nav-product-detail .form-contact-us .btn-submit {
    font-size: 16px;
    background-color: #003689;
    padding: 0 50px;
    height: 42px;
}

.page-product-details .product-procurement {
    padding: 0px;
    background: #F4F4F4;
    font-size: 14px;
}

.page-product-details .product-procurement .form-group label {
    margin-bottom: 10px;
}

.page-product-details .product-procurement .form-group .form-control {
    padding: 0 15px;
    height: 50px;
    border: 2px solid #C7C7C7;
    border-radius: 5px;
    font-size: 16px;
}

.page-product-details .product-procurement .form-procurement .btn-addtocart {
    color: #FFFFFF;
    background: #003689;
    font-size: 20px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    display: block;
    width: 100%;
    border: 0;
}

.page-product-details .product-procurement .info {
    padding: 20px 0;
    border-top: 2px solid #003689;
    border-bottom: 2px solid #003689;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-product-details .product-procurement .info dl {
    margin-bottom: 10px;
}

.page-product-details .product-procurement .info dl dd {
    text-align: right;
}

.page-product-details .product-procurement .price-summary {
    font-size: 24px;
}

.page-product-details .product-procurement .break-price .table-price {
    width: 100%;
}

.page-product-details .product-procurement .break-price .table-price th {
    padding: 5px;
}

.page-product-details .product-procurement .break-price .table-price td {
    padding: 5px;
}

.page-product-details .product-brand {
    margin-top: 30px;
    border: 1px solid #003689;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.page-product-details .product-brand .brand-head {
    background-color: #003689;
    color: #fff;
    padding: 10px 0px 10px 20px;
    text-align: left;
}

.page-product-details .product-brand .brand-content {
    text-align: left;
}

.page-product-details .product-brand .brand-content .brand-img {
    width: 100%;
    padding: 20px 30px;
}

.page-product-details .product-brand .brand-content .brand-intro {
    text-align: left;
    padding: 0px 5px;
}

.page-product-details .getprice {
    text-align: center;
    margin-bottom: 10px;
}

.page-product-details .getprice .link-getprice {
    text-decoration: none;
    color: #FFFFFF;
    background: #003689;
    font-size: 20px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    display: block;
    width: 100%;
    border: 0;
}

.page-product-details .row-1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}

.page-product-details .row-2 .list {
    margin: 0 -10px;
}

.page-product-details .row-2 .list li {
    float: left;
    width: 25%;
    padding: 5px 10px;
}

.page-product-details .row-2 .list li a {
    font-size: 14px;
}

.page-product-details .row-3 .list {
    margin: 0 -25px;
}

.page-product-details .row-3 .list .item {
    padding: 15px 25px;
}

.page-product-details .row-3 .list .item .inner {
    border-bottom: 8px solid #003689;
    text-align: center;
    padding-bottom: 10px;
}

.page-product-details .row-3 .list .item .image {
    margin-bottom: 10px;
}

.page-product-details .row-3 .list .item .image a {
    display: block;
    overflow: hidden;
}

.page-product-details .row-3 .list .item .image a img {
    height: 150px;
    max-width: 100%;
}

.page-product-details .row-3 .list .item .part {
    margin-bottom: 10px;
}

.page-product-details .row-3 .list .item .part a {
    font-size: 14px;
    line-height: 22px;
}

.page-product-details .row-3 .list .item .price {
    font-size: 14px;
    color: #ffc107;
    line-height: 22px;
}


/*.page-product-details .wrap-product-details{padding:15px 0;}
.page-product-details .panel-product-info{}
.page-product-details .panel-product-info .panel-body{position:relative;}
.page-product-details .panel-product-info h1{font-size:28px;padding:0 200px 0 0;margin:0 0 30px 0;font-weight:800;}
.page-product-details .panel-product-info .share{position:absolute;top:-22px;right:0;}
.page-product-details .panel-product-info .baseinfo{}
.page-product-details .panel-product-info .baseinfo dl{margin-bottom:12px;}
.page-product-details .panel-product-info .baseinfo dl dt{margin-bottom:5px;}
.page-product-details .panel-product-info .baseinfo dl dd{}

.page-product-details .panel-product-info > .row > .col{margin-bottom:15px;}
.page-product-details .panel-product-info .gallery{position:relative;}
.page-product-details .panel-product-info .gallery-img{margin-bottom:15px;border:1px solid #dedede;}
.page-product-details .panel-product-info .gallery-img a{display:block;position:relative;overflow:hidden;padding-top:60%;}
.page-product-details .panel-product-info .gallery-img a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}

.page-product-details .panel-product-info .summary-tools{position:relative;}
.page-product-details .panel-product-info .summary-tools a{float:left;display:inline-block;margin-right:10px;text-align:center;height:28px;width:28px;line-height:28px;background:#7B7B7B;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.page-product-details .panel-product-info .summary-tools a i{font-size:16px;line-height:28px;color:#fff;font-weight:400;}

.page-product-details .panel-product-info .gallery-nav{height:64px;padding:0 25px;position:relative;}
.page-product-details .panel-product-info .gallery-back,
.page-product-details .panel-product-info .gallery-forward{background:transparent url(../images/icon34.png) scroll no-repeat;}
.page-product-details .panel-product-info .gallery-back,
.page-product-details .panel-product-info .gallery-forward{position:absolute;width:12px;height:22px;top:50%;margin-top:-11px;}
.page-product-details .panel-product-info .gallery-back{background-position:0 0;left:0;}
.page-product-details .panel-product-info .gallery-forward{background-position:0 -32px;right:0;}
.page-product-details .panel-product-info .gallery-back:hover{background-position:-22px 0;}
.page-product-details .panel-product-info .gallery-forward:hover{background-position:-22px -32px;}
.page-product-details .panel-product-info .gallery-thumbs{overflow:hidden}
.page-product-details .panel-product-info .gallery-thumbs{height:70px;overflow:hidden;position:relative;}
.page-product-details .panel-product-info .gallery-thumbs ul{width:500%;position:absolute;left:0;top:0;margin:0 -2px;}
.page-product-details .panel-product-info .gallery-thumbs ul li{float:left;text-align:center;padding:0 2px;}
.page-product-details .panel-product-info .gallery-thumbs li a{display:block;width:64px;height:64px;border:2px solid #EEEEEE;padding:2px;}
.page-product-details .panel-product-info .gallery-thumbs li img{display:block;vertical-align:top;width:56px;height:56px;}
.page-product-details .panel-product-info .gallery-thumbs .zoomThumbActive,
.page-product-details .panel-product-info .gallery-thumbs li a:hover{border:2px solid #B9CEE7;}

.page-product-details .product-price .sale-info{}
.page-product-details .product-price .sale-info dl{padding:5px;}
.page-product-details .product-price .sale-info dl dt{float:left;width:50%;text-align:left;font-weight:700;}
.page-product-details .product-price .sale-info dl dd{float:left;width:50%;text-align:left;}
.page-product-details .product-price .break-price{}
.page-product-details .product-price .break-price dl{padding:5px;}
.page-product-details .product-price .break-price dl:nth-child(odd){background-color:#f2f2f2;}
.page-product-details .product-price .break-price dl dt{float:left;width:50%;text-align:left;}
.page-product-details .product-price .break-price dl dd{float:left;width:50%;text-align:right;}

.page-product-details .link-jumpto{padding:15px 0;border-bottom:1px solid #dedede;border-top:1px solid #dedede;margin-bottom:15px;line-height:20px;}
.page-product-details .link-jumpto a{display:inline-block;font-weight:700;border-bottom:2px solid #e90028;text-decoration:none;font-size:13px;}

.page-product-details .panel-procurement{margin-bottom:15px;border:1px solid #dddddd;padding:15px;position:relative;}
.page-product-details .panel-procurement h2{padding:0;margin:0 0 20px 0;font-size:22px;font-weight:800;color:#e90028;}
.page-product-details .panel-procurement h2 a {color:#e90028;}
.page-product-details .panel-procurement .form-addtocart{}
.page-product-details .panel-procurement .form-addtocart .input-fields{margin:0 -10px;}
.page-product-details .panel-procurement .form-addtocart .input-fields .input-qty{float:left;width:50%;padding:0 10px;}
.page-product-details .panel-procurement .form-addtocart .input-fields .input-buy{float:left;width:50%;padding:0 10px;}
.page-product-details .panel-procurement .form-addtocart .txt-qty{height:40px;width:100%;text-align:center;font-size:14px;font-weight:700;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-product-details .panel-procurement .form-addtocart .btn-buy{height:40px;width:100%;color:#fff;background-color:#e90028;font-size:14px;font-weight:700;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-product-details .panel-procurement .form-addtocart .container-fluid{padding:0;}
.page-product-details .panel-procurement .form-addtocart .price-total{text-align:right;font-size:14px;}
.page-product-details .panel-procurement .form-addtocart .total-label{font-size:16px;font-weight:700;}
.page-product-details .panel-procurement .form-addtocart .total-label .total{font-size:28px;font-weight:800;color:#333;}
.page-product-details .panel-procurement .form-addtocart .total-shipping{font-weight:700;font-size:16px;color:#e90028;}
.page-product-details .panel-procurement .mask{position:absolute;top:0;left:0;width:100%;height:100%;}
.page-product-details .panel-procurement .mask .mask-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.3;}
.page-product-details .panel-procurement .mask .mask-msg{height:16px;width:16px;background:url("../images/loading_min.gif") no-repeat center;position:absolute;top:15px;right:15px;}

.page-product-details .panel-product-bom{border:1px solid #dddddd;}
.page-product-details .panel-product-bom .panel-body{padding:15px;}
.page-product-details .panel-product-bom .panel-body h2{font-size:14px;font-weight:800;margin-bottom:25px;}
.page-product-details .panel-product-bom .form-control{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.page-product-details .panel-product-details .nav-tabs li a{font-weight:700;font-size:14px;color:#333;}
.page-product-details .panel-product-details .tab-content{border:1px solid #ddd;border-top:none;}
.page-product-details .panel-product-details .tab-pane{padding:15px;}
.page-product-details .panel-product-details .tab-pane dl{background:#ffffff;padding:8px 0;}
.page-product-details .panel-product-details .tab-pane dl:nth-child(odd){background:#f2f2f2;}
.page-product-details .panel-product-details .tab-prod-desc img { max-width:100%;}

.page-product-details .panel-aside-keywords .panel-heading{padding:0;margin:0;}
.page-product-details .panel-aside-keywords .panel-heading .panel-title{padding:0;margin:0;float:inherit;}
.page-product-details .panel-aside-keywords .panel-heading .panel-title h3{color:#fff;background-color:#e90028;font-size:16px;font-weight:700;text-align:center;padding:20px 0;}
.page-product-details .panel-aside-keywords .panel-body{background-color:#f2f2f2;padding:10px ;}
.page-product-details .panel-aside-keywords .panel-body ul{}
.page-product-details .panel-aside-keywords .panel-body ul li{margin-bottom:10px;}
.page-product-details .panel-aside-keywords .panel-body ul li:last-child{margin-bottom:0;}

.page-product-details .prod-info{}
.page-product-details .prod-info .inner{padding:10px;background-color:#fff;}
.page-product-details .prod-info .infos .image{}
.page-product-details .prod-info .infos .image a{display:block;text-align:center;position:relative;overflow:hidden;padding-top:40%;}
.page-product-details .prod-info .infos .image a img{max-height:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;}
.page-product-details .prod-info .infos .part{font-size:16px;font-weight:700;}
.page-product-details .prod-info .infos .brand{font-size:14px;font-weight:700;}
.page-product-details .prod-info .infos .desc{margin-bottom:5px;}
.page-product-details .prod-info .opts .stock{float:left;width:50%;background:#c1c1c1;color:#fff;font-size:14px;text-align:center;height:42px;line-height:42px;border-right:1px solid #fff;}
.page-product-details .prod-info .opts .button{float:left;width:50%;}
.page-product-details .prod-info .opts .button a{display:block;height:42px;line-height:42px;font-size:14px;font-weight:700;color:#fff;background-color:#e90028;text-align:center;text-decoration:none;}

.page-product-details .panel-relate-prod{padding:15px;background-color:#f2f2f2;}
.page-product-details .panel-relate-prod .panel-heading{padding:0;margin:0;background:none;border:0;}
.page-product-details .panel-relate-prod .panel-heading .panel-title{float:inherit;padding:0;margin:0;}
.page-product-details .panel-relate-prod .panel-heading .panel-title h3{font-size:18px;font-weight:800;margin-bottom:15px;}
.page-product-details .panel-relate-prod .panel-body ul{margin:0 -10px;}
.page-product-details .panel-relate-prod .panel-body ul li{padding:0 10px;}

.page-product-details .panel-lastest-news .panel-body .news-list{}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item{padding:4px 15px;}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item .pubtime{float:right;color:#777;}
.page-product-details .panel-lastest-news .panel-body .news-list .news-item .title{padding-right:15px;}

.page-product-details .panel-relate-keyword .table th{font-weight:700;}
.page-product-details .panel-part-seo .panel-body ul li{padding:5px 10px;}*/

.page-cart {
    min-height: 600px;
}

.page-cart .loading {
    height: 420px;
    background: url('../images/loading2.gif') no-repeat center;
}

.page-cart .box-cart-empty .cart-empty {
    padding-left: 230px;
    height: 200px;
    width: 700px;
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 130px;
    background: url('../images/cart-empty.png') no-repeat left center;
}

.page-cart .box-cart-empty .cart-empty h2 {
    margin: 0;
    padding: 50px 0 20px 0;
    font-size: 24px;
    font-weight: 800;
    color: #333;
    line-height: 2em;
}

.page-cart .box-cart-empty .cart-empty h2 a {
    color: #e90028;
}

.page-cart .panel-cart-list .panel-heading {
    border: none;
}

.page-cart .panel-cart-list .panel-heading .panel-title {
    padding: 0;
}

.page-cart .panel-cart-list .panel-heading .panel-title h3 {
    font-size: 28px;
    font-weight: 800;
    padding: 25px 0;
}

.page-cart .panel-cart-list .table-cart {
    font-size: 12px;
    margin: 0;
}

.page-cart .panel-cart-list .table-cart>tbody>tr>td,
.page-cart .panel-cart-list .table-cart>tbody>tr>th,
.page-cart .panel-cart-list .table-cart>tfoot>tr>td,
.page-cart .panel-cart-list .table-cart>tfoot>tr>th {
    padding: 15px 10px;
    line-height: 1.8em;
    vertical-align: top;
    font-weight: 400;
    border-color: #d7d7d7;
}

.page-cart .panel-cart-list .table-cart .photo {}

.page-cart .panel-cart-list .table-cart .photo img {
    width: 60px;
    max-height: 100%;
}

.page-cart .panel-cart-list .table-cart .prodinfo {
    position: relative;
    padding-right: 30px;
}

.page-cart .panel-cart-list .table-cart .prodname {
    font-size: 14px;
    font-weight: 700;
}

.page-cart .panel-cart-list .table-cart .proddesc {
    color: #777;
}

.page-cart .panel-cart-list .table-cart .isrohs {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 21px;
    background: url("../images/icon_rohs.gif") no-repeat left center;
}

.page-cart .panel-cart-list .table-cart .quantity {
    margin: 4px 0;
}

.page-cart .panel-cart-list .table-cart .quantity .qty-prefix {
    float: left;
    line-height: 24px;
    margin-right: 5px;
}

.page-cart .panel-cart-list .table-cart .quantity .qty-field {
    float: left;
    width: 100px;
}

.page-cart .panel-cart-list .table-cart .quantity .qty-field .btn {
    height: 24px;
    line-height: 22px;
    padding: 0;
    width: 24px;
    border-color: #d7d7d7;
}

.page-cart .panel-cart-list .table-cart .quantity .qty-field .form-control {
    height: 24px;
    line-height: 22px;
    padding: 0 4px;
}

.page-cart .panel-cart-summary {
    margin-top: 25px;
}

.page-cart .panel-cart-summary .panel-heading {
    border: 0;
    margin: 0;
}

.page-cart .panel-cart-summary .panel-title {
    float: inherit;
    width: 100%;
    text-align: center;
    padding: 0;
}

.page-cart .panel-cart-summary .panel-title h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #000;
    text-align: center;
    padding: 10px 0;
}

.page-cart .panel-cart-summary .panel-body .total {
    padding: 15px 0;
}

.page-cart .panel-cart-summary .panel-body .total em {
    font-size: 18px;
    font-weight: 700;
    margin-left: 5px;
}

.page-cart .panel-cart-summary .panel-body .shiptips {
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-top: 15px;
}

.page-cart .panel-cart-summary .panel-body .shiptips a {
    text-decoration: underline;
    color: #000;
}

.page-cart .panel-cart-summary .panel-body .shiptips strong {
    color: #e71836;
}

.page-cart .panel-cart-summary .panel-body .elsefee {
    margin-bottom: 15px;
}

.page-cart .panel-cart-summary .panel-body .elsefee em {
    font-size: 14px;
    margin-left: 5px;
}

.page-cart .panel-cart-summary .panel-body .checkout {
    margin-top: 15px;
}

.page-cart .panel-cart-summary .panel-body .checkout .btn-checkout {
    background-color: #E31B23;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    width: 100%;
    border: none;
    height: 40px;
}

.page-cart .panel-cart-summary .panel-body .actions {
    margin-top: 15px;
    text-align: right;
}

.page-cart .panel-cart-summary .panel-body .orderinfo {
    margin-top: 15px;
}

.page-cart .panel-cart-summary .panel-body .orderinfo>div {
    margin-bottom: 5px;
}

.page-order-checkout .panel-black {
    margin-bottom: 30px;
}

.page-order-checkout .panel-address .no-address {
    text-align: center;
    padding: 50px 0;
}

.page-order-checkout .panel-address .no-address p {
    margin: 0;
    padding: 0;
}

.page-order-checkout .panel-address .no-address p>a {
    color: #999;
    font-size: 16px;
}

.page-order-checkout .panel-address .no-address p>a>.fa {
    font-size: 22px;
    color: #bbb;
    vertical-align: middle;
}

.page-order-checkout .panel-address .address-list ul {
    margin: 0 -10px;
}

.page-order-checkout .panel-address .address-list ul li {
    padding: 0 10px;
    margin-bottom: 15px;
}

.page-order-checkout .panel-address .address-list ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
}

.page-order-checkout .panel-address .address-list ul li label {
    display: block;
    line-height: 1.5em;
    padding: 30px 15px 15px 15px;
    height: 190px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.page-order-checkout .panel-address .address-list ul li label span {
    display: block;
}

.page-order-checkout .panel-address .address-list ul li label .rad-address {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-checkout .panel-address .address-list ul li label .address {
    margin-top: 5px;
}

.page-order-checkout .panel-address .address-list ul li label .action {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #d7d7d7;
}

.page-order-checkout .panel-address .address-list ul li label .action i {
    font-size: 16px;
}

.page-order-checkout .panel-address .address-list ul li label .action-edit {
    top: -2px;
    right: -2px;
}

.page-order-checkout .panel-address .address-list ul li label .action-delete {
    bottom: -2px;
    right: -2px;
}

.page-order-checkout .panel-address .address-list ul li.active .inner {
    border: 2px solid #000;
}

.page-order-checkout .panel-address .address-list ul li.active .inner .action {
    border-color: #000;
}

.page-order-checkout .panel-address .address-list .link-add-addr .inner {
    border: 2px dashed #7b7b7b;
}

.page-order-checkout .panel-address .address-list .link-add-addr label {
    /*padding-top:50px;*/
    color: #7b7b7b;
    text-align: center;
}

.page-order-checkout .panel-address .address-list .link-add-addr label i {
    color: #7b7b7b;
    font-size: 44px;
    margin-bottom: 10px;
}

.page-order-checkout .panel-address .address-list .link-add-addr label span {
    display: block;
    margin-top: 25px;
}

.page-order-checkout .panel-express .express-list {}

.page-order-checkout .panel-express .express-list ul {
    margin: 0 -10px;
}

.page-order-checkout .panel-express .express-list ul li {
    padding: 0 10px;
    margin-bottom: 15px;
}

.page-order-checkout .panel-express .express-list ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.page-order-checkout .panel-express .express-list ul li label {
    display: block;
    line-height: 1.5em;
    padding: 15px;
    /*height:190px;*/
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.page-order-checkout .panel-express .express-list ul li label span {
    display: block;
    margin-bottom: 5px;
}

.page-order-checkout .panel-express .express-list ul li.active .inner {
    border: 2px solid #000;
}

.page-order-checkout .panel-express .express-list ul li label .rad-express {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-checkout .panel-payment .payment-list {}

.page-order-checkout .panel-payment .payment-list>ul {
    margin: 0 -10px;
}

.page-order-checkout .panel-payment .payment-list>ul li {
    float: left;
    padding: 0 10px;
}

.page-order-checkout .panel-payment .payment-list>ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.page-order-checkout .panel-payment .payment-list>ul li label {
    display: block;
    line-height: 1.5em;
    padding: 15px;
    /*height:190px;*/
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.page-order-checkout .panel-payment .payment-list>ul li label span {
    display: block;
    margin-bottom: 5px;
}

.page-order-checkout .panel-payment .payment-list>ul li.active .inner {
    border: 2px solid #000;
}

.page-order-checkout .panel-payment .payment-list>ul li label .rad-payment {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-checkout .panel-payment .payment-list .payment-desc {
    padding: 15px 0;
}

.page-order-checkout .panel-payment .payment-list .payment-desc .payment-item {
    display: none;
}

.page-order-checkout .panel-payment .payment-list .payment-desc .active {
    display: block;
}

.page-order-checkout .panel-payment .card-list ul {
    margin: 0 -10px;
}

.page-order-checkout .panel-payment .card-list ul li {
    padding: 0 10px;
    margin-bottom: 15px;
}

.page-order-checkout .panel-payment .card-list ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
}

.page-order-checkout .panel-payment .card-list ul li label {
    display: block;
    line-height: 1.5em;
    padding: 30px 15px 15px 15px;
    height: 190px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.page-order-checkout .panel-payment .card-list ul li label span {
    display: block;
}

.page-order-checkout .panel-payment .card-list ul li label .rad-creditcard {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-checkout .panel-payment .card-list ul li label .address {
    margin-top: 5px;
}

.page-order-checkout .panel-payment .card-list ul li label .action {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #d7d7d7;
}

.page-order-checkout .panel-payment .card-list ul li label .action i {
    font-size: 16px;
}

.page-order-checkout .panel-payment .card-list ul li label .action-edit {
    top: -2px;
    right: -2px;
}

.page-order-checkout .panel-payment .card-list ul li label .action-delete {
    bottom: -2px;
    right: -2px;
}

.page-order-checkout .panel-payment .card-list ul li.active .inner {
    border: 2px solid #000;
}

.page-order-checkout .panel-payment .card-list ul li.active .inner .action {
    border-color: #000;
}

.page-order-checkout .panel-payment .card-list .link-add-card .inner {
    border: 2px dashed #7b7b7b;
}

.page-order-checkout .panel-payment .card-list .link-add-card label {
    /*padding-top:50px;*/
    color: #7b7b7b;
    text-align: center;
}

.page-order-checkout .panel-payment .card-list .link-add-card label i {
    color: #7b7b7b;
    font-size: 44px;
    margin-bottom: 10px;
}

.page-order-checkout .panel-payment .card-list .link-add-card label span {
    display: block;
    margin-top: 25px;
}

.page-order-checkout .panel-product-list .panel-heading {
    margin: 0;
}

.page-order-pay .panel-order-info {
    border: 0;
}

.page-order-pay .panel-order-info .panel-body {
    padding: 30px;
    border: 2px solid #000;
}

.page-order-pay .panel-order-info .baseinfo h3 {
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: 800;
}

.page-order-pay .panel-payment .payment-list {}

.page-order-pay .panel-payment .payment-list>ul {
    margin: 0 -10px;
}

.page-order-pay .panel-payment .payment-list>ul li {
    float: left;
    padding: 0 10px;
}

.page-order-pay .panel-payment .payment-list>ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.page-order-pay .panel-payment .payment-list>ul li label {
    display: block;
    line-height: 1.5em;
    padding: 15px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.page-order-pay .panel-payment .payment-list>ul li label span {
    display: block;
    margin-bottom: 5px;
}

.page-order-pay .panel-payment .payment-list>ul li.active .inner {
    border: 2px solid #000;
}

.page-order-pay .panel-payment .payment-list>ul li label .rad-payment {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-pay .panel-payment .payment-list .payment-desc {
    padding: 15px 0;
}

.page-order-pay .panel-payment .payment-list .payment-desc .payment-item {
    display: none;
}

.page-order-pay .panel-payment .payment-list .payment-desc .active {
    display: block;
}

.page-order-pay .panel-payment .card-list ul {
    margin: 0 -10px;
}

.page-order-pay .panel-payment .card-list ul li {
    padding: 0 10px;
    margin-bottom: 15px;
}

.page-order-pay .panel-payment .card-list ul li .inner {
    border: 2px solid #d7d7d7;
    color: #000;
}

.page-order-pay .panel-payment .card-list ul li label {
    display: block;
    line-height: 1.5em;
    padding: 30px 15px 15px 15px;
    height: 190px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.page-order-pay .panel-payment .card-list ul li label span {
    display: block;
}

.page-order-pay .panel-payment .card-list ul li label .rad-creditcard {
    position: absolute;
    top: -20px;
    left: -20px;
}

.page-order-pay .panel-payment .card-list ul li label .address {
    margin-top: 5px;
}

.page-order-pay .panel-payment .card-list ul li label .action {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #d7d7d7;
}

.page-order-pay .panel-payment .card-list ul li label .action i {
    font-size: 16px;
}

.page-order-pay .panel-payment .card-list ul li label .action-edit {
    top: -2px;
    right: -2px;
}

.page-order-pay .panel-payment .card-list ul li label .action-delete {
    bottom: -2px;
    right: -2px;
}

.page-order-pay .panel-payment .card-list ul li.active .inner {
    border: 2px solid #000;
}

.page-order-pay .panel-payment .card-list ul li.active .inner .action {
    border-color: #000;
}

.page-order-pay .panel-payment .card-list .link-add-card .inner {
    border: 2px dashed #7b7b7b;
}

.page-order-pay .panel-payment .card-list .link-add-card label {
    color: #7b7b7b;
    text-align: center;
}

.page-order-pay .panel-payment .card-list .link-add-card label i {
    color: #7b7b7b;
    font-size: 44px;
    margin-bottom: 10px;
}

.page-order-pay .panel-payment .card-list .link-add-card label span {
    display: block;
    margin-top: 25px;
}


/* order details */

.page-order-details .panel-shipping-info .panel-body h4 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 800;
}

.page-order-details .panel-shipping-info .panel-body p {
    margin-bottom: 5px;
}

.page-order-details .panel-billing-info .panel-body h4 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 800;
}

.page-order-details .panel-billing-info .panel-body p {
    margin-bottom: 5px;
}

.page-order-details .panel-product-list .panel-heading {
    margin: 0;
}


/* Inquiry */

.page-inquiry .nav-inquiry {
    margin-bottom: 15px;
}

.page-content .wrap-content {
    padding: 15px 0;
}

.page-content .wrap-content .nav-page .list-group-item.active,
.page-content .wrap-content .nav-page .list-group-item.active:focus,
.page-content .wrap-content .nav-page .list-group-item.active:hover {
    background-color: #003689;
    border-color: #003689;
}

.page-content .wrap-content h1 {
    font-size: 26px;
    padding: 0;
    margin: 0 0 30px 0;
    font-weight: normal;
}

.page-content .content-list {
    margin-bottom: 15px;
}

.page-content .content-list .content-item {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.page-content .content-list .content-item .thumb a {
    display: block;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    text-align: center;
}

.page-content .content-list .content-item .thumb a img {
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}

.page-content .content-list .content-item h3 {
    margin-bottom: 10px;
}

.page-content .content-list .content-item h3 a {
    font-size: 18px;
    font-weight: 400;
}

.page-content .content-list .content-item .pubtime {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.page-content .content-list .content-item .pubtime .pubinfo {
    margin-right: 50px;
}

.page-content .content-list .content-item .pubtime .time i {
    background: url("../images/home/time.png");
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

.page-content .content-list .content-item .pubtime .views i {
    background: url("../images/views.png");
    height: 13px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

.page-content .content-list .content-item .pubtime .tag i {
    background: url("../images/home/tag.png");
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

.page-content .content-list .content-item .pubtime .tag {
    color: #003689;
}

.page-content .content-list .content-item .desc {
    font-size: 12px;
    color: #555;
    height: 4em;
    line-height: 2em;
    overflow: hidden;
}

.page-content-show .wrap-content-show .page-nav {
    margin-bottom: 15px;
    height: 25px;
}

.page-content-show .wrap-content-show .pubtime {
    font-size: 14px;
    color: #888;
    margin-bottom: 15px;
}

.panel-product-brand-part .list {
    border: 1px solid #e4e4e4;
    border-bottom: 0;
}

.panel-product-brand-part .item {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
}

.panel-product-brand-part .item .image {
    float: left;
    width: 180px;
}

.panel-product-brand-part .item .image a {
    display: block;
    padding: 10px;
    height: 90px;
    line-height: 70px;
}

.panel-product-brand-part .item .image a img {
    max-width: 100%;
    max-height: 100%;
}

.panel-product-brand-part .item .part-list {
    overflow: hidden;
    margin-left: 200px;
}

.panel-product-brand-part .item .part-list .row {
    margin: 0;
}

.panel-product-brand-part .item .part-list a {
    line-height: 22px;
}


/* ====== Responsive Reset ====== */


/* Large Desktop */

@media (min-width:992px) {}


/* Desktop */

@media (max-width:991px) {}


/* Tablet */

@media (min-width:768px) and (max-width:991px) {}


/* Tablet & Phone */

@media (max-width:767px) {}


/* Phone */

@media (max-width:576px) {
    .header .topbar {
        display: none;
    }
    .header .fa-navicon{
        color:#fff;
    }
    /*.header .topbar .top-links .lang-set {max-width: 384px;}*/
    /*.header .topbar .top-links .lang-set ul li {width:50%;}*/
    .header .control .brand a {
        height: 80px;
        margin-bottom: 0px;
    }
    /*.header .control .sample {display:none !important;}*/
    .header .control .navbar-toggle {
        height: 40px;
        line-height: 40px;
    }
    .header .navigation {
        position: absolute;
        width: 100%;
        z-index: 999;
        top: 110px;
    }
    .header .navigation .navlist>ul>li {
        float: none;
        display: block;
    }
    .header .navigation .navlist>ul>li>span>a {
        padding: 0;
        margin: 0;
    }
    .header .navigation.collapsing {
        display: block !important;
    }
    .header .navigation.in {
        display: block !important;
    }
    
    .header .navigation .navlist>ul>li>span>a {
    color: #333;
}
    .header .control .control-toolbar {
        position: absolute;
        right: 60px;
        top: 0;
        display: none;
    }
    .header .control .control-toolbar .tool {
        height: 40px;
    }
    .header .control .control-toolbar .tool>a {
        height: 40px;
    }
    .header .control .control-toolbar .tool-cart {
        margin-left: 10px;
    }
    .header .control .control-toolbar .tool-cart .cart-preview {
        width: 384px;
        right: -35px;
        top: 50px;
    }
    .header .navigation .navlist>ul {
        height: auto;
    }
    .header .fixed-control .navigation {
        top: 120px;
        overflow: inherit !important;
    }
    .page-home .panel-news-rec .panel-heading {
        float: left !important;
    }
    .footer .footer-links ul {
        text-align: center;
    }
    .footer .footer-links ul li {
        float: none;
        display: inline-block;
    }
    /*.page-brand-list .fixed-letter {top: 120px !important;z-index:100 !important;}*/
    .page-brand-list .fixed-letter {
        display: none !important;
    }
    .panel-product-brand-part .item .image {
        width: 100%;
    }
    .panel-product-brand-part .item .part-list {
        margin: 0;
        width: 100%;
    }
    .footer .footer-subscribe .from-subscribe {
        width: 100%;
    }
    .footer .footer-navs dl {
        margin-bottom: 30px;
    }
    /*.page-home .row-2{display:none;}*/
    .content {margin:0 15px;}
    .page-home .row-1 .row-header .title {
        font-size: 30px;
    }
    .page-home .row-1 .subtitle {
        padding-right: 0;
    }
    .page-home .row-1 .list .col {
        margin-bottom: 30px;
    }
    .page-home .row-2 .list {
        margin: 0 -15px;
    }
    .page-home .row-2 .list .item {
        width: 50%;
    }
    .page-home .row-3 .list .item {
        width: 100%;
    }
    .page-home .row-4 .text {
        float: inside;
        width: 100%;
    }
    .page-home .row-5 .list li {
        width: 50%;
    }
    .page-home .main-banner {
        display: none;
    }
    .header .fixed-control {
        margin: 0;
    }
    .header .fixed-control>.container {
        padding: 15px;
    }
    .theFooter .foot-bg,.addline{
        display: none;
    }
    .page-product-details .nav-product-detail .nav-tabs li {
        width: 30%;
    }
    .page-brand-details .panel-related-cats ul .brand-detail-prod-li{
        width:50%;
    }
}

.toolbar_container {
    z-index: 2;
    position: fixed;
    right: 0;
    top: 35%;
}

.toolbar_view {
    width: 5.0rem;
    background-color: #222121;
    border: 0.05rem solid #494949;
    display: flex;
    flex-direction: column;
}

.toolbar_item {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 0.05rem solid #494949;
    position: relative;
    padding: 1.2rem 0;
}

.toolbar_item:hover {
    background-color: #494949;
}

.bar_service_img {
    width: 2.5rem;
    height: 2.5rem;
}

.bar_mobile_img {
    width: 2.5rem;
    height: 2.5rem;
}

.bar_call_img {
    width: 2.5rem;
    height: 2.5rem;
}

.bar_msg_img {
    width: 2.5rem;
    height: 2.0rem;
}

.bar_qrcode_img {
    width: 2.5rem;
    height: 2.5rem;
}

.bar_arrow_img {
    width: 2.0rem;
    height: 2.0rem;
}

.bar_service_alert_view {
    position: absolute;
    right: 5.2rem;
    top: -2.6rem;
    width: 22rem;
    height: 12rem;
    background-color: #FFF;
    border-radius: 0.5rem;
    display: none;
    flex-direction: row;
    align-items: center;
}

.bar_mobile_alert_view {
    position: absolute;
    right: 5.2rem;
    top: -1.6rem;
    width: 18rem;
    height: 8.8rem;
    background-color: #FFF;
    border-radius: 0.5rem;
    display: none;
    flex-direction: row;
    align-items: center;
}

.bar_call_alert_view {
    position: absolute;
    right: 5.2rem;
    top: -1.6rem;
    width: 18rem;
    height: 8rem;
    background-color: #FFF;
    border-radius: 0.5rem;
    display: none;
    flex-direction: row;
    align-items: center;
}

.bar_msg_alert_view {
    position: absolute;
    right: 5.2rem;
    top: -1.6rem;
    width: 18rem;
    height: 8.8rem;
    background-color: #FFF;
    border-radius: 0.5rem;
    display: none;
    flex-direction: row;
    align-items: center;
}

.bar_qrcode_alert_view {
    position: absolute;
    right: 5.2rem;
    top: -3.2rem;
    width: 12rem;
    height: 12rem;
    background-color: #FFF;
    border-radius: 0.5rem;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bar_service_red {
    margin-left: 2rem;
    margin-right: 2rem;
    width: 3rem;
    height: 2.6rem;
}

.bar_mobile_red {
    margin-left: 2rem;
    margin-right: 1rem;
    width: 3rem;
    height: 2.6rem;
}



.bar_call_red {
    margin-left: 2rem;
    margin-right: 1rem;
    width: 3rem;
    height1: 2rem;
}

.bar_alert_right_view {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bar_alert_title {
    font-size: 1.2rem;
    color: #000;
}

.bar_alert_tag {
    font-size: 1.1rem;
    color: #000;
}

.bar_alert_txt {
    font-size: 1rem;
    color: #828181;
}

.bar_alert_line_view {
    display: flex;
    flex-direction: row;
}

.bar_service_black {
    width: 2rem;
    height: 2rem;
}

.bar_mobile_black {
    width: 2rem;
    height: 2rem;
}

.bar_msg_black {
    width: 2rem;
    height: 1.7rem;
}

.bar_qrcode_black {
    width: 8rem;
    height: 8rem;
}

.bar_mobile_alert {
    position: absolute;
    right: 4rem;
    top: 0.35rem;
    width: 8.28rem;
    height: 3.375rem;
}

.font_bold {
    font-weight: bold;
}

.prod-detail .product-procurement {
    float: right;
    padding: 0;
    margin-right: 15px;
    font-size: 12px;
    width: 360px;
}

.product-procurement .inquiry {
    border: 1px solid #003689;
    border-radius: 3px;
}

.product-procurement .inquiry .inquiry-head {
    background-color: #003689;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-left: 20px;
}

.product-procurement .inquiry .inquiry-head p {
    margin: 0px;
    ;
}

.product-procurement .inquiry .inquiry-tip {
    padding: 0 15px;
    margin: 10px 0;
    font-size: 14px;
}

.product-procurement .inquiry ul.inquiry-info {
    padding-bottom: 10px;
}

.product-procurement .inquiry ul.inquiry-info li {
    margin: 0 15px;
    position: relative;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry {
    width: 16px;
    height: 16px;
    1background: url(../images/details_icon.png) no-repeat;
    left: 7px;
    top: 10px;
    position: absolute;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-quantity {
    background-position: 0px 0px;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-contact {
    background-position: 0px -47px;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-email {
    background-position: 0px -94px;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-tel {
    background-position: 0px -138px;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-company {
    background-position: 0px -184px;
}

.product-procurement .inquiry ul.inquiry-info li i.icon-inquiry-content {
    background-position: 0px -232px;
    top: 17px;
}

.product-procurement .inquiry ul.inquiry-info li textarea,
.product-procurement .inquiry ul.inquiry-info li input {
    border: none;
    border-bottom: 1px solid #ccc;
    /*width: calc(100% - 30px);*/
    height: 36px;
    padding-left: 35px;
    1width: 328px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.product-procurement .inquiry ul.inquiry-info li input.error {
    border: 1px solid red;
}

.product-procurement .inquiry ul.inquiry-info li textarea {
    width: 100%;
    height: 55px;
    resize: none;
    padding-top: 15px;
}

.product-procurement .inquiry ul.inquiry-info li textarea:focus {
    padding-top: 0px;
}

.product-procurement .inquiry ul.inquiry-info li textarea::-webkit-input-placeholder {
    color: #ccc;
}

.product-procurement .inquiry .inquiry-info .submit-button {
    border: 0px;
    margin: 0px;
    text-align: center;
}

.product-procurement .inquiry .inquiry-info .submit {
    max-width: 220px !important;
    min-width: 150px !important;
    height: 40px !important;
    background-color: #e70012 !important;
    border-radius: 3px !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: inherit;
    margin: 20px 0 10px 0;
}

.product-procurement .inquiry .inquiry-info .sprite-submit {
    1background: url(../images/iq_submit.png) no-repeat;
    1width: 22px;
    height: 15px;
    vertical-align: -2px;
    display: inline-block;
}

.product-procurement .purchase {
    border: solid 1px #dddddd;
    border-radius: 3px;
    padding: 15px 15px 5px 15px;
}

.product-procurement .purchase .qty-sel {
    float: left;
}

.product-procurement .purchase .total-price {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.product-procurement .purchase .total-price span {
    font-size: 18px;
    color: #f70e0e;
}

.product-procurement .purchase .qty-sel .minus {
    border-width: 1px 0 1px 1px;
}

.product-procurement .purchase .qty-sel .add {
    border-width: 1px 1px 1px 0;
    margin-right: 10px;
}

.product-procurement .purchase .qty-sel a {
    border-color: #ccc;
    border-style: solid;
    float: left;
    display: inline-block;
    height: 30px;
    width: 8px;
    padding: 0 10px;
    font-size: 13px;
    text-align: center;
}

.product-procurement .purchase .qty-sel input.qty {
    float: left;
    height: 30px;
    padding: 0 5px;
    width: 60px;
    border: 1px solid #ccc;
}

.product-procurement .purchase li .btn-group {
    text-align: center;
    margin: 20px 0;
}

.product-procurement .purchase li .btn-group button.button {
    line-height: 30px;
    background-color: #ff4800;
    margin-left: 0px;
    padding: 0 5px !important;
    min-width: 60px;
}

.product-procurement .purchase li .btn-group button.button:first-child {
    float: left;
}

.product-procurement .purchase li .btn-group button.button:last-child {
    margin-right: 0px;
    float: right;
}

.product-procurement .purchase .price-list {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.product-procurement .purchase .price-list ul li.head {
    background-color: #ddd;
    font-size: 14px;
    color: #333;
}

.product-procurement .purchase .price-list ul li {
    white-space: nowrap;
    border-bottom: solid 1px #e7e7e7;
    padding: 6px 10px;
    color: #666;
    font-size: 12px;
}

.product-procurement .purchase .price-list ul li span {
    max-width: 152px;
    width: 100%;
    display: inline-block;
}

.product-procurement .purchase .price-list ul li span:last-child {
    text-align: right;
}

.product-procurement .purchase .price-list ul li:last-child {
    border-bottom: none;
}

.product-procurement .purchase .stock {
    color: #00b05b;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

.product-procurement .purchase .stock span {
    color: #666;
    font-weight: normal;
    margin-left: 10px;
}


/***start**/

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.home-category-product,
.home-best-category .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.bg-white {
    background-color: #fff !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-warning {
    color: #ffc107 !important;
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

.home-category-product,
.home-best-supplier .container {
    background: none;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

@media (min-width: 1200px) {
    .page-home .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (min-width: 992px) {
    .page-home .col-md-3 {
        width: 16.666667%;
    }
}

@media (min-width: 768px) {
    .page-home .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 576px) {
    .page-home .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/***home*******/

.recommend .top .toolBox {
    display: flex;
    flex-direction: column;
    height: 410px;
    justify-content: space-between;
    width: 230px
}

.recommend .top .toolBox li {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px -7px #ccc;
    height: 96px;
    transition: all .3s;
    width: 230px
}

.recommend .top .toolBox li a {
    align-items: center;
    color: #333;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.recommend .top .toolBox li a div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around
}

.recommend .top .toolBox li a div b {
    font-size: 16px
}

.recommend .top .toolBox li a div p {
    color: #003689;
    font-size: 16px;
    font-style: oblique;
    text-align: left;
}

.recommend .top .toolBox li a div p .iconfont {
    font-size: 12px
}

.recommend .top .toolBox li a img {
    height: 55px;
    width: 53px
}

.recommend .top .toolBox li:hover {
    box-shadow: 0 0 10px #ccc
}

@media screen and (max-width: 992px) {
    .recommend {
        display: none;
        width: 100%
    }
    .recommend .top {
        height: unset;
        width: 100%
    }
    .recommend .top .cate {
        display: none
    }
    .recommend .top .banner {
        border-radius: 10px;
        overflow: hidden
    }
    .recommend .top .banner,
    .recommend .top .banner img {
        height: 174px;
        width: 355px
    }
    .recommend .top .toolBox {
        display: none
    }
}

.advantage {
    margin-bottom: 30px;
    margin-top: 30px;
}

.advantage>ul {
    background: #fff;
    border-radius: 6px;
    display: flex;
    height: 80px;
    padding: 10px 0;
    width: 1300px
}

.advantage>ul li {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
}

.advantage>ul li+li {
    border-left: 1px solid #f1f1f1
}

.advantage>ul li img {
    margin-right: 16px;
    width: 50px
}

.advantage>ul li p {
    color: #333;
    line-height: 20px;
    width: 190px
}

@media screen and (max-width: 1024px) {
    .advantage {
        display: none
    }
}

.advantage>div {
    display: none
}

@media screen and (max-width: 1024px) {
    .advantage>div {
        display: none;
    }
    .advantage>div .tools {
        background: #fff;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 16px;
        width: 100%
    }
    .advantage>div .tools a {
        align-items: center;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        height: 60px;
        justify-content: center;
        width: 60px
    }
    .advantage>div .tools a img {
        height: 28px;
        margin-bottom: 6px;
        width: 28px
    }
    .advantage>div .tools a p {
        font-size: 12px
    }
    .advantage>div .cate {
        display: flex;
        justify-content: space-between;
        width: 100%
    }
    .advantage>div .cate a {
        height: 65px;
        position: relative;
        width: 112px
    }
    .advantage>div .cate a img {
        border-radius: 4px;
        height: 65px;
        width: 112px
    }
    .advantage>div .cate a p {
        color: #fff;
        font-size: 12px;
        left: 8px;
        position: absolute;
        top: 8px
    }
}

.l1 {
    -webkit-line-clamp: 1
}

.l1,
.l2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.l2 {
    -webkit-line-clamp: 2
}

.preferential {
    margin-bottom: 30px
}

.preferential title {
    display: block;
    font-size: 30px
}

@media screen and (max-width: 1024px) {
    .preferential title {
        font-size: 20px
    }
}

.preferential .cot {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .preferential .cot {
        flex-direction: column
    }
}

.preferential .cot>div {
    background-color: #fff;
    border-radius: 6px;
    flex: 1;
    padding: 10px
}

.preferential .cot>div:first-child {
    margin-right: 10px
}

.preferential .cot>div:last-child {
    margin-right: 0
}

.preferential .cot>div a {
    display: block;
    width: 100%
}

.preferential .cot>div a .banner {
    border-radius: 4px;
    width: 100%
}

.preferential .cot>div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.preferential .cot>div ul li {
    border: 1px solid hsla(0, 0%, 83%, .3);
    border-radius: 6px;
    height: 250px;
    margin-bottom: 5px;
    transition: all .3s;
    width: 205px
}

.preferential .cot>div ul li:hover {
    box-shadow: 0 0 15px -7px #ccc
}

.preferential .cot>div ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    width: 100%
}

.preferential .cot>div ul li a .img {
    height: 80px;
    margin-bottom: 20px;
    width: 80px
}

.preferential .cot>div ul li a>div {
    width: 100%
}

.preferential .cot>div ul li a>div .tag {
    background-color: #ff6221;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 4px
}

.preferential .cot>div ul li a>div b {
    color: #333;
    font-weight: 400;
    margin-bottom: 5px
}

.preferential .cot>div ul li a>div span {
    color: #999;
    font-size: 14px
}

.preferential .cot>div ul li a>div .warning {
    color: #ff6221;
    line-height: 26px;
    margin-top: 8px
}

.preferential .cot>div ul li a>div em {
    font-size: 14px;
    text-decoration: line-through
}

.preferential .cot>div ul li a>div .rfq {
    background-color: #003689;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    padding: 5px 10px
}

@media screen and (max-width: 1024px) {
    .preferential .cot>div {
        margin-bottom: 20px;
        width: 100%
    }
    .preferential .cot>div:last-child {
        margin-bottom: 0
    }
    .preferential .cot>div .banner {
        height: unset;
        width: 100%
    }
    .preferential .cot>div ul li {
        width: 49%
    }
}

.hotSaleParts {
    margin-bottom: 30px
}

.hotSaleParts title {
    display: block;
    font-size: 30px
}

.hotSaleParts .item {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    height: 412px;
    position: relative;
    width: 100%
}

.hotSaleParts .item .left,
.hotSaleParts .item .right {
    align-items: center;
    background-color: #33333380;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s;
    width: 26px;
    z-index: 2
}

.hotSaleParts .item .left:hover,
.hotSaleParts .item .right:hover {
    background-color: #333c
}

.hotSaleParts .item .left {
    border-radius: 0 4px 4px 0;
    left: 0
}

.hotSaleParts .item .right {
    border-radius: 4px 0 0 4px;
    right: 0
}

.hotSaleParts .item .imgBox {
    height: 100%;
    position: relative;
    width: 260px
}

.hotSaleParts .item .imgBox>img {
    height: 100%;
    width: 260px
}

.hotSaleParts .item .imgBox .circle {
    align-items: center;
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.hotSaleParts .item .imgBox .circle span {
    align-items: center;
    background-color: #333c;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 12px;
    width: 12px
}

.hotSaleParts .item .imgBox .circle span.active {
    background-color: #fff
}

.hotSaleParts .item .imgBox .circle span+span {
    margin-left: 12px
}

.hotSaleParts .item ul {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 100%
}

.hotSaleParts .item ul li {
    border: 1px solid hsla(0, 0%, 83%, .3);
    border-radius: 6px;
    height: 50%;
    transform: scale(.95);
    transition: all .3s;
    width: 20%
}

.hotSaleParts .item ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 30px 20px;
    width: 100%
}

.hotSaleParts .item ul li a .img {
    height: 120px;
    width: 120px
}

.hotSaleParts .item ul li a b {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px
}

.hotSaleParts .item ul li a p {
    color: #999;
    font-size: 14px
}

.hotSaleParts .item ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

@media screen and (max-width: 1024px) {
    .hotSaleParts title {
        font-size: 20px
    }
    .hotSaleParts .item {
        height: unset
    }
    .hotSaleParts .item .iconfont,
    .hotSaleParts .item .imgBox {
        display: none
    }
    .hotSaleParts .item ul li {
        width: 50%
    }
}

.popuManu {
    margin-bottom1: 30px
}

.popuManu title {
    display: block;
    font-size: 30px
}

.popuManu ul {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.popuManu ul li {
    height: 120px;
    transition: all .3s;
    width: 216px
}

.popuManu ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.popuManu ul li a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.popuManu ul li a img {
    width: 70%
}

@media screen and (max-width: 1024px) {
    .popuManu title {
        font-size: 20px
    }
    .popuManu ul li {
        width: 33.33%
    }
    .popuManu ul li a img {
        width: 90%
    }
}

.recParts {
    margin-bottom: 30px
}

.recParts title {
    display: block;
    font-size: 30px
}

@media screen and (max-width: 1024px) {
    .recParts title {
        font-size: 20px
    }
}

.recParts ul {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.recParts ul li {
    border: 1px solid hsla(0, 0%, 83%, .3);
    border-radius: 6px;
    transform: scale(.95);
    transition: all .3s;
    width: 16.6%
}

@media screen and (max-width: 1024px) {
    .recParts ul li {
        width: 50%
    }
}

.recParts ul li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 30px 20px;
    width: 100%
}

.recParts ul li a .img {
    height: 80px;
    margin-bottom: 10px;
    width: 80px
}

.recParts ul li a b {
    color: #333;
    font-weight: 400;
    margin-bottom: 8px
}

.recParts ul li a p {
    color: #999;
    font-size: 14px
}

.recParts ul li:hover {
    box-shadow: -2px 2px 9px #0000001a
}

.centerBanner {
    border-radius: 6px;
    height: 150px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%
}

.centerBanner a,
.centerBanner a img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .centerBanner {
        height: 60px
    }
}

.theBlogs {
    margin-bottom: 30px
}

.theBlogs .title {
    align-items: center;
    display: flex;
    font-size: 30px;
    justify-content: space-between
}

.theBlogs .title a {
    color: #003689;
    font-size: 14px;
    font-style: oblique;
    font-weight: 400
}

.theBlogs .title a:hover {
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .theBlogs .title {
        font-size: 20px
    }
}

.blog-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-post .theBlogs,
.blog-post .thePosts {
    width: calc(50% - 10px);
    height1: 234px;
}

.blog-post .thePosts {
    margin-left: 20px;
}

@media (max-width: 768px) {
    .blog-post .theBlogs,
    .blog-post .thePosts {
        width: 100%;
        margin-left: 0;
    }
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

@media (max-width: 468px) {
    .pagination a {
        color: black;
        float: left;
        padding: 2px 6px;
        text-decoration: none;
    }
}

ul.my-slider {
    position: relative;
    overflow: hidden;
    min-height: 170px;
    padding: 20px;
    background-color: white
}

ul.my-slider>li {
    --offset: 0;
    position: absolute;
    left: calc(calc(var(--i) - var(--offset)) * 100%);
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    transition: all .3s
}

ul.my-slider li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

.theBlogs ul li a {
    display: flex;
    justify-content: flex-start;
}

.theBlogs ul li a div {
    display: flex;
    justify-content: space-between;
}

.theBlogs ul li a div {
    align-items: center
}

.theBlogs ul li a div .iconfont {
    color: #fea531;
    font-size: 18px
}

.theBlogs ul li a b {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    position: relative
}

.theBlogs ul li a b:after {
    background-color: #003689;
    bottom: -6px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 30px
}

.theBlogs ul li a img {
    border-radius: 6px;
    height: 167px;
    width: 100%
}

.slider-indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    justify-content: center;
}

.slider-indicator {
    width: 16px;
    height: 8px;
    border-radius: 4px;
    background-color: #eee;
    cursor: pointer;
}

.slider-indicator.active {
    background-color: #1890ff;
}

.slider-indicator+.slider-indicator {
    margin-left: 8px;
}

@media screen and (max-width: 1024px) {
    .theBlogs {
        margin-bottom: 10px
    }
    .theBlogs title {
        font-size: 20px
    }
    .theBlogs ul {
        flex-wrap: wrap
    }
    .theBlogs ul li {
        flex: unset;
        margin-bottom: 10px;
        margin-left: 0!important;
        width: 100%
    }
}

.thePosts {
    /* margin-bottom: 30px */
}

.thePosts .title {
    align-items: center;
    display: flex;
    font-size: 30px;
    justify-content: space-between
}

.thePosts .title a {
    color: #003689;
    font-size: 14px;
    font-style: oblique;
    font-weight: 400
}

.thePosts .title a:hover {
    text-decoration: underline
}

@media screen and (max-width: 1024px) {
    .thePosts .title {
        font-size: 20px
    }
}

.thePosts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.thePosts ul li {
    background-color: #fff;
    /* border-radius: 6px; */
    /* height: 140px; */
    /* margin-bottom: 16px; */
    transition: all .3s;
    width: 100%;
}

.thePosts ul li:hover {
    /* box-shadow: -2px 2px 9px #0000001a */
}

.thePosts ul li a {
    display: flex;
    height: 100%;
    padding: 20px;
    width: 100%;
    flex-direction: row;
}

.thePosts ul li a .img {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    height: 130px;
    justify-content: center;
    width: 130px;
    padding-right: 10px;
}

.theBlogs ul li a .img {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    height: 130px;
    justify-content: center;
    width: 130px;
    padding-right: 10px;
}

.thePosts ul li a .img img {
    object-fit: contain;
    width: 100%;
}

.thePosts ul li a b {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
}

.thePosts ul li a .cot {
    /* display: flex; */
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.thePosts ul li a .cot b {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.thePosts ul li a .cot p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    display: -webkit-box;
    height: 60px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all
}

.thePosts ul li a .cot span {
    color: #003689
}

@media screen and (max-width: 1024px) {
    .thePosts title {
        font-size: 20px
    }
    .thePosts ul li {
        height: 120px;
        width: 100%
    }
    .thePosts ul li a .img {
        width: 100px
    }
    .thePosts ul li a .img img {
        width: 100%;
    }
}

.partNumber {
    margin-bottom: 30px
}

.partNumber title {
    display: block;
    font-size: 30px
}

.partNumber .cot {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 50px;
    width: 100%
}

.partNumber .cot div {
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.partNumber .cot div p {
    cursor: pointer;
    margin: 0 50px;
    padding-bottom: 10px;
    position: relative
}

.partNumber .cot div p.active:after {
    background-color: #003689;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 47px
}

.partNumber .cot ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.partNumber .cot ul li {
    margin-bottom: 16px;
    padding-right: 20px;
    width: 20%
}

.partNumber .cot ul li.compare {
    width: 50%
}

.partNumber .cot ul li a:hover {
    color: #003689
}

@media screen and (max-width: 1024px) {
    .partNumber title {
        font-size: 20px
    }
    .partNumber .cot {
        padding: 20px 10px
    }
    .partNumber .cot div {
        justify-content: space-around
    }
    .partNumber .cot div p {
        margin: 0
    }
    .partNumber .cot ul li {
        width: 50%
    }
    .partNumber .cot ul li.compare {
        width: 100%
    }
}

.indexes {
    background-color: #fff;
    border-radius: 6px;
    justify-content: space-between;
    padding: 14px 20px
}

.indexes,
.indexes a {
    align-items: center;
    display: flex
}

.indexes a {
    border-radius: 50%;
    height: 28px;
    justify-content: center;
    transition: all .3s;
    width: 28px
}

.indexes a:hover {
    background-color: #003689;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .indexes {
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .indexes span {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 56px
    }
}

.baseModule {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 20px
}

@media screen and (max-width: 1024px) {
    .baseModule {
        padding: 10px
    }
}
 
.loginInfo {
    align-items: center;
    display: flex
}

@media screen and (max-width: 524px) {
    .loginInfo {
       position: absolute;
    right: 50px;
    }
     
}

.loginInfo .cart {
    padding: 2px 5px;
    position: relative;
    transition: all .2s width: 60px;
}

.loginInfo .cart:hover {
    text-decoration:none;
}

.loginInfo .cart span {
    background-color: #c80000;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    position: absolute;
    right: 0px;
    top: 3px
}

.loginInfo a {
    align-items: flex-end;
    border-radius: 4px;
    display: flex;
    font-size: 12px
}

.loginInfo a .iconfont {
    color: #fff;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .sign {
    align-items: flex-end;
    display: flex;
    margin-left: 10px
}

.loginInfo .sign .iconfont {
    color: #fff;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .sign a {
    font-size: 15px;
    padding: 0;
    color:#fff;
}

.loginInfo .sign a:hover {
    color: #fff
}

.loginInfo .sign span {
    margin: 0 6px
}

.loginInfo .userInfo {
    align-items: baseline;
    cursor: pointer;
    display: flex;
    margin-left: 40px;
    position: relative;
    color:#fff;
}

@media screen and (max-width: 524px) { 
    .loginInfo .userInfo { 
        margin-left: 10px;  
    }
}


.loginInfo .userInfo .iconfont {
    color: #fff;
    font-size: 26px;
    margin-right: 6px
}

.loginInfo .userInfo>p {
    font-size: 16px;
    width: 60px
}

.loginInfo .userInfo:hover .dialog {
    display: block
}

.loginInfo .userInfo .dialog {
    display: none;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 26px;
    width: 250px;
    z-index: 100
}

.loginInfo .userInfo .dialog .cot {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px -7px #ccc;
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 1005;
    z-index: 2
}

.loginInfo .userInfo .dialog .cot p {
    border-bottom: 1px solid #d4d4d4;
    color: #000;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.loginInfo .userInfo .dialog .cot>a {
    align-items: center;
    display: flex;
    font-size: 14px;
    padding: 6px
}

.loginInfo .userInfo .dialog .cot>a .iconfont {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 18px;
    height: 22px;
    justify-content: center;
    margin-right: 16px;
    width: 22px
}

.loginInfo .userInfo .dialog .cot>a .iconfont.icona-ziyuan2 {
    font-size: 22px
}

.loginInfo .userInfo .dialog .cot>a:hover {
    background-color: #9999991a
}

.loginInfo .userInfo .dialog .cot .signOut {
    align-items: center;
    background-color: #f6f8fc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    margin-top: 16px;
    transition: all .2s;
    width: 100%
}

.loginInfo .userInfo .dialog .cot .signOut:hover {
    background-color: #003689;
    color: #fff
}

.loginInfo .userInfo .dialog .cot .loginOrRegister {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 10px 0
}

.loginInfo .userInfo .dialog .cot .loginOrRegister a {
    align-items: center;
    background-color: #003689;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    transition: all .2s;
    width: 100%;
    color: #fff;
}

.loginInfo .userInfo .dialog .cot .loginOrRegister a:hover {
    background-color: #003689;
    color: #fff;
}

.loginInfo .userInfo .dialog .cot .loginOrRegister span {
    display: block;
    margin: 8px 0
}

.theFooter {}

.theFooter .top {
    background-color: #fff;
    height: 86px;
}

.theFooter .top .cot {
    height: 100%
}

.theFooter .top .cot ul {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 6px 0
}

.theFooter .top .cot ul li {
    align-items: center;
    border-left: 1px solid #f1f1f1;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.theFooter .top .cot ul li:last-child {
    border-right: 1px solid #f1f1f1
}

.theFooter .top .cot ul li img {
    height: 40px;
    margin-right: 20px;
    width: 40px
}

.theFooter .top .cot ul li div b {
    color: #003689;
    font-size: 20px;
    line-height: 24px
}

.theFooter .bot .cot {
    height: 100%;
}
.theFooter .share a{
    width:30px;
    display:inline;
}

.theFooter .bot .cot ul {
    /* display: flex; */
    height: 100%;
    /* justify-content: space-between; */
    /* flex-wrap: wrap; */
    background-color:#003689;
}

.theFooter .bot .cot ul li {
    height: 100%;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    .theFooter .top {
        display: none
    }
    .theFooter .bot .cot {
        width: 100%
    }
    .theFooter .bot .cot ul {
        flex-direction: column
    }
    .theFooter .bot .cot ul li {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .theFooter .bot .cot ul li b {
        border-bottom: 1px solid #fff;
        font-size: 18px;
        margin-bottom: 10px
    }
    .theFooter .bot .cot ul.function {
        padding-top: 0
    }
    .theFooter .bot .cot ul.function li:last-child {
        display: none
    }
}

.content-popu {
    margin-bottom: 50px;
}

.content-popu .header-popu {
    width: 100%;
    height: 40px;
}

.content-popu .header-popu .title {
    font-size: 16px;
    text-align: left;
    float: left;
    font-weight: bold;
}

.content-popu .header-popu .more {
    font-size: 12px;
    float: right;
    color: #4066b8;
}

.content-popu .header-popu .more a {
    color: #4066b8;
}

.content-popu ul {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.content-popu ul li {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.content-popu ul li:last {
    border1: none;
}

.content-popu ul li a {
    text-align: center;
    height: 80px;
    display: inline-block;
    width: 100%;
}

.content-popu ul li a img {
    height: 60px;
}

.content-popu-part .header-popu-part {
    width: 100%;
    height: 40px;
}

.content-popu-part .header-popu-part .title {
    font-size: 16px;
    text-align: left;
    float: left;
    font-weight: bold;
}

.content-popu-part .header-popu-part .more {
    font-size: 12px;
    float: right;
    color: #4066b8;
}

.content-popu-part .header-popu-part .more a {
    color: #4066b8;
}

.content-popu-part ul li {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.content-popu-part ul li:last {}

.content-popu-part ul li a {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.content-popu-part ul li a:hover {
    text-decoration: none;
}

.content-popu-part ul li img {}

.content-popu-part ul li .other {
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
}

.content-popu-part ul li .other .part {
    height: 25px;
    line-height: 25px;
    color: #333;
}

.content-popu-part ul li .other .brand {
    height: 25px;
    line-height: 25px;
    color: #606266;
}

@media screen and (max-width: 1024px) {
    .content-popu-part img {
        display: none;
    }
}