@charset "utf-8";

/* CSS Document */
html{ }
body { font-size: 14px; background:#f2f2f2; font-family: Helvetica; color: #212529;line-height: 1.5; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; 
}
:root{
    --maincolor:#ffff99;
    --hovercolor:#f46600;
    --activecolor:#cc0000;
    --bluecolor:#0066c0;
    --linecolor:#E2E2E2;
    --white:#ffffff;
    --color0:#000000;
    --color3:#333333;
    --color6:#666666;
    --color9:#999999;
    --colortitle:#545454;
}
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
fieldset, img { border: 0;}
ul, ul li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
q:before, q:after { content: '';}
a { color:#444; text-decoration: none; transition:.3s all;}
a:hover { color:var(--hovercolor)}
input { outline: none; color:var(--color6); font-size: 15px;}
input::placeholder,textarea::placeholder{ color:#6c757d; font-size: 16px; font-family:微软雅黑,  arial, "serif"; }
textarea{ font-size: 15px; font-family:微软雅黑,  arial, "serif";  color:var(--color6); }

.allwidthp{ max-width:100%; margin-left:0; margin-right:0;}
.allwidth{ max-width:1400px; margin-left:auto; margin-right:auto;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth2{ max-width:1400px; margin-left:auto; margin-right:auto;}
img{ max-width:100%;  }
.display_none{display:none;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.colorwhite{ color:var(--white) !important; }
.fontsize12{ font-size:12px !important;}
.text_center{ text-align:center;}
.v_align{vertical-align: middle;}
.lineheight24{ line-height:24px; }

.row{display:flex; flex-wrap:wrap;}
.flexstart{ justify-content:flex-start; }
.flexbetween{ justify-content:space-between; }
.padding_20{ padding-left:20px; padding-right:20px;}

.text_s1,.text_s2,.text_s3,.text_s4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.text_s1{ -webkit-line-clamp: 1; }
.text_s2{ -webkit-line-clamp: 2; }
.text_s3{ -webkit-line-clamp: 3; }
.text_s4{ -webkit-line-clamp: 4; }


/*---------------------share ico-----------------------*/
.news_share{ display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center;}
.news_share li{ margin-right:10px; position:relative; }
.news_share li a{ display:block; font-size:17px; width:35px; height: 35px; border-radius:50px; overflow:hidden; color:var(--white); text-align:center; line-height:35px; }

.ewm_img{ position:absolute; left:-20px; top:35px; padding-top:8px; width:80px; opacity: 0; height: 0; overflow:hidden; transition:.3s all; }
.weixin_ck:hover .ewm_img{ opacity: 1; height: auto; overflow:visible;}
.ewm_img img{ display:block; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.weixin i{ background:var(--maincolor); }
.email i{  background:var(--maincolor); }
.whatapp i{ background:var(--maincolor);  }
.skybe i{  background:var(--maincolor);  }
.tel i{  background:var(--maincolor);  }

.server_icos li{ margin-bottom:5px; position:relative;}
.server_icos li i{ display:block; width:45px; height:45px; border-radius:3px; overflow: hidden; cursor: pointer; text-align: center; line-height: 40px; transition: .4s all; }

.server_text{ position:absolute; right:40px; padding:0 10px 0 0; top:0;  z-index: 1010; height: 0; opacity: 0; overflow: hidden; transition: .4s all; }
.server_alltxt{background:var(--white); border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.2); width:100px; padding:2px 2px; line-height: 24px; }
.weixin .server_text{ top:auto; bottom:0; }
.server_icos li:hover .server_text{ height: auto; opacity: 1; overflow: visible;}
.server_icos li:hover i{ background:var(--hovercolor);}


/*---------------------goto-------------------------*/
.foot_server{ position:fixed; right:2px; bottom:30px; z-index: 650; }
#gotop{  bottom:50px;width:38px; height:38px; border-radius:3px;background:#616161; display:none; text-align:center; line-height: 38px; cursor:pointer; z-index: 88;transition: .4s all;}
#gotop:hover{ background: var(--hovercolor);}
#gotop img{ margin-top:30%;}

#gotop1{  width:45px; height:45px;background:var(--maincolor); border-radius:3px; display:none; text-align:center; line-height: 40px; cursor:pointer; transition: .4s all;}
#gotop1:hover{ background: var(--hovercolor);}
#gotop1 img{ margin-top:30%;}


/*-------------------------scroll-----------------------------
::-webkit-scrollbar { width: 2px; height: 2px; }
::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 6px; }
::-webkit-scrollbar-track{ background:#3989c6; }*/


/*-----------------------swiper------------------------*/
.detail_bimg{ position:relative;  padding:20px;}
.mySwiper21 { box-sizing: border-box;margin: 10px 0; padding:0 5px; }
.mySwiper21 .swiper-slide {	width: 25%;	height: auto !important; border:1px solid #dddddd;}
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}

.mySwiper22{ margin-bottom:70px; }


.fzlc_timd_dot{ font-size: 35px; font-weight: bold; color:var(--color0); text-align: center; padding:0 0 59px 0; cursor: pointer; }
.fzlc_timd_dot i{ display: block; width:19px; height:19px; border-radius: 50px; background:#cccccc; margin:18px auto 0 auto; transition: .4s all; }
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot{ color:var(--maincolor);}
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i{  background:#0781e6 !important;  }  
.mySwiper21 .swiper-slide-thumb-active {  border: 1px solid var(--hovercolor); }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)) !important;
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8) !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--hovercolor)) !important;
}

