/* CSS Document */
:root{--bonovico-font-family:"Bonovico Sans Web",Arial,sans-serif;}
body{margin:0;padding:0;font-family:var(--bonovico-font-family);font-size:13px;color:#333; background:#FFF;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
button{font-family:inherit;}
a {font-size:13px;color:#333;}
a:link{text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration: none;}
a:active {text-decoration:none;}
img,a img{border:0;margin:0;padding:0;vertical-align:middle;/*image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;*/}
ul{margin:0;padding:0;}
li{list-style-type:none;margin:0;padding:0;}
form,p{margin:0px;}
input,select,textarea{vertical-align:middle;color:#636363;font-family:var(--bonovico-font-family);font-size:13px; background:#FFF;outline: none}
.bot{padding:5px 15px 5px 15px;border:none;color:#FFF; text-align:center; background:#0071D7;font-size:16px;color:#fff;cursor:pointer;}
.clear{clear:both;height:0px;}
.red{color:#000; display:inline;}
.tip{position:absolute;visibility:hidden;background:#FFEFEF;border:#f96 1px solid;padding:5px;color:#009933;line-height:20px;}
.link{cursor: pointer;}
.swiper-slide img {

    max-width: 100% !important;
}
#header{position:fixed;top:0;left:0;margin:auto;width:100%;height:auto;z-index:99999;}
.admin-bar #header{top:32px;}
/* #header::after{content: "";display: block;width: 100%;height: 12px;background: url(../images/d.png);background-repeat: repeat-x;position: absolute;bottom: -12px;z-index: 999;-webkit-box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;} */
.header{background: #fff; -webkit-box-shadow:0 0 20px #999; -moz-box-shadow:0 0 20px #999;box-shadow:0 0 20px #999;}
.header_fixed{background: rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 20px #ccc; -moz-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;}

#welcome{margin:auto;width:100%;}
#welcome ul{margin:auto;width:95%;height:auto; overflow:hidden;text-align: right;}
#welcome li{display:inline-block;  width:auto; margin-right: 20px;}
#welcome span{color:#0071D7; font-size:18px;}

#he{margin:auto;width:100%;overflow:hidden;}
#helist{margin:auto;width:95%; display: flex; justify-content: center;align-items: center;}
#logo{display:flex;flex:0 0 clamp(300px,24vw,420px);align-items:center;width:clamp(300px,24vw,420px);height:100px;overflow:hidden;}
#logo>a{display:flex;align-items:center;width:100%;height:100%;}
#logo img{display:block;width:100%!important;height:auto!important;max-width:420px;max-height:100px;object-fit:contain;}
#logo .site-title{display:flex;align-items:center;height:100px;font-size:24px;font-weight:600;color:#0071D7;white-space:nowrap;}

#h_nav{flex:1; margin-top:0px;height:30px; overflow:hidden; text-align: right;}
#h_nav .navc{ display: inline-block; margin:0;width:auto;height:30px;text-align:center;}
#h_nav .navc .ca{display:inline-block;margin:0 10px 0px 10px; padding:0 20px 0px 20px;height:30px;line-height:30px; font-size:18px;color: #333;border-top:#fff 2px solid ; }
#h_nav .navc .ca:hover{ border-top:#0071D7 2px solid ;}
#h_nav span{margin-top:0px;}
#h_nav .nav_line{display: block;  float: left; width:0px;height:30px;line-height:30px;text-align:center; background:#0071D7;}

#h_nav .h_class_list{position:absolute; left:0;width:100%;height:auto; overflow: hidden;  z-index:999999;/*visibility:hidden;*/display:none;}
.h_class_list_content{margin-top: 29px; padding:30px 2.5% 30px 2.5%; background: url(../image/index_about_bg.png) #f5f5f5; background-size: cover;height:auto; overflow: hidden;}
.h_content{display: flex;text-align:left;}
.h_content .hcl{flex:1;}
.h_content .hcr{ width: 200px; text-align: center;height:auto; overflow: hidden;}
.h_content .hcr img{ max-width: 100%;border-radius: 5px;}
.navlist{ height: auto;}
.navlist ul{ display: block; float: left; width: 23%; margin: 1%; height: auto; overflow: hidden; }
.navlist .navpic img{ width: 100%; border-radius: 5px;}
.navlist .navinfo{ text-align: center;}

.navlists{ height: auto;}
.navlists ul{ display: block; float: left; width: 18%; margin: 1%; height: auto; overflow: hidden;}
.navlists a{ display: flex;align-items: center;}
.navlists .navpic{ width: 60px;}
.navlists .navpic img{ width: 50px; height: 50px; border-radius: 50%;}
.navlists .navinfo{ flex:1;}

#h_nav .h_class_lists{position:absolute; margin-left: 10px; width:auto;height:auto; overflow: hidden;  z-index:999999;/*visibility:hidden;*/display:none;border-radius: 5px;}
#h_nav .h_class_lists ul{margin-top: 0px; background: #f5f5f5;height:auto; overflow: hidden;}
#h_nav .h_class_lists li{display:block;padding:10px 20px 10px 20px;width:auto;background:none;text-align: left;}
#h_nav .h_class_lists li:hover{background: #0071D7;color:#fff;}
#h_nav .h_class_lists li>a{display:block;color:inherit;}
#h_nav .h_class_lists li:hover>a{color:#fff;}

/* .h_class_list_content ul{margin:0; padding:0;text-indent:0px;}
.h_class_list_content li{display:block;margin:0;padding:0;width:220px;height:35px;line-height:35px;background:none;}
.h_class_list_content a{display:block;margin:0;width:180px;height:35px;line-height:35px;overflow:hidden;border-top:#dddd 1px solid;text-align:left;}
.h_class_list_content .csn{ position:absolute; z-index:9999; margin-top:-51px; margin-left:200px;background:#eeeeee;width:200px; display:none;}
.h_class_list_content .csn a{display:block;width:160px;border-top:#eeeeee 1px solid;} */

.header #h_nav a{color: #000;}
.header #h_nav a:hover{color: #000;}

#show_nav{position:absolute;width:25px; height:25px;cursor:pointer; left:10px; margin-top:5px;display:none; font-size:20px; color:#0071D7;}
#show_nav span{font-size:20px;}
#show_lang{position:absolute;width:25px; height:25px;cursor:pointer; right:60px; margin-top:18px;display:;font-size:15px;color:#8ec31f;}
#show_search{position:absolute;width:25px; height:25px;cursor:pointer; right:20px; margin-top:5px;display:;font-size:20px;color:#0071D7;}
#show_search span{font-size:20px;font-weight: bold;}
#show_nav,#show_search{padding:0;border:0;background:transparent;line-height:1;font-family:inherit;}

.header_fixed #show_nav{color:#fff;}
.header_fixed #show_search{color:#fff;}

#nav{position:fixed;top:50px;padding-top: 50px; width:100%; max-width:750px;background: rgba(0,113,215,0.9); height:100%; overflow:hidden; display:none; z-index:99;}
#nav li{ margin: 10px; padding:10px; text-align:center;}
#nav li a{display: inline-block; width: 50%; padding: 10px 0px 10px 0px; color:#fff;font-size: 16px; border: #fff 1px solid; border-radius: 10px;}

/* GTranslate appends its own menu item, without the theme's .navc wrapper. */
#header:has(.menu-item-gtranslate){transform:none;}
#he:has(.menu-item-gtranslate){overflow:visible;}
#h_nav:has(.menu-item-gtranslate){min-width:0;height:auto;overflow:visible;}
#h_nav ul.bonovico-primary-menu:has(>.menu-item-gtranslate){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;row-gap:2px;}
#h_nav:has(.menu-item-gtranslate) .navc{flex:0 0 auto;height:32px;}
#h_nav:has(.menu-item-gtranslate) .nav_line{display:none;}
#h_nav .menu-item-gtranslate{display:inline-flex;flex:0 0 auto;align-items:center;margin:0 10px;min-height:32px;vertical-align:middle;}
#h_nav .menu-item-gtranslate>a.gt_switcher-popup{display:inline-flex;align-items:center;gap:5px;min-height:32px;font-family:inherit;font-size:18px;white-space:nowrap;}
#h_nav .menu-item-gtranslate>a.gt_switcher-popup>span:not(:last-child){font-size:inherit;margin-right:0;}
#h_nav .menu-item-gtranslate a:focus-visible,
#nav .menu-item-gtranslate a:focus-visible{outline:2px solid #0071D7;outline-offset:3px;}
/* A fixed popup must stay viewport-relative, outside the animated header's clipping. */
#h_nav .menu-item-gtranslate .gt_white_content,
#nav .menu-item-gtranslate .gt_white_content{top:50%;left:50%;margin:0;transform:translate(-50%,-50%);box-sizing:border-box;width:260px;height:auto;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);}
#h_nav .menu-item-gtranslate .gt_languages,
#nav .menu-item-gtranslate .gt_languages{flex-flow:column nowrap;max-height:none;}
#nav .menu-item-gtranslate .gt_white_content a{display:block;width:100%;padding:10px 0;color:#333;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;text-align:left;}
#nav:has(.menu-item-gtranslate .gt_white_content[style*="display: block"]){z-index:100000;}

@media screen and (min-width:751px){
#nav:has(.menu-item-gtranslate){display:none!important;}
}
@media screen and (min-width:751px) and (max-width:2100px){
#h_nav:has(.menu-item-gtranslate) .navc .ca{margin-right:4px;margin-left:4px;padding-right:clamp(3px,.6vw,10px);padding-left:clamp(3px,.6vw,10px);}
}
@media screen and (min-width:751px) and (max-width:1399px){
#helist:has(.menu-item-gtranslate){box-sizing:border-box;padding-right:32px;}
}
@media screen and (max-width:750px){
/* Keep the last menu item reachable on small screens and with the WP admin bar. */
#nav:has(.menu-item-gtranslate){top:55px;box-sizing:border-box;padding-top:20px;padding-bottom:20px;height:calc(100vh - 55px);height:calc(100dvh - 55px);overflow-y:auto;}
.admin-bar #nav:has(.menu-item-gtranslate){top:101px;height:calc(100vh - 101px);height:calc(100dvh - 101px);}
}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:8px;left:8px;margin:0;padding:10px 14px;overflow:visible;background:#fff;color:#0071D7;z-index:100000;}

.heclear{ clear:both; width:100%; height:125px; overflow:hidden;}
.show_banner{ height: auto;}
.swiper-slide{}
.swiper-slide img{width:100%;}
.sw_pic{height:560px;background:no-repeat center center;background-size:cover;}
.swiper-banner{margin:auto;width:100%;}

.banner{margin:auto;margin-top:0px;width:100%;height:450px;overflow:hidden;background:no-repeat center center;background-size:cover;}
.banner_title{margin:auto; margin-top:120px; padding:45px 0px 40px 0px;width:100%; height:auto; overflow:hidden; text-align:center;}
.banner_title .btt{ font-size:30px; font-weight:bolder;color:#fff;}
.banner_title .btl{margin:auto; width:100px;height:1px;background: #ededed;}
.banner_title .btc{ margin-top:20px;color:#333;}
.banner_title .btc a{color:#333;}
.banner_img{height:0; padding-bottom: 20%; background:no-repeat center center;background-size:cover;/*filter: blur(1px);*/}
.banner_img img{ width: 100%;}
.banner_show{height:0; padding-top: 10%;padding-bottom: 10%; background: rgba(0, 0, 0, 0.6);display: flex;flex-direction: column;color: #fff; justify-content: center; align-items: center; text-align: center;}
.banner_show .btt{ font-size:50px; font-weight:bolder;}
.banner_show .btc{ margin-top:10px;}
.banner_show .btc a{color:#fff;}

@keyframes contact {
  50%  {background-color: #666;}
}

#footer{clear:both;margin:auto;width:100%;height:auto;overflow:hidden;background:#f5f5f5; color:#666;}
/* #footer::before{content: "";display: block;width: 100%;height: 12px;background: url(../images/d.png);background-repeat: repeat-x;position: absolute;z-index: 999;} */
#footer a{color:#666;}
#footer a:hover{color:#0071D7;}

#footer #f_content{box-sizing:border-box;margin:auto;width:95%;padding:40px 0 30px;height:auto;overflow:visible;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(170px,.9fr) minmax(300px,1.55fr) minmax(160px,.75fr);gap:clamp(24px,3vw,56px);align-items:start;}
#footer #f_content .coleft{margin-left:0;width:auto;min-width:0;}
#footer #f_content .cocenter,
#footer #f_content .coright{min-width:0;}
#footer #f_content .fct{box-sizing:border-box;margin:0 0 20px;padding-bottom:10px;font-weight:bolder;border-bottom:#ccc 1px solid;width:100%;color:#000;}
#footer #f_content .fcl{padding:5px; padding-left:0px;}
#footer #f_content .fcl a{}
#footer #f_content .fcl a:hover{color:#333;}
#footer #f_content .fcl>.iconfont{margin-right:10px;color:#0071D7;text-align:center;font-size:20px;}
#footer #f_content .cocenter .fcl a{position: relative; display: flex;align-items: center;}
#footer #f_content .cocenter .fcl a::before{display:inline-block; content:""; width: 5px;height: 5px; border-radius: 50%; background: #666; margin-right: 10px;}
#footer #f_content .cocenter .fcl a:hover{color:#0071D7;}
#footer #f_content .cocenter .footer-menu .menu-item{padding:5px 0;}
#footer #f_content .cocenter .footer-menu .menu-item a{position:relative;display:flex;align-items:center;}
#footer #f_content .cocenter .footer-menu .menu-item a::before{display:inline-block;content:"";width:5px;height:5px;border-radius:50%;background:#666;margin-right:10px;}
#footer #f_content .cocenter .footer-menu .menu-item a:hover{color:#0071D7;}
#footer #f_content .coleft .fcp{margin-bottom:30px;}
#footer #f_content .coleft .fcp img{display:block;border-radius:5px;width:160px;max-width:100%;height:auto;object-fit:contain;}
#footer #f_content .coleft .fct{white-space:nowrap;}
#footer #f_content .coleft .fcl span{width:20px;height:20px;font-size:24px;font-weight:normal;}
#footer #f_content .footer-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#footer #f_content .coleft .footer-social-link{display:inline-flex;align-items:center;justify-content:center;}
#footer #f_content .coleft .footer-social-link span{margin:0;}
#footer #f_content .coright .fcps{ margin-top: 20px;}
#footer #f_content .coright .fcps img{border-radius: 5px;width: 100px; margin-right: 10px;}
#footer #f_content .coright .fcll{display:flex;align-items:flex-start;gap:10px;min-width:0;line-height:1.6;}
#footer #f_content .coright .fcll>.iconfont{flex:0 0 20px;margin-right:0;}
#footer #f_content .coright .footer-contact-text,
#footer #f_content .coright .fcll>a{min-width:0;max-width:100%;color:inherit;font-size:inherit;overflow-wrap:anywhere;word-break:normal;}

#footer #f_copyright{margin: auto; padding:0;padding:20px 0px 20px 0px;height:auto; overflow:hidden; background:#0071D7;color:#fff;}
#footer #f_copyright a{color:#fff;}
#footer #f_copyright .f_copyright{margin:auto;width:95%;height:auto;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:30px;}
#footer #f_copyright .fcc{float:none;width:auto;flex:1;}
#footer #f_copyright .fci{float:none;width:auto;text-align:right;}
#footer #f_copyright .fci ul{margin:0;padding:0;display:flex;justify-content:flex-end;gap:8px;white-space:nowrap;}
#footer #f_copyright .fci li{display:block;}
#footer #f_copyright .fci li+li::before{content:"|";margin-right:8px;}
#footer #f_copyright .fci span{display:inline-block; margin:0px 10px 0px 10px;padding:5px;width:20px; height:20px; line-height:20px;border-radius:50%;color:#333; border:#333 1px solid; font-size:15px; text-align:center;}

#float_right{position:fixed;right:20px;top:50%;bottom:auto;transform:translateY(-50%);height:auto;width:50px;z-index:9999;}
#float_right .tocontact{display:block;box-sizing:content-box;margin-top:10px;padding:10px;width:30px;height:30px;background:#8ec31f;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .tocontact span{ font-size:30px; color:#fff;}
#float_right .tocontact:hover{background:#0071D7;}
#float_right .cartlist{ padding:10px;width:30px; height:30px;background:#cdcdcd;text-align:center;border-radius:5px;cursor:pointer;animation-name: contact;animation-duration: 5s;animation-iteration-count: infinite;}
#float_right .cartlist span{ font-size:25px; color:#fff;}
#float_right .cartlist:hover{background:#0071D7;}
#float_right .totop{box-sizing:content-box;margin-top:10px;padding:10px;width:30px;height:30px;border:0;background:#fcc929;text-align:center;border-radius:5px;cursor:pointer;}
#float_right .totop span{ font-size:30px; color:#fff;}
#float_right .totop:hover{background:#0071D7;}

.float_bg{position:fixed;z-index:99999;width:100%;height:100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6); display:flex; justify-content: center;align-items: center;flex-direction: column; visibility: hidden;}
.float_close{ margin-top: 20px;  width: 30px; height: 30px; padding:0; border:0; text-align: center; background: none; border-radius: 50%; }
.float_close span{ font-size:30px; color:#fff; cursor:pointer; }

.float_content{width: 640px; padding: 20px; background: #fff;  border: #ededed 5px solid; border-radius: 5px; visibility: hidden; }
.float_search{ height: auto;}
.float_search #search_txt{padding:0px; margin-top: 20px; border:0; width:100%; height:40px; text-indent:5px;line-height:40px;border:#ededed 1px solid; background:#ededed;border-radius:3px; color:#000; text-align:center;}
.float_search #search_txt::-webkit-input-placeholder {color: #666;}
.float_search #search_txt::-moz-placeholder {color: #666;}
.float_search #search_txt:-ms-input-placeholder {color: #666;}   
.float_search #search_submit{ display: block; margin-top: 20px; padding:0; border:0; width:100%; height: 42px; line-height: 42px; cursor:pointer; color:#fff;background: #0071D7; text-align: center;border-radius:3px;font-size: 20px; } 

.toast{position: fixed;top: 50%;left: 50%; width:auto; height: auto;transform: translateX(-50%) translateY(-50%);background:rgba(0, 0, 0, 0.5);color:#FFF; padding: 10px 20px 10px 20px; border-radius: 5px; z-index: 9999999999; display: none;}

.weui_dialog_alert{display:none;}
.weui_dialog_confirm{display:none;}

.weui_mask {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.weui_dialog {
  position: fixed;
  z-index: 999999999999;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FAFAFC;
  text-align: center;
  border-radius: 3px;
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
  padding: 1.2em 20px .5em;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
  text-align: center;
}
.weui_dialog_hd {
  padding: 1.2em 0 .5em;
}
.weui_dialog_title {
  font-weight: 400;
  font-size: 17px;
  color:#000;
}
.weui_dialog_bd {
  padding: 0 20px;
  font-size: 15px;
  color: #888;
  word-wrap: break-word;
  word-break: break-all;
}
.weui_dialog_ft {
  position: relative;
  line-height: 42px;
  margin-top: 20px;
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.weui_dialog_ft .weui_btn_dialog {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3CC51F;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_dialog_ft .weui_btn_dialog:active {
  background-color: #EEEEEE;
}
.weui_dialog_ft:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.weui_dialog_confirm .weui_dialog_ft .weui_btn_dialog {
  position: relative;
}
.weui_dialog_confirm .weui_dialog_ft .weui_btn_dialog:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_dialog_confirm .weui_dialog_ft .weui_btn_dialog:first-child:after {
  display: none;
}
.weui_btn_dialog.default {
  color: #353535;
}
.weui_btn_dialog.primary {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    width: 35%;
  }
}


input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #0071D7;
    background-clip: content-box;
    padding: 0em;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-fr {
  background-image: url(../image/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../image/fr1.svg);
}
.flag-icon-ru {
  background-image: url(https://www.coldroomjl.com/images/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../image/ru.svg);
}
.flag-icon-es {
  background-image: url(../image/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../image/es1.svg);
}
.flag-icon-de {
  background-image: url(https://www.coldroomjl.com/images/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../image/de.svg);
}
.flag-icon-gb {
  background-image: url(../image/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../image/gb1.svg);
}
.flag-icon-cn {
  background-image: url(../image/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../image/cn1.svg);
}
.flag-icon-us {
  background-image: url(../image/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../image/us1.svg);
}


@media screen and (min-width: 1400px) {
body{font-size:14px;}
a {font-size:14px;}
#welcome{width: 80%;}
#he{width: 80%;}
.swiper0{ margin: auto; width: 100%;}
#footer #f_content{width: 80%;}
#footer #f_copyright .f_copyright{width: 80%;}
.banner_show .btc{width: 60%;}
}

@media screen and (min-width: 751px) and (max-width: 1100px) {
#footer #f_content{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media screen and (max-width: 782px) {
.admin-bar #header{top:46px;}
}

@media screen and (max-width: 750px) {
*{padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;/*-webkit-appearance: none;*/}
body{-webkit-text-size-adjust:none;margin:0 auto;font:16px;}
a {font-size:16px;}
input,select{-webkit-appearance:none;}


#welcome ul{text-align: center;}
#welcome li{margin:0px 5px 0px 5px;font-size: 10px;}
#welcome li a{font-size: 10px;}
#welcome span{font-size:10px;}

#helist{width:100%;}
#he{width:100%; height:35px;}
#logo{display:flex;flex:0 0 100%;justify-content:center;width:100%;height:35px;text-align:center;}
#logo>a{justify-content:center;}
#logo img{width:auto!important;height:35px!important;max-width:80%;max-height:35px;object-fit:contain;}
#logo .site-title{justify-content:center;height:35px;font-size:16px;}
#h_nav{ display:none;}

.heclear{ height:55px;}


#show_nav{display:block;}
#show_search{position:absolute;width:25px; height:25px;cursor:pointer; right:10px; margin-top:10px;display:block;font-size:15px;color:#0071D7;}
#show_lang{position:absolute;width:25px; height:25px;cursor:pointer; right:50px; margin-top:10px;display:block;font-size:15px;color:#0071D7;}
.show_search{display:none;}

.banner{margin:auto;margin-top:0px;width:100%;height:200px;overflow:hidden;background:no-repeat center center;background-size:cover;}
.banner_title{margin:auto; margin-top:60px; padding:30px 0px 40px 0px;width:100%; height:auto; overflow:hidden; text-align:center;}
.banner_title .btt{  font-size: 16px; font-weight:bolder;color:#fff;}
.banner_title .btl{margin:auto; width:100px;height:1px;background: #ededed;}
.banner_title .btc{ margin-top:20px;color:#333;}
.banner_title .btc a{color:#333;}
.banner_show .btt{ font-size:16px; }


#f_mail{display:none;}
#footer #f_content{width:90%;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;}
#footer #f_content .coleft{margin-left:0;width:100%;}
#footer #f_content .fct{margin-bottom:10px;margin-top:10px;padding-bottom:10px;}
#footer #f_content .coleft .fct{white-space:normal;}
#footer #f_content .coleft .fcp{display: none;}
#footer #f_copyright .f_copyright{flex-direction:column;align-items:flex-start;gap:10px;}
#footer #f_copyright .fcc,
#footer #f_copyright .fci{width:100%;text-align:left;}
#footer #f_copyright .fci ul{justify-content:flex-start;flex-wrap:wrap;white-space:normal;}

#float_right{right:8px;top:50%;bottom:auto;transform:translateY(-50%);width:30px;}
#float_right .tocontact{margin-top:5px;padding:5px;width:20px; height:20px;background: rgba(142, 195, 31, 0.6);}
#float_right .tocontact span{ font-size:18px; color:#fff;}
#float_right .cartlist{padding:5px;width:20px; height:20px;background: rgba(0, 0, 0, 0.3);}
#float_right .cartlist span{ font-size:18px; color:#fff;}
#float_right .totop{ margin-top:5px;padding:5px;width:20px; height:20px;background: rgba(252, 201,41, 0.6);}
#float_right .totop span{ font-size:18px; color:#FFF;}

.show_feedback{width:95%;overflow-y:scroll;}
.feedbacklist{ height:auto;}
.feedbacklist .fbc{ margin-bottom:0px;}
.feedbacklist #ft i{font-size:12px;}
.feedbacklist #fi .i{ width:95%; height:20px;border:#ccc 1px solid;}
.feedbacklist #fi .s{ width:95%; height:23px;border:#ccc 1px solid;}
.feedbacklist #fi .t{ width:95%; height:80px;border:#ccc 1px solid;}
.feedbacklist #fi .b{width:95%;}

.float_content{width: 70%; }


input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {
    background-color: #0071D7;
    background-clip: content-box;
    padding: 0em;
}
input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
input[type="checkbox"] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 2px;
    border: 1px solid #ccc;
    text-indent: .15em;
    line-height: 1; 
}
input[type="checkbox"]:checked + label::before {
	content: "\2713";
    background-color: #ccc;
    background-clip: content-box;
    padding: 0em;
}
}