/* 鏂囧瓧鎺掔増 */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.fw{font-weight:bold;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/* 瀹氫綅 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
*html .clearfix{height:1%}
. Clearfix{display:block;}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}

/* 杈硅窛 */
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb70{padding-bottom:70px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/*杩囧害*/
.ease02 {-webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.ease03 {-webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.ease04 {-webkit-transition:all 0.4s ease-in; transition:all 0.4s ease-in;}
.ease05 {-webkit-transition:all 0.5s ease-in; transition:all 0.5s ease-in;}
.ease06 {-webkit-transition:all 0.6s ease-in; transition:all 0.6s ease-in;}
.ease07 {-webkit-transition:all 0.7s ease-in; transition:all 0.7s ease-in;}
.ease08 {-webkit-transition:all 0.8s ease-in; transition:all 0.8s ease-in;}
.ease09 {-webkit-transition:all 0.9s ease-in; transition:all 0.9s ease-in;}
.ease10 {-webkit-transition:all 1s ease-in; transition:all 1s ease-in;}

.location {
    height: 30px;
    line-height: 30px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1450 {
    width: 1450px;
    margin: 0 auto;
}
.submenu_title {
/*    font-family: gotham-Gotham-Book,Arial, Helvetica, sans-serif;*/
    font-size: 22px;
    color: #222;
    padding-bottom: 20px;
}

.subnav_t1 {
    height: 45px;
    /*line-height: 45px;*/
    background: #FFFDFD;
    font-size: 15px;
    /*   text-indent: 10px;*/
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-bottom: 1px solid #FFFDFD;
}
/*.subnav_t1:hover{
    background: #1B2F58;
    color: #FFFDFD;
}*/
/*.subnav_t1:hover,i{
    background: #1B2F58;
    color: #FFFDFD;
}*/
ul.subnav_ul {
    border: 1px solid #FFFDFD;
    background: #fff;
    position: relative;
}
.subnav_ul_three {
    border: 1px solid #FFFDFD;
    background: #fff;
    position: relative;
    /*padding: 8px 15px;*/
}
.subnav_t1 a {
    display: inherit;
    width: 130px;
}

.parentitem_twoitem {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    /*padding: 8px 15px;*/
}
.parentitem_twoitem_tit{
    padding: 8px 32px;
    box-sizing: border-box;
    
}



.subnav_ul_three_li{
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 8px 15px 8px 38px;
    color: #555;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}
.subnav_ul_three_li:hover{
    background: #1B2F58;
    color: #fff;
    display: inline-block;
}
.fr {
    float: right;
    display: inline;
}
.fl {
    float: left;
    display: inline;
}

.pro_list_box {
    width: 280px;
    height: 410px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    transition: all 0.2s ease-in;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}
.pro_list_box:hover {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
}

.pro_list_box:hover img {
    transform: scale(1.04);
    transition: all .25s ease;
}

.pro_list_pic {
    position: relative;
}

.pro_list_pic {
    width: 280px;
    height: 280px;
}

.pro_list_pic img {
    width: 280px;
    height: 280px;
}

.img2 {
    display: none;
}

.pro_list_title {
    font-size: 14px;
    padding: 15px;
}
.pro_list_title a{
   display: -webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.pages {
    text-align: center;
    padding: 15px 0;
    line-height: 32px;
}

.page-numbers{
    display: inline-block;
    background: #efefef;
    padding: 0 10px;
    color: #888;
    border: 1px solid #ddd;
    border-radius: 2px;
}

span.page-numbers.current{
    background: #26498F;
    border-color: #26498F;
    color: #fff;
    text-decoration: none;
}
.page{margin-bottom: 0;}
.clear{clear: both;}


.subnav_ul li:hover .children{
  opacity: 1;
  visibility: visible;
}
.subnav_ul_three li:hover .children{
  opacity: 1;
  visibility: visible;
}
.children{
  border: 1px solid #eaeaea;
  background: #fff;
  position: relative;
  padding: 15px;
  z-index: 101;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  top: -75px;
  left: 100%;
  margin-left: -1px;
  border-radius: 0 3px 3px 3px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
  transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.subnav_ul li a{
  word-break: break-all;
}
.subnav_ul_three li a{
  word-break: break-all;
  display: inline-block;

}


.product-inquire {
    padding: 0 15px;
}

.inquire-now a {
    border: 1px solid #1b3362;
    border-right: 25px;
    padding: 8px 0;
    border-radius: 81px;
    display: block;
    background: #163c87;
    color: #fff;
}

.add-cart {
    font-size: 32px;
    float: right;
    color: #666;
    cursor: pointer;
    margin-top: -5px;
}
.add-cart:hover {
    color: #163c87;
}
.inquire-now {display: inline-block;width: 120px;text-align: center;}

.inquire-now a:hover {
    background: #1b2f58;
}

.added-cart-btn {
    font-size: 32px;
    float: right;
    color: #12a316;
    cursor: pointer;
    margin-top: -5px;
}
.add-over{
    display:none;
    padding: 6px 8px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    border-radius: 4px;
    font-size: 14px;
    background: #163c87;
    color: #fff;
    margin: 0 auto;
    margin-top: -100px;
}


.inquire-list {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    padding: 25px 0;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 3%);
    display:none;
}

.inquire-list-box {
    width: 150px;
    float: left;
    margin-top: 9px;
    font-size: 14px;
    font-weight: bold;
}
.inquire-product {
    width: 1040px;
    overflow: hidden;
    height: 64px;
    float: left;
    display: -webkit-inline-box;
}

.inquire-item {
    float: left;
    position: relative;
    margin-right: 10px;
}
.inquire-item img {
    width: 64px;
}

span.clear-list {
    cursor: pointer;
    color: #2874f0;
    font-weight: 400;
    font-size: 12px;
}
.remove-item {
    font-size: 16px;
    color: #999;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.selected-sum {
    display: inline;
}
.inquire-btn {
    font-size: 16px;
    padding: 5px 24px;
    border-radius: 30px;
    border: 1px solid #ddd;
    float: left;
    margin-top: 16px;
    cursor: pointer;
    margin-left: 25px;
}

.inquire-btn:hover {
    background: #163c87;
    color: #fff;
    border-color: #163c87;
}

.inquire-list-box-close {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 18px;
    margin-left: 25px;
    cursor: pointer;
    color: #999;
}

.inquire-list-box-close:hover{
  color: #333;
}

.inquire-list-left-btn,.inquire-list-right-btn {
    float: left;
    font-size: 36px;
    margin-top: 6px;
    color: #999;
    cursor: pointer;
    display: none;
}


.inquire-list-left-btn:hover,.inquire-list-right-btn:hover {
    color: #333;
}

.recently-product h3 {
    font-size: 18px;
    padding: 15px 0;
}


.recently-product-item {
    width: 280px;
    height: 360px;
    margin-bottom: 25px;
    transition: all 0.2s ease-in;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.recently-product-item-image img {
    width: 100%;
}

.recently-product-item-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recently-product-item-title {
    font-size: 14px;
    padding: 15px;
}


.recently-product h3 {
    font-size: 18px;
    padding: 23px 0;
}


.recently-product-item {
    width: 280px;
    height: 360px;
    margin-bottom: 25px;
    transition: all 0.2s ease-in;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}

.recently-product-item-image img {
    width: 100%;
}

.recently-product-item-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recently-product-item-title {
    font-size: 14px;
    padding: 15px;
}

.inquire-form h1 {
    font-size: 28px;
    padding: 15px 0;
}

.inquire-form-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 20px;
}

.inquire-form-list {
    width: 1000px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.inquire-form-item-quantity input {
    width: 100px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
}
.inquire-form-item-remove {
    font-size: 24px;
    cursor: pointer;
}
.inquire-form-item:last-child {
    border: 0;
}
.inquire-form-item-title {
    width: 550px;
}
span.sku {
    background: #163c87;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 12px;
    margin-top: 10px;
}
.send-inquiry-btn {
    padding: 9px;
    background: #e64545;
    color: #fff;
    width: 100px;
    text-align: center;
    margin: 40px auto;
    border-radius: 5px;
    cursor: pointer;
    display: block;
}

.send-inquiry-btn:hover {
    background: #c33636;
}

.message {
    display: flex;
    flex-direction: column;
}

.send-message-form {
    width: 1000px;
}

.form-title {
    font-size: 16px;
    padding: 15px 0;
}
.form-input {
    display: flex;
    flex-direction: column;
    width: 450px;
    float: left;
    margin-right: 100px;
}

.form-input input {
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}
.your-message {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
}
.your-country {
    margin-right: 0;
}

.your-phone {
    margin-right: 0;
}
.inquire-form-item-image img {
    width: 100px;
}

.screen-reader-response {
    display: none;
}
.sent-ok {
    padding: 10px 0;
    display: none;
    text-align: center;
    background: green;
    color: #fff;
    margin-top: 15px;
    width: 1000px;
}
.wpcf7-response-output {
    display: none;
}

/*琛ㄥ崟鍥惧儚楠岃瘉鏍峰紡*/

span.wpcf7-form-control-wrap.kc_captcha {
    display: block;
    margin: 10px 0px;
    text-align: center;
    width: 1000px;
}

span.cf7ic_instructions {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

span.cf7ic_instructions span {
    font-weight: 700;
    color: red;
}

span.captcha-image label {
    margin: 10px 30px;
    display: inline-block;
}

span.captcha-image input {
    position: relative;
    top: -20px;
    left: -10px;
}

label#kc_captcha-error {
    position: absolute;
    color: red;
    margin-top: 64px;
}
.error {
    color: red;
}


/*single product*/
   .location {
    height: 30px;
    line-height: 30px;
}
.location a {
    margin: 0 5px;
}
/*pro_msg*/
.page_box1 {
    background: #fff;
    border-radius: 10px;
    padding: 35px 0;
}
.pro_left {width:630px; float:left;}
.pro_right {float:right; font-size:13px; padding:0px 0 5px 0; width:570px;}
.pro_tit {font-size:20px; font-weight:bold; padding-bottom:12px;}
.pro_tit2 {font-size:24px;  color:#163c87; padding-bottom:12px;line-height: initial;}
.pro_tit3 {font-size:28px;  color:#cc1938; padding-bottom:12px;}
.pro_inmore {margin-top:20px; color:#fff; }
.pro_inmore:hover a{ background: #1b2f58;}
.pro_inmore a {background:#163c87; border-radius: 80px;color:#fff; font-size:16px; display:inline-block; height:40px; line-height:40px; padding:0 28px;}
.pro_inmore a:hover,.pro_inmore a:visited{ color:#fff;background: #1b2f58;}
.ptop {background:url(../images/ptop.png) no-repeat center top; top:10px;}
.pbottom {background:url(../images/pbottom.png) no-repeat center top; bottom:10px;}
.ptop:hover {background:url(../images/ptop_h.png) no-repeat center top; top:10px;}
.pbottom:hover {background:url(../images/pbottom_h.png) no-repeat center top; bottom:10px;}
.pro_cutmore {background:#f1f1f1; text-align:center; color:#9e9e9e; cursor:pointer; font-size:16px; height:22px; line-height:22px;}
.pro_cut { overflow:hidden;}
.pro_cutauto {height:auto;}
.pro_cli {font-size:14px; line-height:24px; padding-bottom:14px;  color:#333; padding:0 20px 0 0; margin-bottom:5px;}
.pro_cli p {
    position: relative;
}
.pro_cli b {
    position: absolute;
    top: 0px;
}
.pro_cli span {
    width: 410px;
    position: relative;
    left: 140px;
    display: inline-block;
}
.pro_pp{ color:#000; padding-bottom:50px !important; border-bottom:1px solid #ccc; margin-bottom:20px; margin-top:20px;}
.pclick{ position:absolute; left:43px; width:34px; height:19px;}

.pro_point{ /*background:url(../images/point.gif) no-repeat left center;*/}

.pro_other{ background:#fff; width:1200px; height:390px; overflow:hidden;border-radius:10px; }
.pro_other_title{ text-align:center;  font-size:22px; color:#222; text-transform:uppercase; margin-top:30px;}
.pro_other_box{ margin-top:40px;}
.pro_other_box .bd{ float:left;}
.pro_other ul li{ float:left; width:175px; height:245px; margin:0 10px;}
.pro_other ul li img{ width:175px; height:175px; display:block;}
.pro_other ul li div{ text-align:center;  font-size:14px; line-height:20px; height:20px; margin-top:10px;}
.pro_other ul li b{ text-align:center;  font-size:14px; line-height:20px; height:20px; width:175px; display:block;}
.pro_other ul li .pimg2{ display:none;}
.pro_other ul li:hover .pimg2{ display:block;}
.pro_other ul li:hover .pimg1{ display:none;}
.pro_other_box .next{ background:url(../images/pro_msg_l.png) no-repeat; width:19px; height:34px; display:block;}
.pro_other_box .prev{ background:url(../images/pro_msg_r.png) no-repeat; width:19px; height:34px; display:block;}
.pro_other_box .next,.pro_other_box .prev{ cursor:pointer;}
.pro_other_box .next:hover{ background:url(../images/pro_msg_l_h.png) no-repeat;}
.pro_other_box .prev:hover{ background:url(../images/pro_msg_r_h.png) no-repeat;}

.ml50 {
    margin-left: 50px;
}
.mt50 {
    margin-top: 50px;
}

/*鍒楄〃鏄剧ず闅愯棌*/
.dja_spa{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 0 26px;*/
}
.pd_lf26{
    padding-left: 26px;
}
.pd_rg26{
    padding-right:  26px;
}
.opened{
    display: block;
}
.closed{
    display: none;
}

.w_130{
    width: 130px;
}
.color2{
  color: #555;
}
.color3{
  color: #888;
}
.borderrad{
    border-radius: 15px;
    overflow: hidden;
    display: inherit;
}

.hovercolor{
   background: #1B2F58!important;
   color: #FFFDFD!important;
}
.w100{
    width: 100%;
}