.fzlc_text{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.fzlc_year{ flex:0 0 350px;  font-size: 95px; font-weight: bold; color:var(--maincolor); padding:0 60px 0 0;}
.fzlc_infor{ flex:1; font-size: 20px; line-height: 34px; color:var(--color6); padding:20px 60px 0 60px; border-left:1px solid #dedede; }
.fzlc_imgs{ flex:0 0 45%;}

.falc_ico{ width:38px; height:38px; border:1px solid #cdcdcd; border-radius: 50px; background:var(--white); transition: .4s all; text-align: center; padding:7px 0 0 0 ;}
.falc_ico svg{ fill:#cdcdcd; width: 1.3em; height: 1.3em; }
.falc_ico:hover{ background:var(--maincolor); border:1px solid var(--maincolor);}
.falc_ico:hover svg{ fill:var(--white);  }

.mySwiper21 .swiper-button-next{ width:auto !important; right:0 !important; }
 .mySwiper21 .swiper-button-prev{ width:auto !important; left:0 !important; }
 .mySwiper21 .swiper-button-next.swiper-button-disabled, .mySwiper21 .swiper-button-prev.swiper-button-disabled { opacity: .7 !important;}


/*------------------------article detail-----------------------------*/
.news_content{ line-height:32px; font-size:16px; color:var(--color6); margin-bottom:70px; padding:30px 20px 0 20px; }
.news_content h1{ font-size: 24px; margin-bottom: 25px;}
.news_content h2{ font-size: 22px; font-weight:bold; margin-bottom: 25px;}
.news_content h3{ font-size: 20px; font-weight:bold; margin-bottom: 25px;}
.news_content h4{ font-size: 18px; font-weight:bold; margin-bottom: 25px;}
.news_content h5{ font-size: 16px; font-weight:bold; margin-bottom: 25px;}
.news_content p { margin-bottom: 25px;}
.news_content img { max-width: 100% !important; height: auto !important;}
.news_content p[style="text-align:center;text-indent:2em;"] img,.news_content p[style="text-indent:2em;"] img{ margin-left:-2.2em !important;}

.about_con1{ line-height:24px; font-size:16px; }
.about_con1 h1{ font-size: 28px; margin-bottom: 25px; color:var(--color0);}
.about_con1 h2{ font-size: 26px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h3{ font-size: 24px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h4{ font-size: 22px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h5{ font-size: 20px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 p { margin-bottom: 25px;}
.about_con1 img { max-width: 100% !important; height: auto !important;}

.about_con{ font-size: 16px; line-height: 32px; color:var(--color6);}
.about_con h3{ font-size:36px; font-weight:bold; color:var(--color0);}
.about_con span{font-size:16px; }
.about_con p{ margin-bottom:10px;}

/*-------------------feedback-----------------*/

.in_feedback_list{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list li{ margin-bottom:20px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list li:nth-child(-n+2){ flex:0 0 50%; }
.in_feedback_list li span{ display:block; color:#202020; font-size:16px; margin-bottom:10px;  }
.feedback{ height: 50px; line-height: 50px; border:1px solid #e5e5e5; width:100%; padding: 0 10px;}
.feedtext{width:100%;border:1px solid #e5e5e5; color:#999999; height: 225px; padding:10px;}

.feedback_btm{ display: inline-block; font-size:16px;  color:#202020; text-align:Center; height:60px; line-height:60px; padding:0 70px; border:0; background:var(--maincolor); color:var(--white); cursor: pointer; transition:.4s all;}
.feedback_btm:hover{ background:var(--hovercolor); color:var(--white);}


/*--------------------------------pages---------------------------------*/
.pages{ text-align:center; padding:20px 0 15px 0; }
.pages a{ display:inline-block; margin:0 2px; padding:2px 8px; border-radius:5px;vertical-align:middle;color:#919bb0; border:1px solid #919bb0; }
.pages a:hover{ background:var(--hovercolor); color:var(--white); border-color:var(--hovercolor); }
.pages a.cur{ background:var(--hovercolor); color:var(--white); }
.pages a svg{ stroke:#919bb0; }
.pages a:first-child,.pages a:last-child{  padding-top:1px;  }

.error_img{ text-align:center; }
.error_img img{ max-width:90%;}
.error_text{ text-align:center; margin-bottom:90px;}
a.error_a{ display:inline-block; padding:9px 60px; border-radius:10px; color:var(--white); background:#F7931E;}
.error_text p{ font-size:22px; color:#F7931E;}
@media screen and (max-width:780px){ 
    .error_text p{ font-size:16px; }
}

.pages_totle{ font-size: 1rem; text-align: center; padding-bottom:30px; }


/*---------------------------newsdetail----------------------------------*/
.news_dtitle { font-size:30px;padding: 0px 0 20px 0; color:var(--color0);}
.news_dspan {  font-size: 15px; font-weight: normal; margin-bottom:30px; color:var(--color9);}
.other_newsbgs{ background: #f5f5f5;}
.other_news{  }
.other_news li {  flex:1; padding: 0 3px; height: 80px; line-height: 80px; }
.other_news li:nth-child(1) { padding-right:10px; border-right:2px solid var(--white); }
.other_news li:nth-child(2) {  padding-left:10px; text-align: right; }

.other_news li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; color:Var(--color6);}
.other_news li strong{ color:var(--color0);}
.other_news li a:hover{ color:var(--hovercolor);}


/*---------------------------main-------------------------------*/
.header_con{  transition: .4s all; }
.header_con1{ position:-webkit-sticky; position:sticky; top:0; z-index: 105;background:var(--white) !important; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.top_contact{ color:var(--color6); font-size:12px;}
.logos{ text-align:center; align-items: center; }
.logos>a{ display: block; padding:10px 0px 0px 0; }
.logos>a>img{ max-height: 64px;}

.top_nav{  position:-webkit-sticky; position:sticky; top:0; z-index: 105; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50);background-color: rgba(255, 255, 255, 0.95); }
.top_con_left>a{ display: inline-block; padding:8px 5px;color: #090; font-weight: bold; }
.top_con_left>a:hover{ color: var(--activecolor); font-weight: bold; background: var(--maincolor);}

.header_bgs{ align-items: center;}
.navbar-nav{ color:#444444; align-items: center;}
.navbar-nav li{ height: 100%; position: relative; }
.navbar-nav li i{ vertical-align: middle; }

.dropdown-menu{ display: none; position: absolute; left: 0; top: 34px; padding:3px 0 0 0px; z-index: 250; } 
.dropdown-bg{ padding: 10px 0; width: 183px; background: #fff;z-index: 250;  border:1px solid #e5e5e5; }
.navbar-nav li:hover .dropdown-menu{ display: block;}

.dropdown-item{ display: block; padding:8px 20px; }
.dropdown-item:hover{ background: var(--maincolor);}

.d-mycart{ display: none; font-weight: normal;}
.dmycart-text{ font-weight: bold; color:var(--maincolor);}
.d-text-yellow{ color:var(--maincolor);}
.d-text-md-small{ font-size: 80%;}


.top_wchat{ display: block; padding:5px 10px; }
.top_wchat:hover{ color: var(--activecolor); }
.nav-link { display: block; padding:5px 5px;}
.nav-link:hover{ background: var(--maincolor); }
.top_help{ padding:0 5px;}
.top_help:hover{ background: var(--maincolor); }
.top_mycat{ padding:5px 10px; background: var(--hovercolor); display: none; }
.top_mycat a{ color:var(--white);  }
.top_mycat:hover a{ color:var(--maincolor);  }
.top_mycat svg{ width:1.6em;height: 1.6em;vertical-align: middle;fill: var(--white);}
.top_mycat:hover svg{ fill:var(--maincolor);}






.h_over{ background:var(--white) !important; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.inlogo2{ display: none;} 
.h_over .inlogo1{ display: none;} 
.h_over .inlogo2{ display: block;} 

.topsearchlist{ flex:0 0 auto; position: relative; flex-wrap: nowrap !important;}
.dropdown-menu1{ display: none; position: absolute; left: 0; top: 44px; padding:3px 0 0 0px; z-index: 250; background: var(--white); border:1px solid #ccc; padding:1rem;  } 
.dropdown-menu1 a{ display: block; margin-bottom:10px; color:#666; line-height: 18px; }
.dropdown-menu1 a:hover{ color:var(--activecolor); }

.header_right{ flex:0 0 203px; margin-left:10px;  align-items: center;}
.order-lg-2{ background: var(--hovercolor); color: var(--white); padding:8px 10px; border-radius: 5px; align-items: center;  text-align: center; }
.order-lg-2 a{color:var(--white); font-weight: bold; font-size: 16px; }
.order-lg-2:hover a{color:var(--maincolor);  }
.order-lg-2 svg{ fill:var(--white); width: 1.6em; height: 1.6em;}
.order-lg-2:hover svg{ fill:var(--maincolor);}

.insearch_con{ margin:5px auto 8px auto; max-width:825px; }
.form-control{ flex:1; color: #495057; font-size: 24px; padding:0px 15px; height: 45px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da; border-right:0;
    border-radius: .25rem 0 0 .25rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;}
.form-control>input{ height:42px;  line-height:35px;  width: 100%; border: 0;}
.form-btm{ flex:0 0 auto; height: 45px; line-height: 45px; background-color: #fff;  background-clip: padding-box; border: 1px solid #ced4da; font-size: 16px; padding:0 10px;  }
.btn-info{ flex:0 0 60px; text-align: center; cursor: pointer;  border-radius: 0 .25rem .25rem 0; border:0; background: #17a2b8; color:var(--white); }
.btn-info:hover{ background:var(--hovercolor); color:var(--white);}
.btn-info svg{ width: 2.2em; height: 2.2em;vertical-align: middle;fill: var(--white);}
.btn-info:hover svg{ fill:var(--maincolor);}


.tags{ justify-content: center; margin-bottom:18px; }
.tags a{ font-size: 0.75rem; color:var(--color6); }
.tags a:hover{ color:var(--hovercolor); }
.mr-3{ margin-right:1rem;}



.innavs{flex:1; margin-right:10px; align-items: center; justify-content: flex-end;   }
.innavs>li{  position:relative; padding:0px 10px; text-align: center; position: relative; }
.innavs>li>a{ display:inline-block; color:var(--color0);  font-size:16px; padding:6px 0 6px 0; transition:.4s all; font-weight: normal; text-align: center; position: relative;}
.header_con1 .innavs>li>a,.h_over .innavs>li>a{ color:var(--color6) !important; }
.header_con1 .innavs>li:hover>a,.header_con1 .innavs>li.cur>a{ color:var(--hovercolor) !important;   }
.h_over .innavs>li:hover>a,.h_over .innavs>li.cur>a{ color:var(--hovercolor) !important;   }

.innavs>li>a::after{ display: block;position: absolute; left:0; bottom:0; z-index: 9; height: 2px; background:var(--hovercolor); width:100%; transform:scaleX(0); transition:.4s all; }
.innavs>li:hover>a::after,.innavs>li.cur>a::after{ transform:scaleX(1); }
.innavs>li:hover>a,.innavs>li.cur>a{ color:var(--hovercolor);   }
.innavs_sec_con{ position:absolute; left:0%; top:20px; width:260px; font-size: 13px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all;   }
.innavs_sec{ box-shadow: 0 0 10px rgba(0,0,0,0.2);background:rgba(255,255,255,0.96); border-radius:3px; border:1px solid #eeeeee; margin-top:8px; padding:5px 0px 0 0px;}
.innavs_sec>li{ position:relative;}
.innavs_sec>li>a{ color:var(--color3);display:block; text-align:left; font-size:14px; padding:10px 15px; }
.innavs_sec>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs_three_con{ position:absolute; left:100%; top:0px; width:100%; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.innavs_three{ background:rgba(255,255,255,0.96);  margin-left:1px;}
.innavs_three>li>a{ color:var(--color6);display:block; text-align:center; font-size:13px; padding:8px 0; }
.innavs_three>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: visible; }
.innavs_sec>li:hover .innavs_three_con{ opacity: 1; height: auto;  overflow: visible;}


.innavs_pt{ box-shadow: 0 0 10px rgba(0,0,0,0.2);background:rgba(255,255,255,0.96); border-radius:3px; border:1px solid #eeeeee; margin-top:8px; padding:20px 20px 20px 20px;}
.innavs_pt li{ flex:50%; padding-left:5px; padding-right:5px; margin-bottom:10px;}
.innavs_pt li a{ display: block; border:1px solid #eeeeee; padding:3px 10px; }
.innavs_pt li a:hover{ background:var(--white); box-shadow: 0 0 10px rgba(0,0,0,0.4); }


.lanuage a{ color:var(--color6); transition: .4s all;}
.lanuage a:hover{ color:var(--hovercolor);}

.banners{ position:relative; margin-bottom:14px;}
.banner_position>a>img{ width:100%; }
.banner_jt svg{ fill:var(--white); width:3em; transition: .4s all;}
.banner_jt svg:hover{ fill:var(--hovercolor); }
.banner_case{ position:absolute; left:65px; right:65px; bottom:45px; z-index: 10;}
.banner_list{ margin-left:-2.5px; margin-right:-2.5px;}
.banner_list li{ flex:0 0 16.6%; padding-left:2.5px; padding-right:2.5px; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {   bottom: 20px !important;}


.inimg_list{ margin-left:-7px; margin-right: -7px;}
.inimg_list li{ padding-left: 7px; padding-right: 7px; flex:0 0 33.3%;}
.inimg_list li a{ display:block; }
.inimg_list li:hover a{ box-shadow: 3px 3px 15px rgba(0,0,0,0.7); border-radius: 10px; margin-top:-10px; }

.inimg_list li img{ width:100%;}



.inpros{ background: var(--white);padding:20px 0;}

.inpros_l1{ margin-bottom:30px; overflow: hidden; position: relative;}
.inpros_l1 dt{display: flex; justify-content: space-between; align-items: center; padding:0px 10px 10px 10px; } 
.inpros_l1 dt h3{ font-size: 1.5rem; color:#007bff;  }

.inhonor_jt{ background: #f1f1f1; border-radius: 50px; padding:5px 10px 3px 10px; transition: .4s all;}
.inhonor_jt:hover{ background: var(--hovercolor); color:var(--white); }
.inhonor_jt{ font-size: 12px; color:var(--color6);}
.inhonor_jt svg{ fill:var(--color6); width: 0.7rem; height: 0.8rem; margin-bottom:2px; transition: .4s all; }
.inhonor_jt:hover svg{ fill:var(--white);}
.inpros_l1 .swiper-button-next, .inpros_l1 .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 40 * 70) !important;}
.inpros_l1 .swiper-button-next, .inpros_l1 .swiper-rtl .swiper-button-prev { top: 12px !important;}
.inpros_l1 .swiper-button-prev, .inpros_l1 .swiper-rtl .swiper-button-next {  top: 12px !important;   left: auto !important;  right: 80px !important; }


.pros_sproduct .swiper-button-next, .pros_sproduct .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 40 * 70) !important;}
.pros_sproduct .swiper-button-next, .pros_sproduct .swiper-rtl .swiper-button-prev { top: 18px !important;}
.pros_sproduct .swiper-button-prev, .pros_sproduct .swiper-rtl .swiper-button-next {  top: 18px !important;   left: auto !important;  right: 70px !important; }
.pros_sproduct .swiper-button-next, .pros_sproduct .swiper-rtl .swiper-button-prev {  right: 0px;  left: auto; }


.pros_footer_all .swiper-button-next, .pros_footer_all .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 40 * 70) !important;}
.pros_footer_all .swiper-button-next, .pros_footer_all .swiper-rtl .swiper-button-prev { top: 18px !important;}
.pros_footer_all .swiper-button-prev, .pros_footer_all .swiper-rtl .swiper-button-next {  top: 18px !important;   left: auto !important;  right: 70px !important; }
.pros_footer_all .swiper-button-next, .pros_footer_all .swiper-rtl .swiper-button-prev {  right: 0px;  left: auto; }


.pros_item{ align-items: center; border:1px solid #dee2e6; border-radius: 5px; padding:2px 10px;}
.pros_img img{ max-height: 40px; }
.pros_price{ font-size: .8rem; flex:1; margin-left:5px;text-align: center; }
.pros_price span{ font-size: 85%;}
.pros_price1{ font-size: .8rem; flex:1; margin-left:5px;text-align: left; color: var(--hovercolor); font-weight: bold; }

.pros_list_tit_l{ font-size: 1rem; padding:8px 0; font-weight: bold;}
.color_grown{ color:#996600;}


.inpros_l{ margin-bottom:30px;}
.inpros_l dt{display: flex; justify-content: space-between; align-items: center; padding:5px 10px; border-bottom:1px solid #007bff; margin-bottom:20px;} 
.inpros_l dt h3{ font-size: 1.5rem; color:#007bff; }

.inpros_items{}
.inpros_items li{ flex:0 0 25%;  padding-left:10px; padding-right:10px; margin-bottom:5px;}
.inpros_item{padding:10px 10px 50px 10px; height: 100%; text-align: center; transition: .4s all; }
.inpros_item:hover{ box-shadow: 3px 0 15px rgba(0,0,0,0.2); margin-top:-10px; border-radius: 15px; } 

.badge{ color: #fff;background-color: #dc3545;display: inline-block; padding: .25em .4em;border-radius: .5rem;

    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;}
.xr-pro-name{margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical; height: 84px;}
.xr-pro-name1{margin-bottom:3px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical;height: 84px;}
.badge1{padding: 0.1rem 0.3em 0.1em 0.3em;display: inline-block; height: 17px;
    font-size: 85%;
    font-weight: normal;
    color: #FF9;
    background: #060;
    border-radius: 0.2em;}
.xt-text1{ background: #6c757d; color:var(--white); font-size: 70%; border-radius: 2px; padding:1px 3px; margin-left:5px; }
.xt-items1 .xr-stars>span{ width:10px; display: inline-block; }
.font-weight-bold{ color:var(--hovercolor); font-size: 1.125rem; font-weight: bold;}

.inpros_l dt a{ color:#007bff; font-size: 13px; background: #eaf4fa; padding:5px 15px; border-radius: 50px; transition: .4s all; }
.inpros_l dt a:hover{ background: var(--hovercolor); color:var(--white); }

.inpros_l dt a svg{ fill:#007bff; width: 0.7rem; height: 0.8rem; margin-bottom:2px;transition: .4s all; }
.inpros_l dt a:hover svg{ fill:var(--white);}
 
.text-color1 dt{ border-color:#28a745 !important;}
.text-color1 dt h3{ color: #28a745 !important; }
.text-color1 dt a{ color:#28a745 !important; background: #d8ffe1 !important;  }
.text-color1 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.text-color2 dt{ border-color:#dc3545 !important;}
.text-color2 dt h3{ color: #dc3545 !important; }
.text-color2 dt a{ color:#dc3545 !important; background: #ffe5e7 !important;  }
.text-color2 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.text-color3 dt{ border-color:#17a2b8 !important;}
.text-color3 dt h3{ color: #17a2b8 !important; }
.text-color3 dt a{ color:#17a2b8 !important; background: #cdf8ff !important;  }
.text-color3 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.text-color4 dt{ border-color:#ffc107 !important;}
.text-color4 dt h3{ color: #ffc107 !important; }
.text-color4 dt a{ color:#ffc107 !important; background: #fff8e2 !important;  }
.text-color4 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.text-color5 dt{ border-color:#6c757d !important;}
.text-color5 dt h3{ color: #6c757d !important; }
.text-color5 dt a{ color:#6c757d !important; background: #d5d8db !important;  }
.text-color5 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.text-color6 dt{ border-color:#996600 !important;}
.text-color6 dt h3{ color: #996600 !important; }
.text-color6 dt a{ color:#996600 !important; background: #e9e4db !important;  }
.text-color6 dt a:hover{ background: var(--hovercolor) !important; color:var(--white) !important; }

.in_part{ padding-top:40px;}
.in_part_title{ font-size: 1.75rem; align-items: center; color:var(--color0); margin-bottom:15px; } 
.in_part_title::before, .in_part_title::after { content: ''; flex: 1; height: 1px; background: #ccc; }
.in_part_title::before { margin-right: 1rem; }
.in_part_title::after {  margin-left: 1rem; }

.in_partlist{ overflow: hidden;  }
.in_partall{ padding:0 20px;}
.in_partall img{ opacity: 0.5; transition: .4s all;}
.in_partall:hover img{ opacity: 1; transform: scale(1.3,1.3);}

.inrate{ justify-content: center; align-items: end; margin-top:10px;}
.rate-small{     color: #fff;  background-color: #6c757d; padding: 0 0.3em 0.1em 0.3em; font-weight: normal; font-size: 0.875rem;line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem; margin-left:5px;}




.f_navs{ margin:40px auto 40px auto;}
.home-menu{ gap:18px;}
a.home-menu-i {flex:1;color:var(--white);
    border-radius: 10px;
    padding: 1.4rem 0;
    min-height: 1.22rem;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.home-menu-i-img{ margin-bottom:20px;}

.footerbgs{ background: #0064a6 url("../images/footerbg.png") no-repeat center bottom;
    padding-bottom: 3rem; color:#ffffff; font-size: 15px; }
.footerbgs a{ color:var(--white); }
.footerbgs a:hover{ color:Var(--maincolor); }
.footer_alls{ padding:45px 0 35px 0;}
.footer_contact h3{ font-size: 18px; color:var(--white); margin-bottom:15px;}
.footer_contact_text{ color:var(--white); line-height: 36px; font-size: 15px; padding-left:20px; margin-bottom:15px; }
.flogos_left{ flex:0 0 30%;}



.input-group{ margin:20px 0 20px 20px;position: relative; height: 30px;   -ms-flex-align: stretch;  align-items: stretch;  width: 100%; border-radius: 3px; overflow: hidden; background: var(--white); justify-content: space-between; }

.input-group-prepend { flex:0 0 100px;}
.input-group-prepend span{ display: block; height: 30px; line-height: 30px; background: var(--white);color: #495057;
    text-align: center; background-color: #e9ecef; border: 1px solid #ced4da; padding:0 8px;}
.foot_input{ flex:1;}
.form-control1{  height: 30px; line-height: 30px; border:0; padding:0 8px;}
.form-control1::placeholder{ font-size: 0.85rem;}
.input-group-append { flex:0 0 80px;}
.btn-secondary{ background: #6c757d; color: var(--white); border:0; height: 30px; line-height: 30px; width: 100px;  }





.footer_lists{flex:1; margin-left:20px;   }
.footer_listnav{flex:0 0 50%;}
.footer_listnav dt{ font-size: 18px; color:var(--white); margin-bottom:15px; position: relative; }
.mb_fnav{ position:absolute; right:0; top:0; left:0; bottom:0; text-align: right; padding-right:5px; display: none; }
.footer_listnav dd{ line-height:36px; font-size: 15px; padding-left:20px;  }
.footer_listnav dd a{ color:var(--white);}

.footer_shares{ padding-left:20px;}
.footer_shares li{ margin-right:10px; flex:0 0 25px; height: 25px; background: var(--white); border-radius: 5px; text-align: center; line-height: 25px; transition: .4s all; }
.footer_shares li:hover{ background: var(--maincolor); }
.footer_shares li img{ width:70%;}



.copyright{ text-align:left; padding:45px 0; color:var(--white); text-align: center; font-size: 1rem;   }


.mb_menu{ display:none;}
.mb_navsico{ cursor:pointer;  width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
.mb_navsico svg{ width:15px;}
.mbnavs_sec { display: none;   padding: 10px 0;  }    
.mbnavs_sec>li { padding: 10px 10px; }    
.mbnavs_sec>li>a { color: var(--color6); font-size: 14px;}    
.mb_menulist>li>a i{ display:block; width:10px;}
.mb_zz { display:none; position: fixed;left: 0;top: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);z-index: 4;}





/*-----------------------------sub-------------------------------*/
.subbanner{ position: relative; text-align: right;}
.subbanner img{ width:100%;}

.location{ font-size: 0.6875rem; background: #f7f7f7; padding:0.3125rem 1rem; }
.location a{ color:#0066c0; display: inline-block; padding:0 0.5rem; }
.location a:nth-child(1){ padding-left:0; }
.location a:hover{ color:var(--activecolor); }
 
.sub_infor{ background: var(--white); padding:1rem 1.5rem; border: 1px solid #dee2e6 !important; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); margin-bottom:1rem;}
.sub_infor1{ background: var(--white); padding:1rem 2rem; border: 1px solid #dee2e6 !important; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); margin-bottom:1rem; font-size: 1rem;}

.products_infor{ margin-bottom:40px; }
.pros_bimg{ flex:0 0 45%; width:45%; }
.pros_bimg img{ width:100%; height: auto;}

.pros_text{ flex:0 0 50%; width: 50%; margin-left:5%;  }

.pros_text h3{ font-size: 1.25rem; font-weight: bold; color:var(--color0); margin-bottom:5px; }

.prox_text_num{ color:var(--color3); margin-bottom:10px; }
.prox_text_num span{display: inline-block; }
.text_nums{margin-right:1.2rem; }
.text_nums a{ color:var(--bluecolor);}
.text_nums a:hover{ color:var(--activecolor);}
.text_status{ color:#090; font-size: 1.125rem; font-weight: bold;margin-right:1.2rem;  }
.xr_text{ color:#090; font-size: 1.125rem; font-weight: bold; } 

.pros_text_style1{ display: inline-block; background: #dc3545; color:var(--white); padding:.1em .9em; font-size: 70%; font-weight: normal; border-radius: 50px; margin-right: 4px; }
._style2{background: #28a745 !important; }

.xt-none{ display: none;}

.xt-star{ align-items: center; margin-bottom:15px;}
.xt-items{ display: flex; align-items: center; }
.xt-items1{ display: flex; align-items: end; }

.xt_all_star{ display: flex; align-items: end; }
.xt_all_star i{ display: block; height: 15px;}

.xt-text{ margin-left:1rem; color:#0066c0; font-size: 1rem;}
.xt-text:hover{ color:var(--activecolor);}
.xr-text-q span{ display: inline-block; margin:0 0.7rem;}
.xr-text-q a{ color:#0066c0; font-size: 1rem;}
.xr-text-q a:hover{ color:var(--activecolor);}

.xr-hr{ margin-top: 0.25rem; margin-bottom: 0.25rem; border: 0; border-top: 1px solid #E4E4E4;}

.xr_allprice{ align-items: end;}
.xr_text_buynow{ margin-left:15px; padding-top: .25rem; color:#444; font-size: 1rem; font-weight: bold;}
.xr_text_price{ color:var(--hovercolor); font-size: 1.5rem; font-weight: bold; margin:0 0 0 5px; }
.xr-text-price_s{ font-size: 80%; }

.xr_text_btn{ border:0; background: none;}

.xr_introduct{ background: #FFC; margin:10px 15px; border:1px solid #ffc107; padding:.25rem 1rem;font-size: 0.75rem; color:#444; }
.xr_introduct a{ color:var(--bluecolor); }
.xr_introduct a:hover{ color:var(--activecolor); }

.form_row{ display: flex;  margin-bottom:10px; margin-left:15px; }
.form_row_left{ flex:0 0 90px; text-align: right; font-size: 1rem; color:#444; }
.form_row_right{ flex:1; margin-left:10px; }
.form_row_right>strong{ display: block; color:#090; font-size: 1rem; }
.form_text{ font-size: 1rem;}

.form-second{ margin-bottom:10px; align-items: center;}
.form_small{ padding-left:.5rem;}
.form_small a{ color:#444; font-size: 80%;}
.form_small a:hover{ color:var(--activecolor);}

.form-label{ flex:0 0 90px; font-size: 1rem; text-align: right; margin-left:15px; }

.btn_all{ margin-left:15px; margin-bottom:20px;}
.btn_all_buynow{ margin-right:15px;  }
.btn_all_buynow button{  font-size: 1.25rem; background:#ffc107 ; border-radius: 3px; border:0; padding:12px 40px; height: 100%; cursor: pointer;  }
.btn_all_buynow button img{ max-height: 20px;}

.form_element{ margin-left:8px;}

.btn_all_pays{  margin-right:15px; }
.btn_all_pays button{font-size: 1.25rem; background:#007bff ; border-radius: 3px; border:0; padding:12px 40px; height: 100%; color:var(--white); cursor: pointer;  }
.btn_all_pays button svg{ fill:var(--white);}
.btn_order button{font-size: 0.75rem; background:#007bff ; border-radius: 3px; border:0; padding:5px 10px; height: 100%; color:var(--white); cursor: pointer;  }
.btn_order button svg{ fill:var(--white);}

.btn_all_favor button{font-size: 1.25rem; background:#6c757d ; border-radius: 3px; border:0; padding:8px 30px; height: 100%; color:var(--white); cursor: pointer;  }

.form_reture{ padding-left:15px; padding:4px 0; }
.form_reture_title{ font-size: 1rem;}
.from_reture_con{ font-size: 1rem; margin-left:10px;}
.form_reture_sm a{ color:#0066c0; font-size: 80%; }
.form_reture_sm a:hover{ color:var(--activecolor);}

.favoli{ padding:10px 0 0 0; }
.favoli button{ color: #fff;   background-color: #6c757d;  border-color: #6c757d; border:0; border-radius: 3px; padding:2px 5px; }
.favoli button i{ vertical-align: middle;}

.product_title{ padding:0 0 0 30px; background:url("../images/line.jpg") left bottom repeat-x; font-size: 1rem; font-weight: bold; color: #0066c0; }
.product_title li{ padding: .5rem 1rem; cursor: pointer;border-radius:.25rem .25rem 0 0 ; border:1px solid var(--white); border-bottom:1px solid #ccc; }
.product_title li:hover{ background:#ffffcc;  border:1px solid #e9ecef; color:var(--activecolor); }
.product_title li.cur{ border-color:#ccc; border-bottom:1px solid var(--white);  color:var(--activecolor)}
.product_title li span{ display: inline-block; background: #090; color:var(--white); padding:2px 5px; border-radius:3px; font-size: 80%; }

.product_description{ display: none; padding:40px 5px; font-size: 1rem; line-height: 1.5; }

.xr-text-brown{ font-size: 2rem; color:#996600; }
.footer_tags{ font-size: 1rem; }
.footer_a{ font-size: 0.75rem; color:#0066c0;margin-left: .2rem;    border: 1px solid #dee2e6; border-radius: .2rem; padding:.1rem .5rem; }

.other_pros{margin-bottom:30px;}
.other_pros>h2>div>a{ color:#007bff; font-size: 13px; background: #eaf4fa; padding:5px 15px; border-radius: 50px; transition: .4s all; }
.other_pros>h2>div>a:hover{ background: var(--hovercolor); color:var(--white); }

.other_pros>h2>div>a svg{ fill:#007bff; width: 0.7rem; height: 0.8rem; margin-bottom:2px;transition: .4s all; }
.other_pros>h2>div>a:hover svg{ fill:var(--white);}

.other_pros h2{ border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:10px; }
.other_pros span{ font-size: 1.25rem; color:#996600; }

.other_prolist li{ margin-right:20px; margin-bottom:10px; }
.other_prolist li a{ display: block;  padding: .25rem; border-radius: .25rem; background-color: #fff; border: 1px solid #dee2e6;}


.sub_prosinfor{ background: var(--white);  margin-bottom:1rem;}
.sub_lefts{ flex:0 0 210px; }
.sub_lefts1{ flex:0 0 31%; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); font-size: 1rem;border: 1px solid #dee2e6 }

.sub_prosnav{ border:1px solid #dee2e6; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50);margin-bottom:20px;  }
.sub_prosnav h2{border-bottom: 1px solid #E7E7E7; font-weight: 400; color:#996600;font-size: 1.125rem; padding:1rem 0 .4rem .8rem; transform: scale(1, 1.1);}
.sub_prosnav2{ border:1px solid #dee2e6; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50);margin-bottom:20px;  }
.sub_prosnav2 h2{border-bottom: 1px solid #E7E7E7; font-weight: 400; color:var(--color0);font-size: 1.125rem; padding:1rem 0 .2rem .8rem; }
.sub_prosnav2 h2 i{ vertical-align: middle;}
.sub_prosnav2 h2 svg{width: 1.2em; height: 1.2em;fill:#2c2c2c;}

.sub_navall{ }
.sub_navall li{  border-bottom: 1px solid #E7E7E7; }
.sub_navall li a{ display: flex; align-items:  center; justify-content: space-between; padding: 0.5rem 10px 0.5rem 0.75rem; transition: .2s all; position: relative; }
.sub_navall li a:hover{ background: var(--maincolor); color:var(--activecolor); }
.sub_navall li a.cur{ color:var(--hovercolor);}
.sub_navall li a svg{ fill:#888888; transition: .2s all; }
.sub_navall li a:hover svg{ fill:var(--activecolor);  }
.sub_navall li a i{ display: block; flex:0 0 14px; transition: .2s all; position: absolute; right:3px; top:7px; z-index: 30; transition: .2s all;}
.sub_navall li a:hover i{ right: 1px;}

.sub_pros_alls{ flex:1 ; padding:0 20px; background: var(--white); border: 1px solid #dee2e6; border-left:0; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); }
.sub_pros_alls h2{ padding-top:1.2rem;}
.location_ps{ text-align: right; }
.loc_positoin{ display:inline-block !important; margin-right: -20px;}

.sub_prosnav1{ border:1px solid #dee2e6; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50);margin-bottom:20px;  }
.sub_prosnav1 h2{border-bottom: 1px solid #E7E7E7; font-weight: 400; color:#996600; font-size: 1rem; padding:.5rem 0 .4rem .8rem; font-weight: bold; }

.sub_hotpros{ padding:10px 10px 0 10px;}
.sub_hotpros li{ margin-bottom:20px;}
.sub_hotporlist{ display: flex;  }
.sub_hotproimg{ flex:0 0 50px; }
.sub_hotproimg img{ width:100%; }


.pros_info{ flex:1px; margin-left:10px;}
.pros_name{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; font-size: 12px; }
.pros_price{ font-weight: bold; color:var(--hovercolor);}

.sub_pros_alls h2{ font-size: 2rem; }
hr {  margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); }

.sub_prosright_text{ padding:5px 20px 20px 20px;border-bottom: 1px solid #E8E8E8;}
.sub_pros_word a{ color:#0066c0; }
.sub_pros_word a:hover{ color:var(--activecolor); }

.sub_pros_ls>li{ padding:25px 20px; border-bottom: 1px solid #E8E8E8; }
.sub_pros_ls>li:hover{ background: #f2f2f2;}


.pros_allimgs{ flex:0 0 25%; text-align: center; }
.pros_allimgs1{ flex:0 0 12%; text-align: center; }
.pros_allimgs img,.pros_allimgs1 img{ width:100%; }

.pros_alltext{ flex:1; margin-left:20px; }
.pros_alltext h3{ margin-bottom:8px;}
.pros_alltext h3 a{ font-size: 1.1rem;  line-height: 0.5; color:#0066c0;  font-weight: 600;  }
.alltext_title{ display: inline-block; color: #fff;  background-color: #343a40;padding: .25em .4em; font-size: 75%; font-weight: 400;line-height: 1;  text-align: center;  white-space: nowrap;
vertical-align: baseline; border-radius: .25rem;}
.alltext_title1{ display: inline-block;  color: #fff;  background-color: #28a745; padding: .25em .4em; font-size: 75%; font-weight: 400;line-height: 1;  text-align: center;  white-space: nowrap; vertical-align: baseline; border-radius: 2.25rem; }

.alltext_price{ margin-bottom:5px;}
.price_num{ font-size: 1.25rem; font-weight: bold; color:var(--hovercolor);}
.price_sm{ font-size: 80%;}
.price_latest{ display: inline-block; margin-left: 10px; font-size: 1rem; }
.latestprice{ font-size: 1rem; text-decoration: line-through; color: #F00; margin-right:10px;}
.price_off{ font-weight: 600;  font-size: 0.875rem; color: #FF9;  background: #060; border-radius: 0.2em;     padding: 0.1rem 0.3em 0.125em 0.3em;}

.pros_item1{ align-items: center; margin-bottom:10px;}
.item_1{ font-size: 0.875rem; margin-right: 1.25rem; }
.item_2{ color:#090; font-weight: bold; font-size: 1rem;}
.item_2 svg{ fill:#090; width: 2em; }
.price_right{ align-items: end; }
.pros_infortext{ color:#444; font-size: 0.875rem; margin-bottom:10px; padding-right:10px;}

.pros_infortags a{ font-size:13px; color:#666; }
.pros_infortags a:hover{ color:var(--activecolor); }

.all_interview{ padding: 0 0.3em 0.1em 0.3em; font-weight: normal; color: #fff;  background-color: #6c757d; line-height: 1; text-align: center;  white-space: nowrap;  vertical-align: baseline;
 border-radius: .25rem; margin-left:5px;}

 .pros_sproduct{ overflow: hidden; position: relative; }

.pros_rowall{ align-items: center; padding:5px 0;}
.pros_rowlist img{ max-height: 7.5rem;}
.rowall_text{ font-size: 1.3rem; margin:0 10px;}


.xr-text-md-small{ font-size: 80%;}

.pros_zh{ flex:0 0 100%; margin:15px 0;}
.prosall_add{ margin-left:15px;}
.add_cart_price{ text-align: center; margin-bottom:5px;  }
.add_cart_color{ color:var(--hovercolor); font-weight: bold; }
.add_cart_btn{ border:0; color:var(--white); border-radius: 5px; background: #007bff; padding:5px 10px; cursor: pointer; }
.add_cart_btn svg{ fill:var(--white); width: 1.7em;}
.add_cart_btn:hover{ background: #0069d9;}

.label_forms{ padding:3px 0;}
.label_forms a{ color:#0069d9;}
.label_forms a:hover{ color:var(--activecolor);}
.label_px{ margin-right:10px;}
.label_text_nowrap{ margin-left:6px; color:var(--hovercolor); font-weight: bold;}


.pros_f_list{ overflow: hidden;}
.pros_footer_left{ font-size: 1.25rem; color: #996600; margin-bottom:6px;}

.pros_footer_all{ position: relative;}
.pros_footer_title{ padding-bottom:1px; border-bottom: 1px solid #ccc;}

.inpros_item1{ padding:30px 0 40px 0;}
.inpros_img1{ flex:0 0 35%;}
.inpros_text1{ flex:1; margin-left:10px;}

.preOrder{ margin:4px 0 15px 0; font-weight: bold; color:var(--hovercolor); }
.inpros_text1 .font-weight-bold { color: var(--hovercolor);  font-size: 0.95rem; font-weight: bold; }

.vd_title{ font-size: 2rem; color:#996600; margin-bottom:10px;}
.vd_intr{ font-size: 14px; color:#333; margin-bottom:5px;}

.pro_ols{ background: #FFC; border:1px solid #ffc107; }

.vd_list{ margin-left:-10px; margin-right: -10px;}
.vd_list li{  flex:0 0 50%; padding-left: 10px; padding-right:10px; margin-bottom:20px;}

.tech_files{ margin:10px 0;}
.tech_files>a{ display: block; padding:5px 0; color:#0066c0; }
.tech_files>a:hover{ color: var(--activecolor);}
.tech_files>a>i{ vertical-align: middle; }
.tech_files>a>small{ font-size: 12px; color:#666;}


/*------------table-------------*/
.table { width: 100%;margin:1rem 0;   background-color: transparent;border-collapse: collapse;}
.table th, .table td {  font-size: 0.8125rem; }
.table-sm td, .table-sm th { padding: .3rem; }
.table td, .table th { border-top: 1px solid #dee2e6; }
.table thead th{ border-bottom: 2px solid #dee2e6; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05); }


.faq_left{ flex:0 0 80px; text-align: center;border-right: 1px solid #dee2e6 !important;}
.faq_right{ flex:1; margin-left:15px;}

.faq_left_column>a>i>svg{ width: 1.8em; fill:var(--color0); margin: 10px 0;}


.faq_items{ padding:15px 0;}
.faq_question_title{ flex:0 0 7rem; font-weight: bold; padding: .25rem ;}
.faq_answer_footer{ margin-top: 9px;font-size: 0.875rem;color: #6c757d;  }
.text3{ color: #fff; background-color: #28a745; font-weight: 30;padding: .2em .9em;border-radius: 10rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 75%;}

.faq_btn{ padding: .05rem .5rem;  font-size: .875rem;  line-height: 1.5;  border-radius: .2rem; color: #6c757d; background-color: transparent;  background-image: none;  border:1px solid #6c757d; margin-right: 10px; cursor: pointer; position: relative;} 
.faq_btn p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.faq_btn:hover{ background:#6c757d ; color: var(--white); }
.faq_btn svg{ width: 1.1em; fill: #6c757d;}
.faq_btn:hover svg{ fill: var(--white);}
.text4{ margin-left:20px;}
.txt-none{ display: none;}

.faq_allfoot{ display: flex; justify-content: center; align-items: center; padding:20px 0; }
.faq_seemore{ color:#0066c0; margin-right:40px;font-size: 1.125rem;}

.faq_quest{ font-size: 1rem; background: #17a2b8; color:var(--white); padding:5px 30px; border-radius: 5px; cursor: pointer;}
.faq_quest:hover{ background: var(--bluecolor); color:var(--white);}
.faq_quest svg{fill:var(--white); }


.customer{ margin-bottom:8px;}
.customer svg{ fill:#FF9A08; width: 2em;}
.customer_l_text a{ color:var(--bluecolor);}
.customer_l_text a:hover{ color: var(--activecolor);}


.customer_left{ flex:0 0 26%; padding-right:20px;}

.customer_md{ flex:0 0 23%; padding-right:40px;}
.customer_md_elative{ display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem;  position: relative;margin-top: .5rem ; }
.customer_warning{ background-color: #ffc107; }
.customer_md_text{     position: absolute;  top: 0;  right: 0;margin-right: .5rem ;}

.customer_right{ flex:1; padding:20px 0 0 0;font-size: 0.875rem; }
a.customer_right_btn{ display: inline-block;margin-top: .5rem; background:#17a2b8; color:var(--wihte) ; padding: .375rem 3rem;font-size: 1.25rem; border-radius: .25rem; font-weight: bold; transition:.2s all; color:var(--white); }
a.customer_right_btn:hover{ background: #138496; color:#ffff00;}

.customer_title{ margin: 1rem 0;  font-weight: 500; line-height: 1.2; padding-left: 1rem; font-size: 1.75rem;}

.customer_lists{ font-size: 0.875rem;margin:0 1rem; padding:1.5rem .5rem;border-bottom: 1px solid #dee2e6; }
.customer_lists:hover{ background:#f7f7f7;}
.customer_item{ margin-bottom:5px;}
.customer_item .xr-stars>span{ width: .7rem; display: inline-block;}
.customer_name{ align-items: center; font-weight: bold;}
.customer_name i{ margin-right:5px;}
.customer_name i>svg{ width: 2.1em; fill:var(--color9);}

.customer_inline{ margin-left:10px ;}
.customer_small{ font-size: 80%;color: #6c757d;}

.customer_lists1{ font-size: 1rem; padding:1.5rem .5rem;border-bottom: 1px solid #dee2e6; }
.customer_lists1:hover{ background:#f7f7f7;}
.customer_item1{ margin-bottom:5px; font-size: 1rem;}
.customer_item1 .xr-stars>span{ width: .7rem; display: inline-block;}
.customer_inline1{ margin-left:10px ;}
.customer_small1{ font-size: 80%;color: #6c757d;}
.customer_texts1{ font-size: 1rem; font-weight: 400; line-height: 1.5; margin-bottom:20px;}

.customer_anser{ margin-left: 3rem; font-size: 0.875rem; padding-top: .5rem;    border-top: 1px solid #dee2e6; } 
.text_secondary{ color: #6c757d;}
.text_three_txt{ font-weight: bold; color:var(--color0); }

.title03{ margin-top: 1rem;font-size: 1.75rem;margin-bottom: .5rem;  font-family: inherit;   font-weight: 500; line-height: 1.2; }

.sub_pros_alls1{ flex:1 ; padding:1rem 25px 1.5rem 25px; background: var(--white); border: 1px solid #dee2e6; border-left:0; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); }
.sub_title1{font-size: 2.25rem; margin-bottom:.5rem;  font-weight: 500; line-height: 1.2;}
.about_content{ font-size: 1rem;  font-weight: 400;  line-height: 1.5; color: #212529;}

.sub_width{ background: var(--white); padding:1.5rem 3rem; border: 1px solid #dee2e6 !important; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50); margin-bottom:1rem; }

.form_tops{  margin: 3rem auto 0 auto; max-width: 700px; }

.form_group1{ margin-bottom:1rem;}
.form_label1{ flex:0 0 25%; text-align: right; font-size: 1.25rem; font-weight: 600;padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); }
.form_input1{ margin-left:15px; flex:1;  }
.form_control2{ width: 100%; color: #495057; background-color: #fff; background-clip: padding-box;  border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s  ease-in-out, box-shadow .15s ease-in-out;height: calc(2.875rem + 2px); padding: 0.5rem 1rem;  font-size: 1.25rem; line-height: 1.5;  border-radius: 0.3rem; }
.form_check{ font-size: 1rem; }
.form_control2:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25); }

.form_btn1{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; cursor: pointer;display: block; width: 100%; color: #fff;  border-color: rgba(221, 102, 0, 1.00); background-image: linear-gradient(160deg, rgba(255, 102, 0, 1.00) 0%, rgba(221, 102, 0, 1.00) 100%);margin-top: 1rem; border:0;}
.form_btn1:hover{ background: var(--hovercolor);}
.f_text_right{ padding:1rem 0; text-align: right;font-size: 1rem; font-weight: 400; line-height: 1.5;}
.f_text_right a{  color: #0066c0; }
.f_text_right a:hover{ color: var(--hovercolor); }

.sign_seemore{ font-size: 1rem; margin-right:1rem;}

.form_tops1{  margin: 3rem auto 0 auto; max-width: 850px; }
.f_text_right1{ font-size: 0.875rem; padding:8px 0; text-align: right;}
.f_text_right1 a{ color:#0066c0; }
.f_text_right1 a:hover{ color:var(--activecolor);}





.sub_padding{ padding:40px 45px; }

.ps_form{ padding:20px 0 0 0;}
.form_group{ margin-bottom:15px; }
.form_label{ flex:0 0 220px; text-align: right; padding:10px 15px 0 0 ; font-size: 1rem;}
.form_label>span{ color:#f00; }
.form_right{  flex:1 !important; }
.form_control{ width:100%; min-height: 38px; display: block; width: 100%;  padding: .375rem .75rem; font-size: 1rem; line-height: 1.5;  color: #495057;  background-color: #fff; background-clip: padding-box;
  border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s  ease-in-out, box-shadow .15s  ease-in-out; }
.form_control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25); }
.form_text_nowrap{ flex:1; white-space: nowrap; padding-left: 1rem; font-size: 0.875rem; text-align: right;}
.align_items_center{ align-items: center;}

.form_col_60{ flex:0 0 74%;}
.form_col_auto{ flex:1;}
.form_text_nowrap a{ color:#0066c0;}
.form_text_nowrap a:hover{color:var(--activecolor);}

.max_widths{ flex:0 0 25%; max-width: 25%; border:1px solid #ced4da; border-radius: .25rem; overflow: hidden;}
.max_widths1{ flex:0 0 45%; max-width: 45%; border:1px solid #ced4da; border-radius: .25rem; overflow: hidden;}
.max_widths2{ flex:0 0 45%; max-width: 45%; }
.form_codes{ flex:1; display: flex; height: 100%;}
.form_control1{ position: relative; -ms-flex: 1 1 auto;  flex: 1 1 auto;  width: 1%; margin-bottom: 0;background-color: #e9ecef;  opacity: 1;font-family: Georgia; color: #900; text-align:center ; height: 100%; border:0; border-left:1px solid #ced4da; border-right:1px solid #ced4da;} 
.input_group_append{ flex:0 0 48px; height: 100%; border:0; }
.btn_input_text{ width:100%; height: 100%; border:0; cursor: pointer;}

.form_submit{ border:0; color: #fff; border-color: rgba(221, 102, 0, 1.00);padding: .5rem 8.5rem;  font-size: 1.25rem; line-height: 1.5;  border-radius: .3rem;background-image: linear-gradient(160deg, rgba(255, 102, 0, 1.00) 0%, rgba(221, 102, 0, 1.00) 100%); cursor: pointer;}
.form_submit:hover{ background: var(--hovercolor);}
.form_submit1{ border:0; color: #fff; border-color: rgba(221, 102, 0, 1.00);padding: .5rem 3rem;  font-size: 1.25rem; line-height: 1.5;  border-radius: .3rem;background-image: linear-gradient(160deg, rgba(255, 102, 0, 1.00) 0%, rgba(221, 102, 0, 1.00) 100%); cursor: pointer;}
.form_submit1:hover{ background: var(--hovercolor);}

.pros_review_left{ flex:0 0 25%;}
.pros_review_left h2{ font-size: 2rem;margin-bottom: .5rem;  font-family: inherit; font-weight: 500; line-height: 1.2;}

.pros_review_right{ flex:1; }
.form_col_20{ flex:0 0 95px;}

.form_selects{ padding: .375rem .75rem; font-size: 1rem;  line-height: 1.5;  color: #495057; background-color: #fff; background-clip: padding-box;  border: 1px solid #ced4da; border-radius: .25rem;  transition: border-color .15s  ease-in-out, box-shadow .15s  ease-in-out;}

.form_stars_ku{ width: 285px;position:relative;}
.form_stars li{ width:56px; height: 52px; background: url(../images/stars_empty.jpg) center center no-repeat; cursor: pointer;}
.form_stars li:hover,.form_stars li.cur{background: url(../images/stars_full.jpg) center center no-repeat; }

.form_dj{ height: 100%; margin-left:8px;}
.form_one{ display: none; color: #fff;  height: 100%; padding: .25em .4em;  line-height: 1.3;  text-align: center; vertical-align: baseline; font-size: 2em; height: 50px;  border-radius: .25rem;}

.rating_input{ display: none; position: absolute; cursor: pointer; width:10px; background: #999;  height: 1px; bottom: 0; left: 0; font-size: 1px; border: none;  padding: 0; margin: 0;}


.form_stars_full{ position: absolute; left:0; top:0; bottom:0; z-index: 80; overflow: hidden;}
.form_stars_full li{ width:56px; height: 52px; background: url(../images/stars_full.jpg) #fff center center no-repeat; cursor: pointer; }

.product_review_help{ padding:1.5rem;font-size: .8rem; font-weight: 400;}
.product_review_help a{ color:#0066c0; }
.product_review_help a:hover{ color:var(--activecolor);}

.form_right1{ flex:1; padding-right:20%;}
.form_nb1{ flex: 0 0 49%;}
.form_input_group3{ border: 1px solid #ced4da; border-radius: .25rem; overflow: hidden;}
.form_control3{ flex:1; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border:0;  transition: border-color .15s  ease-in-out, box-shadow .15s  ease-in-out; border-right:1px solid #ced4da; }
.input_group_append3{ flex:0 0 50px; background: #e9ecef; text-align: center; line-height: 2.4; cursor: pointer;}
.input_group_append3 i{ display: block; width: 100%; height: 100%;}
.input_group_append3 i.form_btn3_1 svg{ width: 2em; fill:#495057;  }
.input_group_append3 i.form_btn3_2 svg{ width: 1.8em; fill:#495057;   }

.about_content a{ color:#0066c0; }
.about_content a:hover{ color:var(--activecolor);}
.about_content p{ margin-bottom:15px; }
.img-fluid{ vertical-align: middle;}

.form_tops2{ margin:3rem 0; max-width: 80%; }


.help_content{ gap:30px;}
.help_left{ flex:0 0 45%;}
.nav_support>h3{ font-size: 1rem; font-weight: 600;border-bottom: 1px solid #dee2e6; margin-top:.5rem; padding:1rem 0;}
.nav_support>a{ color: #0066c0; font-size: 1rem;display: block; padding: 0.5rem 0.75rem 0.5rem 1.5rem; border-bottom: 1px solid #E7E7E7; }
.nav_support>a:hover{ background: var(--maincolor); color:var(--activecolor);}

.help_right{ flex:1;}
.help_rihgt_sm{ font-size: 1rem;}
.help_rihgt_sm a{ color:#0066c0; }
.help_rihgt_sm a:hover{ color:var(--activecolor);}

.help_button{ padding:3rem 1.7rem; text-align: center;}
a.help_btn{ display: inline-block;padding: .5rem 3rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; color:var(--white); background: #17a2b8; transition: .2s all;}
a.help_btn:hover{ background: #138496; }

.help_detail_title{ font-size: 1.2rem; padding:.5rem .5rem .2rem .5rem;border-bottom: 1px solid #dee2e6; font-weight: bold; }
.help_detail_title i{ display: block; height: 1.3em; }
.help_detail_title i svg{ width: 1.3em;  }

.help_detail_nav h3{ padding:.6rem 1rem .6rem 1rem; font-weight: bold; margin-top:.5rem;border-bottom: 1px solid #dee2e6; }
.help_detail_nav a{ display: block; padding: 0.5rem 0.75rem 0.5rem 1.6rem; border-bottom: 1px solid #E7E7E7;}
.help_detail_nav a:hover{ background: var(--maincolor); color:var(--activecolor); }
.help_detail_nav a.cur{ color:var(--hovercolor); }

.news_list{ border-bottom: 1px solid #E8E8E8; padding:1.3rem .3rem; }
.news_list:hover{ background: #f7f7f7; }
.news_list a{display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.news_list a:hover strong{ color:var(--activecolor);}
.news_list strong{ font-size: 1.4em; line-height: 1.2; font-weight: 600; color:#0066c0; } 

.news_icon{display: inline-block; background: #28a745; color:var(--white); padding:0 6px; border-radius: 50px; margin-right:2px;}
.news_icon i svg{ width:1em; fill:var(--white); }

.news_icon1{ display: inline-block; background: #dc3545; color:var(--white);width: 21px; height: 21px; text-align: center; line-height: 21px; border-radius: 3px; margin-right:2px;}
.news_icon1 i svg{ width:1.1em; fill:var(--white); }

.news_icon2{ display: inline-block; background: #007bff; color:var(--white); width: 21px; height: 21px;  text-align: center; line-height: 21px; border-radius: 3px; margin-right:2px;}
.news_icon2 i svg{ width:1.1em; fill:var(--white); }

.news_all{ font-size: 1rem;}
.news_all p{ margin-bottom:1rem; }

.sub_bgs{ background: var(--white); padding: 1rem 25px 1.5rem 25px;border: 1px solid #dee2e6; box-shadow: 0.25rem 0.25rem 0.25rem rgba(210, 210, 210, 0.50);}
.sub_title2{ font-size: 2rem; padding-top:.5rem;}
.pros_next{ gap:25px;padding:20px 0; }
.pros_next_left{ flex:1;}
.pros_alllist1{ margin-bottom:15px; }
.pros_next_infor{ flex:1; margin-left:20px;}
.pros_next_name{ align-items: center; padding:.4rem .4rem; border-bottom:1px solid #E8E8E8; }
.pros_next_name a{ color:#996600; font-size: 1.3rem; }
.pros_next_name svg{ width: 1.3rem; fill:#999999; }
.pros_next_span1{ display: inline-block; background: #343a40; color:var(--white); padding:0 5px;margin-right: 3px; border-radius: 3px; font-size: 75%;}
.pros_next_span2{ display: inline-block; background: #28a745; color:var(--white); padding:0 7px;margin-right: 3px; border-radius: 50px; font-size: 75%;}

.pros_next_a{ padding:.4rem .4rem; line-height: 1.8; border-bottom:1px solid #E8E8E8;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}

.pros_next_right{ flex:0 0 20%;}
.sub_title3{ font-size: 1.5rem; border-bottom:1px solid #E8E8E8; padding:0 0 .5rem 0; }

.pros_brands{ font-size: 1rem;}
.pros_brands li{ margin-bottom:.5rem;}
.pros_brands li a{ color:#0066c0; }
.pros_brands li a:hover{ color:var(--activecolor); }

.forget_password{ padding:1rem 0; font-weight: 600; font-size: 1rem; line-height: 1.5; color: #212529; text-align: left;}

.tracking_left{ flex:1;}
.tracking_lightgray{ padding:1rem 1.5rem; background: #F2F2F2; border-radius: .25rem;border: 1px solid #dee2e6; height: 100%;}
.tracking_text{ font-size: 1rem; line-height: 1.5; color: #212529; margin-bottom:1rem; }
.tracking_md{ flex:0 0 15%; text-align: center;font-size: 2rem;color: #28a745;font-weight: 300; padding-top:2rem; }
.tracking_md i{ display: block; margin:0 auto; }
.tracking_right{ flex:1;  }
.tracking_rounded{  margin-bottom:.5rem;}
.tracking_font{ font-size: 1rem; line-height: 1.5; color: #212529; font-weight: bold; display: block; margin-bottom:.5rem;}


.software_all li{ flex:0 0 25%; padding:1rem 15px;  text-align: center;}

.software_list{border: 1px solid #dee2e6; border-radius: .25rem;color: #0066c0; }
.software_list:hover{ box-shadow: 0rem 0rem 1rem rgba(210, 210, 210, 1.90);color: var(--activecolor);}
.software_img{ padding:3rem 1.5rem;}
.software_list h3{ font-size: 1.125rem; padding:.5rem; }

.xh_title{ text-align: center;  color: rgba(255, 87, 0, 1.00); font: bold 3em Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif !important; margin: 1rem 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);}

.xh_all{ margin-bottom: 1.5rem; padding:2rem 0 0 0;}
.xh_all li{ flex:0 0 25%; padding:0 .5rem; margin-bottom:1rem; }

.xh_h2{ font-size: .9em;margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2;}
.inpros_item:hover .xh_h2{ color: var(--activecolor);}
.xh_ships{ color:#090; font-size: .9em; font-weight: bold;}
.xh_ships svg{ width: 2em; fill:#090; }
.xh_font_price{ color:#999 ;font-size: 1.125rem;text-decoration: line-through ; color: #F00; margin-right:10px; }
.xh_font_price strong{ color:#666; font-weight: normal;}
.xr-text-red{color:#f00;}


.goback{padding:15px 0; text-align: right;}
.goback a{ display:inline-block; background:#f1f1f1; padding:10px 30px;  color:var(--color6); ;}
.goback a:hover{ background:var(--hovercolor);color:var(--white);}



/*--------------member--------------*/

.sub_navall1{ }
.sub_navall1 li{  border-bottom: 1px solid #E7E7E7; }
.sub_navall1 li a{ display: flex; align-items:  center; padding: 0.5rem 10px 0.5rem 0.75rem; transition: .2s all; position: relative;font-size: 1.2em; }
.sub_navall1 li a:hover{ background: var(--maincolor); color:var(--activecolor); }
.sub_navall1 li a.cur{ color:var(--hovercolor);}
.sub_navall1 li a svg{ fill:#888888; transition: .2s all; }
.sub_navall1 li a:hover svg{ fill:var(--activecolor);  }
.sub_navall1 li a i{ display: block; flex:0 0 14px; transition: .2s all; position: absolute; right:3px; top:7px; z-index: 30; transition: .2s all;}
.sub_navall1 li a:hover i{ right: 1px;}

.member_secondary{ color: #fff; background-color: #6c757d; font-size: 0.7em;margin-left: .25rem; padding-right: .6em;  padding-left: .6em; border-radius: 10rem;}

.mb_title h2{ color:#F60; font-size: 1.25rem;}

.mb_content{ padding:.5rem;border-bottom: 1px solid #E7E7E7; }
.mb_green{ color:#090; padding-bottom: .5rem; display: block;}

.mb_out{ padding:1rem 3rem; }
.mb_out_btn{ display: block;font-size: .875rem; line-height: 1.5;  border-radius: .2rem; text-align: center; background: #17a2b8; color:var(--white); border:1px solid #17a2b8; padding:.3rem 0; transition: .3s all;}
.mb_out_btn:hover{ background:var(--maincolor); color:var(--activecolor)}
.mb_out_btn svg{ fill:var(--white);}

.display-4{margin-bottom: .5rem; font-size: 3.5rem; font-weight: 300;  line-height: 1.2;}
.display-5{margin-bottom: 1.5rem; font-size: 2rem; font-weight: 300;  line-height: 1.2;}

.mycart_title{ align-items: center;}
.mycart_title1{ flex:0 0 8.333%; }
.mycart_title2{ flex:1; margin-left:1rem; font-size: 1rem;}
.col_8{ flex:0 0 66.666%; }
.col_2{ flex:0 0 16.666%; text-align: right; }
.xr-text-green{ color:#090; }

.mycart_item{ border-top: 1px solid #dee2e6;padding:.5rem 0; }
.mycart_item_img{ flex:0 0 8.33%; }
.mycart_item_img img{ padding: .25rem;  background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem;  max-width: 100%; }
.mycart_item_info{ flex:1; font-size: 1rem; margin-left:1rem; }
.mycart_item_title{ flex:0 0 66.66%; }
.mycart_item_title>a{ color:#0066c0; font-weight: bold; }
.mycart_item_title>a:hover{ color:var(--activecolor); }

.mycart_item_price{ flex:0 0 16.66%; text-align: right; }
.mycart_item_quantity{ flex:0 0 16.66%; text-align: right; }
.mycart_numbers{ font-size: 1rem; color: #900; font-weight: bold;}
.mycart_item_bottom{ display: block; font-size: 0.75rem; line-height: 1.5; color: #666666; }
.mycart_item_three{ display: block; color:#090; font-size: 0.875rem; line-height: 1.5;}

.mycart_quant{  display: flex; align-items: center; justify-content: end; margin-bottom:.3rem; }
.mycart_quant_input{ width: 122px; justify-content: end;border: 1px solid #ced4da; border-radius: 3px; overflow: hidden; }
.mycart_input_prepend{ flex:0 0 30px; height: 31px;}
.input_group_text{ width:100%; background: #e9ecef; border:0; height: 100%;}
.mycart_control{ height: 31px; line-height: 31px; width: 60px;border-left: 1px solid #ced4da;border-right: 1px solid #ced4da; border-top:0; border-bottom:0; padding:.5rem .6rem; text-align: center;}

.mycart_rights{ margin-left:1.5rem; font-size: 0.725rem;}
.mycart_rights a{ margin-left:1rem; color:var(--color6);}
.mycart_rights a:hover{ color:var(--activecolor);}
.mycart_item:hover{ background: var(--maincolor);}
.mycart_no{ font-size: 0.875rem;}

.mycart_ship{ border-top:1px solid #dee2e6;  padding:.5rem 0; }
.ship_title{ font-size: 1rem; font-weight: bold;}
.mycart_form_inline{ justify-content: flex-end; font-size: 1rem; }
.not_right{ margin-left:1.5rem; }
.not_right a{ font-size: 80%;  color:#0066c0;}
.not_right a svg{ width: 1em; fill:#0066c0; }
.not_right a:hover{ color:var(--activecolor); }
.not_right a:hover svg{ fill:var(--activecolor); }

.mycart_part3{ font-size: 1rem; text-align: right; padding:.5rem 0;border-top:1px solid #dee2e6; font-weight: bold; }
.part3_price,.part3_free,.part3_total{ display: block;}
.part3_total{ margin-top:.25rem; font-size: 1.25rem;}

.mycart_part4{border-top:1px solid #dee2e6;  padding:.5rem 0;}
.mycart_part4_row{ justify-content: flex-end; align-items: center; font-size: 1rem;}
.mycart_part4_title{ font-weight: bold; margin-right:5px;}
.mycart4_control{ width: 71%; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5;height: calc(1.8125rem + 2px); color: #495057;  background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;  border-radius: .25rem 0 0 .25rem; transition: border-color .15s  ease-in-out, box-shadow .15s  ease-in-out;}
.mycart4_control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25); }

.mycart_input_group_append{ flex:0 0 64px;}
.mycart4_btn{ width: 100%; height: 100%; color: var(--white); background: #17a2b8; border:0; border-radius: 0 .25rem .25rem 0;}

.mycart_part5{border-top:1px solid #dee2e6; padding:.5rem 0; align-items: center; }
.mycart_part5_left{ flex:0 0 30%;}

.mycart_part5_right{ flex:1; margin-left:20px; display: flex; align-items: center; justify-content: flex-end;}
.mycart_part5_btn{ color: #fff; background: #5a6268; display: inline-block; cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;ser-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;}
.mycart_part5_btn:hover{ background: #444b50;}
.mycart_part5_btn1{ color: #fff; cursor: pointer;
    background: #17a2b8; display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;ser-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}
.mycart_part5_btn1:hover{ background: #138496;}

.mycart_order_md{ padding:0 1rem; font-size: 1rem;}
a.paylist_style{ background: #ffc439; border-radius: 50px; width: 100%; display: block; text-align: center; padding:2px 0; margin-bottom:10px;cursor: pointer; }
a.paylist_style:hover{ background: #f2ba36;}
a.paylist_style img{ height: 20px; margin-top:5px;}

a.paylist_style1 { background: #2C2E2F; border-radius: 50px; width: 100%; display: block; text-align: center; padding:7px 0; cursor: pointer; color:var(--white); margin-bottom:5px; }
a.paylist_style1 img{ height: 18px; vertical-align: middle; }

.mycart_part6{border-top:1px solid #dee2e6; padding:.5rem 0 2rem 0;  }
.paypal_powered_by{ text-align: center;}
.paypal_button_text{ font-size:12px; color: #7b8388; font-style: italic; }
.paypal_powered_by img{ height: 16px; vertical-align: middle;}


.shipping_part{ margin-top: 1rem;display: flex;  flex-direction: column;   padding-left: 0;  margin-bottom: 0; }

.shipping_part1{ padding:.5rem 1rem; align-items: center; background-color: #fdfdfe; margin-bottom: -1px; border: 1px solid rgba(0, 0, 0, .125);border-top-left-radius: .25rem; border-top-right-radius: .25rem; font-size: 1rem; }
.shipping_part1:hover{ background: #ececf6; color:#666666;}
.shipping_fa_stack{ display: block; width: 32px; height: 32px; border-radius: 50px; background: #444444; color:var(--white);font-family: Consolas; font-weight: bold; text-align: center; line-height: 32px; }
.shipping_fa_text{ font-size: 1.125rem; font-weight: bold; margin:0 .5rem; flex:1; }


.shipping_part2{ padding:.5rem 1rem; align-items: center;color: #004085; background-color: #b8daff; margin-bottom: -1px; border: 1px solid rgba(0, 0, 0, .125);font-size: 1rem; }
.shipping_fa_stack2{ display: block; width: 48px; height: 48px; border-radius: 50px; background: #004085; color:var(--white);font-family: Consolas; font-weight: bold; text-align: center; line-height: 48px; font-size: 1.5rem; }
.shipping_fa_text2{ font-size: 1.5rem; font-weight: bold; margin:0 .5rem; flex:1; }

.shipping_part3{ border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; padding:1rem 3rem;}
.shipping_part3_con{ padding:1.5rem .5rem;text-align: center; margin:1.5rem 0;position: relative; border-radius: .25rem; border: 1px solid #dee2e6; border-radius: .25rem; }
.suggestion_title{ padding:0 1rem; position: absolute; background-color: #fff; font-weight: 500; line-height: 1.2;text-align: center;         font-size: 1.5rem; color: #900; }
.suggestion_pay{ display: inline-block; margin-top:10px;}
.suggestion_text{ padding-top:15px;}

.shipping_part3_cross{ height: 1px; border-top: 1px solid #ddd; text-align: center; display: block; margin:3rem 0; }
.shipping_part3_cross span{ background: #fff; padding: 0 0.5rem; position: relative; top: -1em; font-size: 1rem; }

.shipping_part3_account{ font-size: 0.875rem; text-align: center; }
a.shipping_part3_btn{ cursor: pointer; color: #FFF; border-color: rgba(221, 102, 0, 1.00); background-image: linear-gradient(160deg, rgba(255, 102, 0, 1.00) 0%, rgba(221, 102, 0, 1.00) 100%); padding:.6rem 3rem; font-size: 1rem; margin:0 1rem;border-radius: .25rem; }
a.shipping_part3_btn:hover{ color:var(--maincolor);}

.shipping_part3_add{     color: #F60; font-size: 1.5rem;font-weight: 300;}
.shipping_part3_lightgray{ border-bottom: 1px solid #F2F2F2; font-size: 0.875rem; padding-bottom: 1rem; margin-bottom: 1rem;   }


.shipping_part4{ padding:.5rem 1rem; align-items: center;  color: #383d41; background-color: #d6d8db; margin-bottom: -1px; border: 1px solid rgba(0, 0, 0, .125);border-bottom-right-radius: .25rem;  border-bottom-left-radius: .25rem; font-size: 1rem; }
.shipping_fa_stack4{ display: block; width: 32px; height: 32px; border-radius: 50px; background: #6c757d; color:var(--white);font-family: Consolas; font-weight: bold; text-align: center; line-height: 32px; }
.shipping_fa_text4{ font-size: 1.125rem; margin:0 .5rem; flex:1; }


.check_out1{ padding:0 1rem; margin-bottom:20px; }
.check_out1_text{ font-size: 2rem; color: #28a745; font-weight: 300; margin-top: .5rem; display: block;}
.check_out1_text1{ display: block; padding:.25rem 0;color: #28a745;font-size: 1rem; }
.check_out1_text2{ display: block; font-size: 1rem; }


.setting_title{ cursor: pointer; font-size: 1rem; background: #d6d8db;font-weight: 600; padding:.5rem 1rem; border:1px solid #ccc; }

.ship_to{ align-items: center;margin-bottom:1rem;}
.ship_to_title{ color:#F60; font-size: 2rem;font-weight: 300; }
.ship_to_new{ cursor: pointer; margin-left: 1rem; display: inline-block; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5;  border-radius: .2rem; color: #fff;  background-color: #6c757d; border:0;  }
.ship_to_new i{vertical-align: middle;}
.ship_to_new:hover{ background: #5a6268;}

.mycart_address{ border: 2px solid #F60; position: relative; margin-bottom:1rem;  }

.mycart_address_row{ flex:0 0 80%; align-items: center;}
.mycart_address_l{ flex:0 0 72px;  text-align: center; }
.mycart_address_l i{ display: inline-block; }
.mycart_address_m{ padding:1rem 0; font-size: 1rem; }
.mycart_address_btn{ cursor: pointer; display: inline-block; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5;  border-radius: .2rem;color: #fff; background-color: #6c757d; border:0; }
.mycart_address_btn:hover{ background: #5a6268;}

.mycart_ctout{ text-align: center; margin-bottom:50px; }
.mycart_ctout_btn{ display: inline-block; cursor: pointer; color: #fff; border-color: rgba(221, 102, 0, 1.00); background-image: linear-gradient(160deg, rgba(255, 102, 0, 1.00) 0%, rgba(221, 102, 0, 1.00) 100%);padding: .5rem 5rem; border:0; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } 
.mycart_ctout_btn:hover{ background: var(--hovercolor);}


.mycart_address_r{ position: absolute; bottom: .5rem; right: .5rem; }


.out_order_detail{ background: #d6d8db; border:1px solid #CCC; font-size: 1rem; font-weight: bold; padding:.5rem 1rem; }

.out_orders{ border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; padding:1rem 1.5rem; font-size: 1rem; } 

.mb_password{ border: 1px solid #dee2e6; padding:1.5rem; }

.my_favorites_item{  padding:1.5rem 0; border-bottom: 1px solid #dee2e6; align-items: center; }
.my_favorites_item:hover{ background: var(--maincolor); }

.my_favorites_img{ flex: 0 0 8.333333%; max-width: 8.333333%; }
.img-thumbnail {  padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto;
}
.my_favorites_md{ flex:1; padding:0 1rem; }

.my_favorites_right{ flex: 0 0 8.333333%; max-width: 8.333333%; text-align: right; }
.my_favorites_right_btn{ color: #FFF;cursor: pointer; padding: .25rem .5rem; padding: .3rem .5rem .5rem .5rem; border-radius: .2rem; background-color: #6c757d; }
.my_favorites_right_btn svg{ fill:var(--white); }
.my_favorites_right_btn:hover{ background: #5a6268;  }
.my_favorites_right_btn:hover svg{ fill:var(--maincolor); }

a.my_favorites_text{ color: #0066c0; }
a.my_favorites_text:hover{ color:var(--activecolor); }

.list_inline_item{ align-items: center;}
.my_Favorites_align{ align-items: center;}
.my_favorites_pages{ text-align: center; padding:1.5rem 0 .5rem 0;font-size: 1rem;}
.my_favorites_prices{ color:var(--hovercolor);font-weight: bold; font-size: 1.1rem;}
.mylist_inline_item{ margin:0 1rem;}
.my_favorites_shipping{ color:#009900; font-weight: bold;}
.my_favorites_shipping i svg{ width: 1.6rem; fill:#009900; }
.list_badge_text{ display: inline-block; background: #6c757d; font-size: 75%; border-radius: 2px; padding: .05em .4em;color:var(--white); margin-left:.5rem; }

.log_out{ text-align: center; min-height: 300px; padding:1rem 0; font-size: 1rem; }
.log_out strong{ display: block; margin-top: 20px;}
.log_out a{ color:#0066c0;}
.log_out a:hover{ color:var(--activecolor); }

.sub_members{ padding:1rem 0; }

.add_shippingaddress_txt{ text-align: center; font-size: 1rem; }
.add_shippingaddress_txt a{ color:#0066c0;}
.add_shippingaddress_txt a:hover{ color:var(--activecolor); }

.all_fontsize{ font-size: 1rem;}


.address_manage{ margin-top: 1.5rem; border-radius: 0.25rem; border: 1px solid #dee2e6;}
.address_manage_list{ align-items: center; background: #F2F2F2; padding:0.5rem 1rem; }
.address_manage_title{  font-size: 1rem; font-weight: bold; }
.address_manage_green{ margin-left: 0.25rem; color: #fff; background-color: #28a745; display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;}

a.address_manage_edit{ cursor: pointer; padding: 0.4rem 0.6rem; font-size: .875rem;  line-height: 1.5; border-radius: 0.2rem;
background-color: #6c757d; color:var(--white); }
a.address_manage_edit svg{ fill:var(--white);}
a.address_manage_edit:hover{ background: #5a6268; color:var(--maincolor); }
a.address_manage_edit:hover svg{ fill:var(--maincolor);}

.address_manage_text{ padding: .5rem 1.5rem;  font-size: 1rem;   }
.address_manage_name{ font-weight: bold;}

.address_manage_btn{ margin:1.5rem 0; text-align: right;}
a.address_manage_a{ cursor: pointer; color: #FFF; background-color: #17a2b8; padding:.4rem 3rem; font-size: 1rem;display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; user-select: none; border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a.address_manage_a:hover{ color:#ffff00; background: #138496; }

.mytick_susseful{ text-align: center; color: #090; font-size: 1.125rem; }

.mytickets_item{ font-weight: 600; padding:.25rem 0; border-bottom: 1px solid #dee2e6; font-size: 1rem; align-items: center;}
.col_21{ padding: 0.25rem; flex: 0 0 16.666667%; }
.col_5{ padding: 0.25rem; flex: 0 0 41.666667%; }
.col_1{ padding: 0.25rem; flex: 0 0 8.333333%; }

.mytickets_item_list{  padding:.25rem 0; border-bottom: 1px solid #dee2e6;  align-items: center;}
.list_2{ padding: 0.25rem; flex: 0 0 16.666667%; }
.list_5{ padding: 0.25rem; flex: 0 0 41.666667%; font-size: 1rem; color:#0066c0; }
.list_1{ padding: 0.25rem; flex: 0 0 8.333333%; }

.orders_form_50{ max-width: 55%;}
.orders_form_b{ margin-bottom:10px; }

.my_order_status{ cursor: pointer; border-color: #CCC; background: #d6d8db;font-size: 1rem; padding:.5rem 1rem;  border: 1px solid #dee2e6 }
.my_order_pd{ padding:1rem 1.5rem 1.5rem 1.5rem; }

.border { border: 1px solid #dee2e6; }

.font_size1{font-size: 1rem; }
.font_wg{font-weight: bold;}
.my_order_col2{ padding: 0.25rem; flex: 0 0 16.666667%;}
.my_order_col3{ padding: 0.25rem; flex: 0 0 25%;}
.my_order_col4{ padding: 0.25rem; flex: 0 0 58.333333%; }

.font_color1{ color:#900 }

.my_orderp2_text{ padding: 0.5rem; }
.my_orderp2_con{ border-bottom:1px solid #ccc; padding:0 0 1.5rem 1.5rem; }

.my_orderp3{ font-size: 1.125rem; padding:1.5rem 0 1rem 0; font-weight: bold;}

.order1_part{      border: 1px solid #dee2e6; }
.order1_part_con{ background: #F2F2F2; font-size: 1rem; padding:.5rem 1rem; }
.order1_part_right{ font-weight: bold !important; }

.order1_part_con_list{ padding:1rem; gap:10px;  } 
.order1_part_con_item{ flex:0 0 20%; padding:0 .5rem;}
.order1_part_con_img{ max-width: 80%; margin:0 auto;}
.order1_part_con_txt{ max-width: 80%; text-align: center; color:#666; }

.order1_part1{ padding:.5rem 1rem; font-size: 1rem; background: #f2f2f2;  }
.order1_part1_btn{     color: #fff; background-color: #6c757d; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; border:0; cursor: pointer;}
.order1_part1_btn:hover{ background: #5a6268;}
.order1_part1_total{ font-weight: bold;}



.img596,.img265,.img125,.img445,.img250{width:100%; display:block; object-fit:cover;}
.img596{ height: 596px;}
.img265{ height: 265px;}
.img704{ height: 704px;}
.img125{ height: 125px;}
.img250{ height: 250px;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: ''!important;
}.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}

.pl30{ padding-left:30px; }
.pt15{ padding-top:15px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt90{ padding-top:90px;}
.pt110{ padding-top:110px;}
.pt140{ padding-top:140px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb35{ padding-bottom:35px;}
.pb55{ padding-bottom:55px;}
.pb100{ padding-bottom:100px;}

.mt30{ margin-top:30px;}

.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}

.mb_menu_close{ display: none; position: fixed; top:20px; right:20px; z-index: 1009; cursor:pointer;}
.header_mb{ display: none;}




/*-------------------------------------*/

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


}

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



 }


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



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

   }

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




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

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/
    
.allwidth{ max-width:96%; margin-left:2%; margin-right:2%; overflow: hidden;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}

.allwidth2{ max-width:100%; margin-left:0; margin-right:0;}




}

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


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

}

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




}

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

}


@media screen and (max-width:980px){
   .header_mb { display:flex; flex:1; justify-content: end; align-items: center;top: 6px; }
   .header_right{ flex:0 0 auto;}
   .innavs{ display: none;}
   .header_con { position: -webkit-sticky; position: sticky; top: 0; background: var(--white); z-index: 500; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
   .header_con .inlogo2{ display: none;}
   .header_con .inlogo1{ display: block;}
   .logos>a>img { max-height: 45px; }
   .mb_rightico{ margin:0 5px;}
    .tags_list { display: none;}
    .form-btm{ display: none;}
    .insearch_con { max-width: none; width: 100%; }
    .insearch{ padding:3px 2%; background: #d6d8db; }
    .form-control { color: #495057;  font-size: 24px; box-sizing: border-box;}
    .topsearchlist {  flex: 0 0 60px; }

    .top_nav{display: none;}
    .d-mycart{ display: inline-block; font-size: 12px;}
    .d-md-inline{display: none;} 
    .order-lg-2 svg {  width: 1.2em;  height: 1.2em; }
    .order-lg-2 { padding: 5px 8px;}
    .logos>a {  padding: 2px 0px 2px 0; }


   .mb_navsico{ cursor:pointer; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
   .mb_navsico svg{ width:15px;}
   
   .mb_menu{ position:fixed; left:1%; right:1%; top:5px; bottom:5%; z-index: 800;border-radius:15px; padding:50px 20px 20px 20px; overflow-y:auto;}
   .mb_menulist>li{ border-bottom:1px solid #cccccc;  }
   .mb_menulist>li>.mb_n1{ display:flex; justify-content:space-between; padding:14px 5px;  }
   .mb_menulist>li>.mb_n1>a{  font-size:16px; color:var(--color3);}
   .mbnavs_sec{ display:none;  padding:0 0 10px 0;  }
   .mbnavs_sec>li{ padding:0 20px; }
   .mbnavs_sec>li>div{ color:var(--color6); font-size:14px; display:flex; justify-content: space-between; padding:10px 5px; border-bottom:0px solid #dddddd;  }
   .mbnavs_sec>li>div>a{ color:var(--color6);}
   .mbnavs_sec>li:last-child>div{ border-bottom:0;}

   .mbnavs_three{ padding:12px 0; display: none;}
   .mbnavs_three>li{ padding:5px 0 5px 25px; font-size: 14px; position: relative; }
   .mbnavs_three>li::after{ content:""; display: block; width:3px; height:3px; border-radius: 10px; background: var(--white); position: absolute; left:10px; top:13px; z-index: 3;}
   .mbnavs_three>li>a{ color:var(--white);}
   .mbnavs_three .inpros_more{ color:var(--white) !important;}

   .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.95); z-index: 700;}
   
   
   .copy_r{ display: none;}


}



@media screen and (max-width:780px){
    .form-control {  height: 38px;}
    .form-control>input { height: 35px; line-height: 35px;}
    
    .btn-info svg{ width: 1.6em; height: 1.6em;}
    .btn-info { flex: 0 0 45px;}
    .topsearchlist{ flex:0 0 45px;}
    .swiper-pagination{ display: none;}
    .inimg_list li { padding-left: 1px;  padding-right: 1px;}
    .banners {  margin-bottom: 2px; }

    .inpros_l1 dt h3 { font-size: 1rem;}
    .inpros_l1 .swiper-button-next  { right: 5px;}
    .inpros_l1 .swiper-button-prev  { right: 75px !important;}
    .inpros_l dt h3 { font-size: 1rem;}
    .inpros_l dt a { font-size: 12px; padding: 3px 7px}

    .inpros_items li {  flex: 0 0 50%; padding-left: 5px;  padding-right: 5px;}
    .inpros_l dt {  margin-bottom: 10px;  }
    .in_part_title { font-size: 1.25rem;}

    .in_partall { padding: 0 13px; }
    .home-menu { gap: 10px; }

    a.home-menu-i {  flex: 0 0 48%;font-size: 16px;}

    .flogos_left { flex: 0 0 100%; padding-left:10px; }
    .footer_listnav dt{ border-bottom:1px solid #cccccc; padding-bottom:8px;}
    .footer_listnav dd { line-height: 30px; font-size: 14px; padding-left: 10px;  display: none; padding-bottom:20px; }
    .footer_listnav { flex: 0 0 100%; }
    .footer_lists {  margin-left: 10px; }

    .footer_contact_text { line-height: 32px; font-size: 14px;  padding-left: 0px; margin-bottom:20px;}
    .input-group { margin: 20px 0 20px 0px;}

    
    .footer_shares{ padding-left:0px;}
    .mb_fnav{ display: block;}

    

}

@media screen and (max-width:640px){
   
    .logos>a>img { max-height: 38px; }
    .input-group-append { flex: 0 0 71px; }
    .form-control1 { width: 100%;}
.btn-secondary{  width: auto;  }

    


}


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

}


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

}


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

}