html, body {
  width: 100%;
  font-family: "PingFang SC", PingHei, STHeitiSC-Light, tahoma, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "microsoft yahei", Helvetica, Arial, Verdana, sans-serif;
}
body{
  min-width: 1200px!important;
}
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font-size: 12px;
  color: #555;
  font-family: "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro",
    "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,
    tahoma, Arial, Verdana, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}
button,
input,
select,
textarea {
  outline: 0;
}
textarea {
  resize: none;
}
ol,
ul,li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #555;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: #000;
  outline: 0;
}
sup {
  vertical-align: text-top;
  vertical-align: super;
}
sub {
  vertical-align: text-bottom;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear_float:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "";
}
.clear_float {
  display: inline-block;
}
* html .clear_float {
  zoom: 1;
}
.clear_float {
  display: block;
}
.clear_float {
  clear: both;
}
.red {
  color: #ea544a;
}
.green {
  color: #40bc90;
}
.arial,
.en {
  font-family: Arial, Helvetica, sans-serif;
}
.fr {
  float: right;
}
.mr30 {
  margin-right: 30px;
}
.h18 {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  width: 100%;
}
.w368 {
  width: 380px;
  height: 24px;
  line-height: 24px;
}
.w1170 {
  width: 1170px;
  margin: 0 auto;
  display: block;
}
.w945{
  width: 945px;
  margin: 0 auto;
  display: block;
}
.wrap {
  margin: 0 auto;
}
.dialog_search2017 .bgcolor {
  background: #f5f5f5;
}
.url,
.url2 {
  cursor: pointer;
}
.ui-widget-header {
  background: #f5f6f6;
  border: 0;
  border-radius: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  background: #f5f6f6;
  border: 1px solid #ccc;
  text-align: center;
}
.ui-corner-all {
  border-radius: 0;
  border: 0;
}
a.ui-corner-all {
  border: none;
}
#ui-datepicker-div {
  border: 1px solid #ccc;
  display: none;
}
.ui-datepicker table,
.ui-datepicker table td {
  border: 1px solid #f5f5f5;
}
.ui-datepicker table {
  border: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  background: 0 0;
  border: 0;
}
.footer {
  width: 100%;
}
.footer h4 {
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  color: #3c3c3c;
}
.footer .iconList {
  overflow: hidden;
  padding: 70px 0 90px 0;
  color: #3c3c3c;
}
.footer .iconList li {
  float: left;
  width: 162px;
  height: 58px;
  background: url(../img/index/icon_02.png) no-repeat;
  padding-left: 70px;
  margin-left: 40px;
  margin-right: 30px;
}
.footer .iconList li h5 {
  font-size: 18px;
  font-weight: 400;
}
.footer .iconList li a {
  color: #bc9882;
  display: block;
  text-indent: 6px;
  padding-top: 3px;
}
.footer .iconList li a:hover {
  color: #000;
}
.footer .iconList li.n1 {
  background-position: -20px -10px;
}
.footer .iconList li.n2 {
  background-position: -270px -10px;
}
.footer .iconList li.n3 {
  background-position: -500px -6px;
}
.footer .iconList li.n4 {
  background-position: -730px -9px;
}
.footer .iconList li.n5 {
  background-position: -985px -7px;
  margin-right: 0;
  width: 140px;
}
.footer .info {
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 40px;
}
.footer .info li {
  display: inline-block;
  width: 146px;
  text-align: left;
  float: left;
}
.footer .info li a {
  display: block;
  line-height: 25px;
  color: #999;
}
.footer .info li a:hover {
  color: #000;
}
.footer .info li h6 {
  color: #888896;
  margin-bottom: 28px;
  font-size: 12px;
  font-weight: 700;
  line-height: 70px;
  border-bottom: 1px solid #e5e5e5;
}
.footer .bgcolor {
  padding: 0;
}
.footer .link u {
  text-decoration: none;
  padding: 0 12px;
  color: #999;
}
.footer .link a {
  color: #888;
}
.footer .link a:hover {
  color: #000;
}
.footer .copyright {
  color: #888;
  padding-top: 10px;
}
.footer .other {
  float: right;
  background: url(../img/global/tel.png) no-repeat left center;
  padding-left: 160px;
  height: 36px;
  margin-top: -5px;
}
.footer .other a {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  opacity: 0.75;
}
.footer .other a:hover {
  opacity: 1;
}
.footer .other a.sina {
  background: url(../img/global/sina.png) no-repeat;
}
.footer .other a.logo3 {
  background: url(../img/global/logo3.png) no-repeat;
  -moz-background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
  -o-background-size: 36px 36px;
  background-size: 36px 36px;
}
.footer .other a.logo4 {
  background: url(../img/global/logo4.png) no-repeat;
  -moz-background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
  -o-background-size: 36px 36px;
  background-size: 36px 36px;
}
.footer .other a.wx {
  background: url(../img/global/wechat.png) no-repeat;
  position: relative;
}
.footer .tipTxt2 {
  border-bottom: 1px solid #e5e5e5;
  color: #888896;
  line-height: 20px;
  padding: 26px 0 26px 0;
  opacity: 0.5;
}
.footer .other a.qq {
  background: url(../img/global/qq.png) no-repeat;
}
.footer .address,
.path {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #e5e5e5;
  /* text-indent: 16px; */
  color: #999;
}
.footer .address a,
.path a {
  color: #999;
}
.footer .address a:hover,
.path a:hover {
  color: #000;
}
.footer .address u,
.path u {
  padding: 0 10px;
  text-decoration: none;
}
.path {
  text-indent: 0;
  height: 55px;
  line-height: 55px;
}
.path .name {
  float: right;
  color: #bc9882;
  text-decoration: underline;
}
.footer .other a.wx i {
  position: absolute;
  width: 137px;
  height: 137px;
  left: -55px;
  top: -145px;
  background: url(../img/global/ewm.png) no-repeat;
  display: none;
}
.foot_copy {
  padding: 34px 0 27px 0;
}
.foot_copy .f_logo {
  float: left;
  margin-right: 34px;
  width: 201px;
  height: 21px;
  background: url(../img/global/footer_logo.png) no-repeat;
  background-size: 100% auto;
}
.foot_copy .f_copyright {
  float: left;
  /* margin-right: 27px; */
  color: #888896;
  line-height: 21px;
}
.foot_copy .f_links {
  float: right;
  color: #888896;
  line-height: 21px;
}
.foot_copy .f_links a {
  color: #888896;
}
.foot_copy .f_links u {
  text-decoration: none;
  padding: 0 10px;
  color: #888896;
}
.foot_copy .f_other {
  text-align: center;
}
.foot_copy .f_other .sina {
  vertical-align: top;
  cursor: pointer;
  width: 21px;
  height: 21px;
  margin-left: 6px;
  margin-right: 6px;
  background: url(../img/global/footer_s_2_v2.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
}
.foot_copy .f_other .wx {
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 21px;
  height: 21px;
  margin-left: 6px;
  margin-right: 8px;
  background: url(../img/global/footer_s_1_v2.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
}
.foot_copy .f_other .wx i {
  position: absolute;
  width: 137px;
  height: 137px;
  left: -55px;
  top: -145px;
  background: url(/webstatic/Public/static/actimages/wechat_wenjuan_qrcode_137.jpg)
    no-repeat;
  display: none;
}
.foot_copy .f_other .wx:hover i {
  display: block;
}
.foot_copy .f_other .logo3 {
  vertical-align: top;
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
  width: 21px;
  height: 21px;
  background: url(../img/global/footer_s_3_v2.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
}
.foot_copy .f_other .logo4 {
  vertical-align: top;
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
  width: 19px;
  height: 19px;
  background: url(../img/global/logo4.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
}
.fenye .page a,
.fenye .page a:hover {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* a,
a:hover {
  -moz-transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
} */

.head > .w1170 {
  position: relative;
}
.head {
  width: 100%;
  min-width: 1200px;
  position: relative;
  z-index: 1002;
  width: 100%;
  /* background: rgba(255, 255, 255, 0.75); */
}
.head .menu {
  padding-top: 15px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  height: 35px;
}
.head .menu h1 {
  position: relative;
  width: 220px;
  height: 40px;
  margin-top: 12px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-image: url("/webstatic/Public/Home/img/global/logo-black.png") ;
  background-size: contain;
  float: left;
  cursor: pointer;
}

.xiding .menu h1{
  background-image: url("/webstatic/Public/Home/img/global/logo-black.png")!important
}
.head .menu h1 a {
  display: block;
  background: url(../img/global/logo-black.png) no-repeat;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  margin-top: 20px;
}
.head .menu ul {
  float: left;
  margin-right: 40px;
}
.head .menu li {
  float: left;
  margin: 0 20px;
}
.head .menu li a {
  padding: 0 5px;
  display: block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  transition: color ease-in-out 0.15s;
  color: #1A1A1A;
  font-weight:400;
  padding: 15px 17px 14px 17px;
}

.searchBox {
  width: 800px;
  position: absolute;
  left: 275px;
  top: 0;
  display: none;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  
}
.searchBox .search {
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
  height: 20px;
  line-height: 20px;
}
.searchBox .search .input {
  width: 80%;
  height: 20px;
  line-height: 20px;
  border: 0;
  background: url(../img/index/icon_05.png) no-repeat left center;
  text-indent: 32px;
  font-size: 14px;
}
.searchBox .close {
  position: absolute;
  right: 20px;
  top: 15px;
  background: url(../img/index/icon_06.png) no-repeat;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 9;
}
.searchBox .left {
  width: 540px;
  float: left;
  padding: 18px 0;
  border-right: 1px solid #f0f0f0;
  color: #999;
}
.searchBox .left a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-indent: 70px;
  color: #999;
}
.searchBox .left a:hover {
  background: #f3f3f3;
  color: #bc9882;
}
.searchBox .left p {
  text-indent: 40px;
  margin-bottom: 12px;
}
.searchBox .right {
  padding: 38px 0 90px 0;
  text-align: center;
  margin-left: 65px;
  float: left;
  width: 180px;
  background: url(../img/index/icon_07.png) no-repeat 0 150px;
}
.searchBox .right a {
  width: 125px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  background: #9d1d22 url(../img/index/icon_08.png) no-repeat 100px center;
  color: #fff;
  font-size: 13px;
  float: left;
  margin-bottom: 18px;
  border-radius: 5px;
  text-align: left;
  text-indent: 30px;
}
.searchBox .right a:hover {
  background: #921d21 url(../img/index/icon_08.png) no-repeat 105px center;
}
.searchBox .left a,
.searchBox .left a:hover,
.searchBox .right a,
.searchBox .right a:hover {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.zzBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 98;
  display: none;
}
.hidden {
  overflow: hidden;
}
.head .menu {
  z-index: 110;
  position: relative;
}
.mqNav {
  overflow: hidden;
  background: #fff;
  width: 100%;
  min-width: 1200px;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 111;
  display: none;
}
.mqNav .nav2 {
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
}
.mqNav .nav2 .rx img{
  display: inline-block;
}  
.mqNav .nav2 li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 18px 32px 12px 0;
  text-align: center;
}
.serNav .nav2 {
  text-align: center;
}
.serNav .nav2 ul {
  margin-left: 320px;
}
.serNav .nav2 li {
  float: none;
  display: inline-block;
  margin: 18px 16px 12px 16px;
}
.mqNav .nav2 li.last {
  margin-right: 0;
}
.mqNav .nav2 li a {
  background: url(../img/product/icon_01.png) no-repeat;
  padding-left: 40px;
  display: block;
  height: 30px;
  line-height: 33px;
  font-size: 12px;
}
.serNav .nav2 li a {
  background: url(../img/service/menu.png) no-repeat;
}
.mqNav .nav2 li a:hover {
  color: #000;
}
.menubg {
  background: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  height: 130px;
  display: none;
}
.mqNav {
  background: 0 0;
  position: absolute;
  top: 45px;
  padding-top: 15px;
  display: none;
}
.head .menu {
  padding: 0;
  float: left;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e6e6e6;
}
.head .menu li {
  margin: 0;
}
.head .menu li.cpBtn a,
.head .menu li.serBtn a {
  padding: 15px 25px 30px 25px;
}
.mqNav .w1170 {
  border-top: 1px solid #e6e6e6;
}
.head {
  height: 60px;
}
.s_an {
  transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  opacity: 0;
}
@keyframes s_an {
  0% {
    transform: translate(100px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes s_an {
  0% {
    -webkit-transform: translate(100px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
.s_dh1 .s_an:nth-of-type(1),
.s_dh2 .s_an:nth-of-type(2),
.s_dh3 .s_an:nth-of-type(3),
.s_dh4 .s_an:nth-of-type(4),
.s_dh5 .s_an:nth-of-type(5),
.s_dh6 .s_an:nth-of-type(6) {
  -webkit-animation: s_an 0.5s linear;
  animation: s_an 0.5s linear;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.searchBox .right {
  opacity: 0;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.headHover .menu li a {
  color: #000 !important;
}
.headHover .menu li a:hover {
  font-weight: 600;
}
.headHover .menu h1 a {
  background-image: url(../img/global/logo-black.png) !important;
}
.w1000 .w1170 {
  width: 1000px;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.w1000 .mqNav .nav2 {
  width: 1050px;
  margin-left: -15px;
  position: relative;
}
.w1000 .mqNav .nav2 li {
  margin: 20px 5px 20px 0;
}
.w1000 .mqNav .nav2 li a {
  padding-left: 38px;
}
.loading {
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background: #fff;
}
.loader {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
}
.jdTxt {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
  line-height: 120px;
  color: #dfb379;
  font-size: 15px;
  text-align: center;
}
.loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.loader {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fca626;
  background: -webkit-linear-gradient(
    left,
    #fca626 10%,
    rgba(253, 221, 184, 0) 42%
  );
  background: linear-gradient(
    to right,
    #fca626 10%,
    rgba(253, 221, 184, 0) 42%
  );
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.loader:after {
  background: #fff;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px dotted #989898;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader {
  display: none;
}
.jdTxt {
  background: url(../img/global/loading.gif) no-repeat center center;
  text-indent: -9999px;
}
.golbalPage {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.recommend {
  margin: 0 auto;
  margin-top: 100px;
  width: 1170px;
}
.recommend .tabs {
  text-align: center;
  font-size: 28px;
  color: #3c3c3c;
  margin-bottom: 58px;
}
.recommend .tabs span {
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
}
.recommend .tabs span.on {
  color: #bc9882;
  text-decoration: underline;
}
.recommend .tabMain {
  display: none;
}
.recommend .tabMain ul {
  overflow: hidden;
  width: 1200px;
}
.recommend .tabMain li {
  float: left;
  margin-right: 30px;
  width: 270px;
}
.recommend .tabMain .txt a:hover {
  color: #bc9882;
}
.recommend .tabMain li .pic {
  width: 270px;
  height: 164px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #f4f4f4 !important;
}
.recommend .tabMain .txt {
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
}
.otherBox {
  overflow: hidden;
  padding-top: 120px;
  width: 1170px;
  margin: 0 auto;
}
.otherBox .qa {
  margin-right: 30px;
  width: 518px;
  height: 225px;
  border: 1px solid #ccc;
  padding: 25px;
  float: left;
  border-radius: 5px;
}
.otherBox .help {
  width: 518px;
  height: 225px;
  border: 1px solid #ccc;
  padding: 25px;
  border-radius: 5px;
  float: left;
}
.otherBox .qa li {
  height: 38px;
  line-height: 38px;
  border-bottom: 1px dotted #c3c3c3;
}
.otherBox .help li a:hover,
.otherBox .qa li a:hover {
  color: #ba987f;
  font-size: 12px;
}
.otherBox .help ul {
  position: relative;
  width: 558px;
  overflow: hidden;
  padding-top: 15px;
}
.otherBox .help li {
  float: left;
  width: 250px;
  height: 210px;
  margin-right: 20px;
  text-align: center;
  font-size: 12px;
  text-align: left;
}
.otherBox .help li .pic {
  display: block;
  width: 250px;
  height: 140px;
  margin-bottom: 8px;
  overflow: hidden;
}
.otherBox .tit {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  margin-bottom: 6px;
}
.otherBox .tit a {
  font-size: 12px;
  float: right;
  color: #ba987f;
}
.otherBox .tit a:hover {
  color: #3c3c3c;
}
.f2 .iconList li.n6 {
  background: url(../img/product/icon_05.png) no-repeat -8px -8px;
}
.f2 .iconList li.n7 {
  background: url(../img/product/icon_07.png) no-repeat -8px -2px;
}
.f2 .iconList li {
  width: 172px;
  margin-left: 50px;
  margin-right: 0;
}
.b1 .left .txt .more,
.b1 .left .txt .more:hover,
.floatNav .tab li a.buyNow,
.floatNav .tab li a.buyNow:hover {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.f2 .iconList li.n4 {
  background: url(../img/product/icon_06.png) no-repeat left top;
}
.footer .copyright,
.footer .iconList li a,
.footer .info li a,
.footer .link a,
.otherBox .qa li a {
  font-size: 12px;
}

.backTop i {
  animation: dd 1s infinite;
  -webkit-animation: dd 1s infinite;
}
.tipMain {
  height: 40px;
  background: #fff;
  width: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 13px;
  line-height: 40px;
}
.tipMain .close {
  position: absolute;
  right: 10px;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #bc9882;
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
}
.head .menu ul {
  margin-right: 100px;
}

.head .menu .shopMain {
  position: absolute;
  right:0;
  text-align: center;
  top: 10px;
  width: 90px;
  line-height: 36px;
  height: 36px;
  box-sizing: border-box;
  cursor: pointer;
}
.static .menu .shopMain{
  border: 1px solid #ddd;
}
.xiding .menu .shopMain{
border: 1px solid rgba(193,193,193,0.2);
  color: #000;
}
.head .menu .shopIcon {
  background: url(../img/store/icon_shop.png) no-repeat;
  width: 35px;
  height: 35px;
  cursor: pointer;
  position: relative;
  top: -2px;
}
.head .menu .shopIcon i {
  background: url(../img/store/icon_dot.png) no-repeat;
  width: 9px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 0;
}
.style_2 .shopIcon {
  background-image: url(../img/store/icon_shop2.png) !important;
}
.dialog_search {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  z-index: 998;
  display: none;
}
.dialog_search .close {
  position: absolute;
  left: 50%;
  margin-left: 490px;
  background: url(../img/store/icon_close2.png) no-repeat center center;
  width: 35px;
  height: 35px;
  top: 14px;
  cursor: pointer;
}
.dialog_search .logo {
  position: absolute;
  left: 50%;
  margin-left: -587px;
  background: url(../img/global/logo.png) no-repeat;
  top: 20px;
  display: block;
  width: 110px;
  height: 18px;
  text-indent: -9999px;
  display: none;
}
.searchMain2 {
  width: 660px;
  height: 340px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -330px;
  margin-top: -170px;
}
.searchMain2 .search {
  padding: 15px;
  height: 20px;
  line-height: 20px;
  background: #333;
  border-radius: 5px;
}
.searchMain2 .search .input {
  width: 80%;
  height: 20px;
  line-height: 20px;
  border: 0;
  background: url(../img/store/icon_search2.png) no-repeat left center;
  text-indent: 32px;
  font-size: 14px;
  color: #fff;
}
.searchMain2 .close {
  position: absolute;
  right: 20px;
  top: 15px;
  background: url(../img/index/icon_06.png) no-repeat;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 9;
}
.searchMain2 .left {
  width: 150px;
  float: left;
  padding: 18px 0;
  color: #999;
}
.searchMain2 .left a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-indent: 15px;
  color: #666;
}
.searchMain2 .left a:hover {
  color: #bc9882;
}
.searchMain2 .left p {
  text-indent: 0;
  margin-bottom: 12px;
  text-indent: 5px;
}
.searchBox .left a:hover,
.searchMain2 .left a,
.searchMain2 .right .btn a,
.searchMain2 .right .btn a:hover {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.searchMain2 .right {
  float: left;
  width: 510px;
  padding-top: 3px;
}
.searchMain2 .right .item {
  width: 50%;
  text-align: center;
  float: left;
}
.searchMain2 .right .btn a {
  width: 108px;
  height: 30px;
  line-height: 30px;
  background: #ad0e0e url(../img/store/icon_02.png) no-repeat 27px center;
  text-indent: 22px;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  margin-top: 8px;
}
.searchMain2 .right .btn a:hover {
  background-color: #8d0c0c;
}
.searchMain2 .right p {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
}
.searchMain2 .tel {
  text-align: center;
  font-size: 15px;
  padding-bottom: 20px;
}
.searchMain2 .tel img {
  margin-right: 5px;
}
.searchMain2 .tel .col {
  color: #ad0e0e;
}

.shopBox i {
  background: url(../img/store/icon_01.png) no-repeat;
  width: 22px;
  height: 11px;
  position: absolute;
  right: 17px;
  top: -11px;
}
.shopBox .noneInfo {
  text-align: center;
}
.shopBox .noneInfo h2 {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin-bottom: 6px;
}
.shopBox .noneInfo p {
  font-size: 12px;
  color: #999;
}
.shopBox .before .btn {
  background: #050505;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  margin: 20px 0;
  cursor: pointer;
}
.shopBox .before .btn:hover {
  background: #952225;
  color: #fff;
}
.shopBox .before .tip {
  text-align: center;
}
.shopBox .before .tip a {
  color: #b81111;
  text-decoration: underline;
}
.shopBox .other {
  text-align: center;
  color: #999;
  padding-top: 15px;
  height: 20px;
  line-height: 20px;
  padding-bottom: 8px;
}
.shopBox .other img {
  position: relative;
  left: 8px;
  top: 4px;
}
.shopBox .after .qNav2 {
  padding-top: 10px;
  border-bottom: none;
}
.shopBox .after .qNav2 .lable {
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.shopBox .after .qNav2 .lable a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 30px;
}
.shopBox .after .qNav2 .lable .icon1 {
  background-image: url(../img/store/icon_1.png);
}
.shopBox .after .qNav2 .lable .icon2 {
  background-image: url(../img/store/icon_2.png);
}
.shopBox .after .qNav2 .lable .icon3 {
  background-image: url(../img/store/icon_3.png);
}
.shopBox .after .qNav2 .lable .icon4 {
  background-image: url(../img/store/icon_4.png);
}
.shopBox .after .qNav2 .lable .num {
  float: right;
}
.shopBox .after .qNav2 .infos {
  margin: 20px 0 0 0;
  height: 21px;
  line-height: 21px;
  background: url(../img/store/icon_5.png) no-repeat left center;
  text-indent: 30px;
  color: #000;
}
.shopBox .after .qNav2 .infos span {
  float: right;
  display: inline-block;
  color: #b40d0d;
  border: 1px solid #b40d0d;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 5px;
  text-indent: 0;
  cursor: pointer;
}
.shopBox .after .Info {
  padding-left: 100px;
}
.shopBox .after .Info .pic {
  float: left;
  margin-left: -100px;
  width: 93px;
}
.shopBox .after .Info {
  overflow: hidden;
  position: relative;
}
.shopBox .after .Info h2 {
  font-weight: 400;
}
.shopBox .after .Info .txt {
  font-size: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.p50 {
  padding: 50px 0;
}

.dialog_agreement {
  background: url(../img/store/bg.png) repeat;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  display: none;
}
.agreementMain {
  width: 880px;
  height: 560px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -440px;
  margin-top: -280px;
  background: #fff;
  border-radius: 5px;
}
.agreementMain h1 {
  font-size: 24px;
  color: #000;
  text-align: center;
  padding: 20px;
}
.agreementMain .btn {
  text-align: center;
  padding-top: 21px;
}
.agreementMain .btn a {
  width: 175px;
  height: 45px;
  line-height: 45px;
  background: #b40c0c;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
}
.agreementInfo {
  font-size: 12px;
  line-height: 21px;
  width: 810px;
  height: 380px;
  overflow: hidden;
  overflow-y: scroll;
  margin: 10px 20px 0 40px;
  padding-right: 18px;
}

.dialog_search2017 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  max-height: 100%;
  background: none;
  z-index: 1003;
  display: none;
  min-height: 512px;
}
.maskShow{
  background-color: rgba(0, 0, 0, .8);
}
.dsearch .w945 {
  background-color: #F5F5F5;
  border-bottom: 1px solid #000;
  width: 945px;
}
.dsearch .close {
  /* background: url('https://hsimage.fotile.com/202309121436114057795.png') no-repeat; */
  background: #f5f5f5;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 15px;
  top: 23px;
  cursor: pointer;
  text-align: center;
}
.dsearch .close img{width: 13px;margin-top:10px;display: inline-block;}
.dsearch {
  padding: 20px 0;
  height: 39px;
  line-height: 39px;
  position: relative;
  background-color: #fff;
}
.dsearch .btn {
  float: right;
  height: 40px;
  line-height: 40px;
  width: 90px;
  color: #000000;
  font-size: 14px;
  display: block;
  text-align: center;
  border: 0;
  cursor: pointer;
  background: none;
  font-weight: 600;
}

.dsearch #global-search {
  width: 80%;
  height: 40px;
  line-height: 40px;
  border: 0;
  background: url('https://hsimage.fotile.com/202311151311277848573.png') no-repeat left center;
  background-size: 14px 15px;
  text-indent: 24px;
  font-size: 16px;
  color: #222;
  margin-left: 10px;
}
.dsearch #global-search::-webkit-input-placeholder {
  color: #dedede;
}
.dsBox {
  height: 36px;
  line-height: 36px;
  padding: 30px 0 10px 0
}
.dsBox h4 {
  font-size: 21px;
  font-weight: 600;
  color: #666;
}
.dbBg {
  background: #f6f6f6;
}
.defaultBox  .hot{overflow: hidden;max-height: 74px;}
.hot li{
  float: left;
  background: #F5F5F5;
  border-radius: 25px;
  padding: 5px 10px;
  margin-right: 12px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:97%;
  min-width: 30px;
  margin-bottom: 10px;
  color: #A9A9A9;
  font-weight: 400;
}
.hot li:hover{
  background-color: #E4E4E4;
  color: #1A1A1A;
  font-weight: 600;
}
.hotSearch{
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  display: inline-block;
}
.selected{
  overflow: hidden;
  margin-bottom: 40px;
}
.selected li {
  width: 310px;
  height: 125px;
  background-color: #F5F5F5;
  float: left;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px; 
}
.selected li:hover span{
  color: #1A1A1A;
}
.selected li a{
  display: block;
  display: flex;
  align-items: center;
  height: 100%;
}
.selected li span{
  display: inline-block;
  width: 224px;
  padding-left: 20px;
  box-sizing: border-box;
  line-height: 18px;
  text-align: left;
  font-size: 14px;
  color: #666;
  font-weight: 600;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box
}
.selected li img{
  width: 68px;height: 68px;
}
.dsBox h5 {
  width: 190px;
  font-size: 15px;
  float: left;
  color: #222;
}
.dsBox .txt {
  float: left;
  width: 334px;
  font-size: 12px;
  color: #7f7f7f;
}
.dsBox .btn a {
  height: 34px;
  line-height: 34px;
  padding: 0 28px;
  border: 1px solid #e2dedb;
  border-radius: 5px;
  display: block;
  float: left;
  color: #222;
  margin-right: 18px;
}
.dsBox .btn a:hover {
  background: #952225;
  color: #fff;
}
.head .menu .searchIcon {
  background: url(/webstatic/Public/Home/img/KV/search1.png) no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-top: 3px;
  display: inline-block;
  opacity: 1;
}
/* #headerWpper .static .menu .searchIcon{
  background: url(/webstatic/Public/Home/img/KV/search2.png) no-repeat;
  background-size: cover;
}
#headerWpper .headHover .menu .searchIcon{
  background: url(/webstatic/Public/Home/img/KV/search1.png) no-repeat;
  background-size: cover;
} */
#headerWpper .xiding .menu .searchIcon{
  background: url('/webstatic/Public/Home/img/KV/search1.png') no-repeat;
  background-size: cover;
}
.head .menu .shopIcon {
  background: url(../img/index2017/cart.png) no-repeat;
  width: 38px;
  height: 38px;
}
.zxIcon {
  width: 76px;
  right: 0;
  text-align: center;
    padding: 2px 7px;
    line-height: 33px;
    height: 33px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 4px;
    color: #fff;
  /* width: 38px;
  height: 38px; */
  /* background: url(../img/index2017/chat.png) no-repeat; */
  position: absolute;
  /* right: 55px;
  
  top: 12px; */
  cursor: pointer;
}
.zxIcon a {
  width: 100%;
  height: 100%;
  display: block;
}
.head .menu ul {
  margin-right: 160px;
  height: 60px;
}

.headHover .zxIcon {
  /* background-image: url(../img/index2017/chat.png) !important; */
}
.headHover .shopIcon {
  background-image: url(../img/index2017/cart.png) !important;
}
.headHover .menu .searchIcon {
  /* background-image: url(../img/index2017/search.png) !important; */
}
.head .menu .searchIcon:hover {
  background: url(http://hsdev.efotile.com/webstatic/Public/Home/img/KV/search1.png) no-repeat;
}

.head .menu .shopIcon:hover {
  background-image: url(../img/index2017/cart2.png);
}
.dsBox .btn a,
.dsBox .btn a:hover,
.dsearch .btn,
.dsearch .btn:hover,
.shopBox .before .btn,
.shopBox .before .btn:hover {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.dsearch .close,
.dsearch .close:hover,
.head .menu .searchIcon,
.head .menu .searchIcon:hover,
.head .menu .shopIcon,
.head .menu .shopIcon:hover
{
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-position: center center;
}
.dsBox p {
  font-size: 21px;
}
.dsBox p .red {
  color: #d3bb99;
  padding-left: 12px;
}

.menubg {
  top: 0;
  height: 150px;
}
.mqNav {
  top: 60px;
}
.serNav .nav2 ul {
  margin-left: 180px;
}
.zxIcon {
  top: 22px;
}
.loginForm h2 {
  padding: 0;
}
.loginForm-header {
  padding-top: 32px;
  padding-bottom: 32px;
  overflow: hidden;
}
.loginForm-header .quick-link {
  position: relative;
  top: 9px;
  float: right;
  color: #b81111;
}
.loginForm .tip {
  overflow: hidden;
  margin-top: 0;
  text-align: left;
  font-size: 14px;
}
.loginForm .tip .quick-reg-link {
  float: right;
}
.chart-popup .close,
.loginForm .close,
.service-faq-dialog-body .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  background: no-repeat center
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAENTEmsAAAAXdFJOUwA1D8XhmXLWvhuuJk2QY7cWRfrtiFh8Q50d4gAAALJJREFUOMvNktkSgyAMRUVZRAUFtfn/P21LaVgd2qf2vjDhniEL6bo/k+RsnRjfLuxlAK/RVOwNbYf0uT9TSERl6veZDyDSN0YoNCX1QUUkAoS7Uf4dq/fnMUQV+rTSEXZhrzjUySEirFE+1AgwCIQ1xztSCKyhOUl4pY8AwClFBcAUoA9KRJmCB/8xZCR03iacrn4kZD6om0+1k3xQ7VE3P6v93eXCzN+uXHtpP1j7n+kOx1IjR7TVUrAAAAAASUVORK5CYII=);
}
.service-faq-dialog {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background: url(../img/store/bg.png) repeat;
}
.service-faq-dialog-body {
  width: 965px;
  height: 556px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -482.5px;
  margin-top: -278px;
  background: #fff;
  border-radius: 5px;
}
.service-faq-dialog-body .placeholder {
  text-align: center;
  color: #999;
  font-size: 16px;
  padding-top: 100px;
}
.service-faq-tit {
  width: 50%;
  height: 24px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 15px;
  line-height: 999px;
  background: no-repeat center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAYCAAAAAB4/TRRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCBwCLxCxyE+oAAACnUlEQVQ4y41VrbKrMBBmZj0KEcsTMPioehQGzwMgyQOgojHIPAECj8MhUahYfPzeDUkKh/bMPWk7MEn4+H520wgRjcG/jmPaPuY2PxXRr2L2bsj1tVwfj/2zu3QwXnOOwQblE0rADUqlmsjSONZpsBMjU/aSpW793NpO7rn1BpW4qbvOhOMyqIEGh3NCwriPOxRS9rKmVcsntlxTjk9WDVyc1dHUAbQEr5k+khkHe1LEV7KTvqrv+65+ZdEyjjwe5bgUIKpk8Y5sF8MAhXOL/BSLReFmpkKj4I5BHUeH1kWi9bEVxI2tAQo/ofJ9S1Fbk9nN1XTxpONLYJGTQ5uHWq+9lYcaXtjMpI2U3+KdKvwJpSliXt6gtg8owybdoklZ7ddUV6cTln1LMaSjhypjccxd0hHb3wW2DGeDCoY9D6RmGFdZxYgLxWChhhxsMUxAlmbzp0AHtUNnyyl5UdTZFqCUJIg3VBnLkp1Q8YTFgP13VoUtYMMzy4hDvXhWpP+Cog46bW9ECbsosPkO1ZC9mpdnjZgGQASoOj7M5AXSZmZd1fqFIxz5bwmiylXomrUSpxDLCpQSHkqbnB4Xgy00E3PYvye4VNBQWcteZKHDPCsrcCShEfaW7SLQGw7L9wTXDXo30bzL3/bPPUHDW7MO4cE23r4maA+TT6gR18Dq9OpwZ4atg9019NfGuUF5geR2tVfQyybY3tJ2WpRUOF3/a4kSlPxgxVxdrWw6vUKqOioCPOKFcux/axwq0ierGSivRV09aE+J1WbBc3sSrc9iyFmAKik/+vIAVb7fuB0Hy6Lh5B0TnuDG7v/ByhQMmofANgjU77BKAFCRyuw7BvJ+tzeFdX/p3seIThvPQb8m77bA51hbudOB/Pd/rv+Mf26sZyw0onBvAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA4LTI4VDEwOjQ3OjI3KzA4OjAw4IjzUwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOC0yOFQwMjo0NzoxNiswODowMER+E4UAAAAASUVORK5CYII=);
}
.service-faq-container {
  margin-left: 75px;
  margin-right: 75px;
}
.service-faq-dialog-footer {
  margin-left: 75px;
  margin-right: 75px;
  margin-top: 10px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #eee;
}
.service-faq-dialog-footer > h3 {
  font-size: 14px;
  margin-bottom: 10px;
}
.service-faq-dialog-footer .online-service-control .control-btn {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  width: 120px;
}
.sf-tabmenu-bar {
  position: relative;
  text-align: center;
  font-size: 0;
}
.sf-tabmenu-bar:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 1px;
  overflow: hidden;
  background: #eee;
}
.sf-tabmenu-item {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.sf-tabmenu-item:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 3px;
  overflow: hidden;
}
.sf-tabmenu-item .text {
  font-size: 12px;
}
.sf-tabmenu-item.active {
  position: relative;
  color: #921d21;
}
.sf-tabmenu-item.active:after {
  background: #921d21;
}
.sf-tabmenu-item .sf-icon {
  display: block;
  width: 36px;
  height: 36px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background: no-repeat center url(../img/service_faq_sprite.png);
}
.sf-tabmenu-item .sf-icon.xiyouyanji {
  background-position: 0 0;
}
.sf-tabmenu-item .sf-icon.zaoju {
  background-position: -36px 0;
}
.sf-tabmenu-item .sf-icon.xiaodugui {
  background-position: -72px 0;
}
.sf-tabmenu-item .sf-icon.zhengwei {
  background-position: -108px 0;
}
.sf-tabmenu-item .sf-icon.zhengxiang {
  background-position: -144px 0;
}
.sf-tabmenu-item .sf-icon.kaoxiang {
  background-position: -180px 0;
}
.sf-tabmenu-item .sf-icon.weibolu {
  background-position: -216px 0;
}
.sf-tabmenu-item .sf-icon.xiwanji {
  background-position: -252px 0;
}
.sf-tabmenu-item .sf-icon.reshuiqi {
  background-position: -288px 0;
}
.sf-tabmenu-item .sf-icon.fuwu {
  background-position: 100% 0;
}
.sf-tab-content {
  min-height: 220px;
}
.sf-tab-content .sf-content {
  display: none;
}
.sf-tab-content .sf-content.active {
  display: block;
}
.online-service-btn {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 342px;
  height: 0;
  padding-top: 45px;
  overflow: hidden;
  background: no-repeat center;
  background-image: url(data:image/png;base64,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);
}
.sf-faq-items {
  padding-left: 11px;
  padding-right: 11px;
  overflow: hidden;
}
.sf-faq-items > li {
  text-align: left;
  float: left;
  width: 50%;
  margin-top: 20px;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
}
.sf-faq-items > li > .num {
  display: inline-block;
  margin-right: 17px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid rgba(228, 222, 217, 1);
  border-radius: 20px;
}
.slider-check-dialog {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: url(/Public/Home/img/store/bg.png) repeat;
}
.slider-check-dialog-body .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  background: no-repeat center
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAENTEmsAAAAXdFJOUwA1D8XhmXLWvhuuJk2QY7cWRfrtiFh8Q50d4gAAALJJREFUOMvNktkSgyAMRUVZRAUFtfn/P21LaVgd2qf2vjDhniEL6bo/k+RsnRjfLuxlAK/RVOwNbYf0uT9TSERl6veZDyDSN0YoNCX1QUUkAoS7Uf4dq/fnMUQV+rTSEXZhrzjUySEirFE+1AgwCIQ1xztSCKyhOUl4pY8AwClFBcAUoA9KRJmCB/8xZCR03iacrn4kZD6om0+1k3xQ7VE3P6v93eXCzN+uXHtpP1j7n+kOx1IjR7TVUrAAAAAASUVORK5CYII=);
}
.slider-check-dialog-body {
  width: 360px;
  height: 260px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -180px;
  margin-top: -130px;
  background: #fff;
  border-radius: 5px;
}
.nc-container .nc_wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .sf-tabmenu-item .sf-icon {
    background-size: auto 36px;
    background-image: url(../img/service_faq_sprite@2x.png);
  }
  .chart-popup .close,
  .loginForm .close,
  .service-faq-dialog-body .close,
  .slider-check-dialog-body .close {
    background-size: auto 32px !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUxpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj07JwAAAAWdFJOUwDEA/s57xGYL/Qe1FJsf7NDXuOMoalZ8xO/AAABlUlEQVRYw+1W0ZKEIAwDEUVQAXX7/5967s2dI9BK3X01jziJkAZaIR48uEQ3zl7u8HPo7rPbfoET3GrusJvooIAb2XyD0N+Qlvf7FSiouanzrYMLyKqd3QLwjULnAL5RqPOvFRoJDLxogRlYmMgCKJ7AQB3CAxM9EUAuH5StbkDNeR70NFS20J0dkMLqlG/OP9BYpKfsmEan/OT7WLcwURhMVmLsDENhtflfGlqRXVHHqUEv2oHgA5RRGIFS2Pl98c1UPDwUFM5HXJzxyAWN8iEWAisR2k5svAuF30Rt80TdE9jzE9JE0UeIOH+FFVUIZStC+W//UIXyPnYUP8nkkW0kyvl7OpijfkcmD3hEIKtjkp9CAXsW25y/YfeCtGDHQvMBtkRBVh9137wyS7bGX6Xgt62ci1W2yNPKQjTpifsqU6NG43h8SY8mrNakLwaVyOkq4aq/121QlVlr+tRAbouP9Skrapq+BM6cZ8k2v3FH3hEd1Vy4M+vm05Lyo7gHG3v3lysl1/GDef29kTbsaBvx4EEFPy+mi90qPLkbAAAAAElFTkSuQmCC) !important;
  }
  .service-faq-tit {
    background-size: auto 24px;
    background-image: url(data:image/png;base64,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);
  }
  .online-service-btn {
    background-size: auto 45px;
    background-image: url(data:image/png;base64,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);
  }
}

.head.style_2 .menu h1 {
  background-image: url(../img/global/fotile_logo_2018_inverse_v2.png?20181228) !important;
}
.head.headHover .menu h1 {
  background-image: url('/webstatic/Public/Home/img/global/logo-black.png')!important;
}
.head.style_2 .menu h1 img {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  /* .head .menu h1 {
    background-image: url(/webstatic/Public/Home/img/global/logo_reverser.png) !important;
  } */

  .head.style_2 .menu h1 {
    background-size: auto 58px !important;
    background-image: url(../img/global/fotile_logo_2018_inverse_v2@2x.png?20181228) !important;
  }
}
.head .menu h1 a,
.headHover .menu h1 a {
  margin-top: 0;
  background: 0 0 !important;
}
.head .menu h1 img {
  display: none !important;
  width: 100%;
}
.head .menu h1 a.logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 126px;
  height: 0;
  padding-top: 58px;
  overflow: hidden;
}
.head .menu h1 a.brand-logo {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 56px;
  height: 0;
  padding-top: 58px;
  overflow: hidden;
}
.head .menu h1 a {
  text-indent: 0;
}

/* .head .menu li a:hover,
.head .menu li.on a {
  color: #921d21;
} */
/* .headHover .menu li a:hover,
.style_2 .menu li a:hover,
.style_2 .menu li.on a {
  color: #921d21 !important;
} */
.head .menu ul {
  margin-right: 296px;
}
.head .menu .efotile-link {
  position: absolute;
  right: 180px;
  top: 22px;
  margin: 0;
  padding: 0;
  width: 105px;
  height: 38px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  line-height: 38px;
}
.head .menu .efotile-link,
.headHover.style_2 .menu .efotile-link {
  background: no-repeat center
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAmCAMAAADwUkWxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGNdDRkAAAASdFJOUwDOW9Q2BKjqKXG8Zk4M+hKX3qevBKIAAADZSURBVEjHvZfbEoMwCETJFUjUJP3/j23Vdur08qTseXOccd0AAYiOiGbHy+08C7usQn+YNYzuY0t0ntSi7yPo/Oudco50LTGzfv23uCJ0PVLcx2cnrmRD5en46DmSFZH90ZGQHfJ2JYaOdldPI8lVsqW6PQO1kDVFt4I1DdIrPmsJayZ78moqRIBSDA9jgxAMIe0Qpa6UPUTJZ0yYtkBxgyg1piVBlNICVMKdHi4jcFmOq1zcbYS7YYFdA9cJcd0dOLHgpjDgZAmcloEbAHCrAW5qwO3TfKO+A75xEL3LDGayAAAAAElFTkSuQmCC);
}
.style_2 .menu .efotile-link {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAmCAMAAADwUkWxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUxpcf///////////////////////////////////////////////////////////////////////9URaEsAAAASdFJOUwDOW9Q2BKjqKXG8Zk4M+hKX3qevBKIAAADZSURBVEjHvZfbEoMwCETJFUjUJP3/j23Vdur08qTseXOccd0AAYiOiGbHy+08C7usQn+YNYzuY0t0ntSi7yPo/Oudco50LTGzfv23uCJ0PVLcx2cnrmRD5en46DmSFZH90ZGQHfJ2JYaOdldPI8lVsqW6PQO1kDVFt4I1DdIrPmsJayZ78moqRIBSDA9jgxAMIe0Qpa6UPUTJZ0yYtkBxgyg1piVBlNICVMKdHi4jcFmOq1zcbYS7YYFdA9cJcd0dOLHgpjDgZAmcloEbAHCrAW5qwO3TfKO+A75xEL3LDGayAAAAAElFTkSuQmCC);
}
.zxIcon {
  right: 64px;
}

.head .menu a {
  -moz-transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.serNav .nav2 li .text {
  font-weight: 600;
}
.serNav .nav2 ul {
  margin: 0;
  font-size: 0;
  overflow: hidden;
}
.serNav .nav2 li {
  position: relative;
  float: left;
  margin: 16px 9px 0 0;
  width: 180px;
  height: 120px;
  overflow: hidden;
  line-height: 0;
  background: #f3f4f6;
  border-radius: 5px;
}
.serNav .nav2 li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  color: #000;
  font-size: 14px;
  background: 0 0 !important;
}
.serNav .nav2 li .text {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  font-weight: 600;
}
.serNav .nav2 li .gsicon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 16px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  font-weight: 600;
  background: no-repeat url('https://www.fotile.com/webstatic/Public/Home/img/service/menu_2018.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .serNav .nav2 li .gsicon {
    /* background: url(../img/service/menu_2018@2x.png) no-repeat center;
    background-size: 60px auto; */
  }
}
.serNav .nav2 li .gsicon.fw {
  background-position: 0 0;
}
.serNav .nav2 li .gsicon.sf {
  background-position: 0 -60px;
}
.serNav .nav2 li .gsicon.bz {
  background-position: 0 -120px;
}
.serNav .nav2 li.wx {
  width: 250px;
  font-size: 16px;
  font-weight: 600;
}
.serNav .nav2 li.wx img.qrcode {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -40px;
  width: 80px;
}
.serNav .nav2 li.wx .inner {
  display: block;
  padding-left: 22px;
  padding-top: 20px;
  text-align: left;
  line-height: 20px;
}
.serNav .nav2 li.wx .helper-text {
  display: block;
  padding-top: 20px;
  color: #9b9b9b;
  font-size: 14px;
}
.serNav .nav2 li.rx {
  margin-right: 0;
}
.serNav .nav2 li.rx .tel {
  display: block;
  margin-top: 16px;
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  font-size: 16px;
  font-weight: 600;
}

.mqNav {
  padding-bottom: 40px;
  background: #fff;
}

.menubg {
  height: 260px;
  animation: height 0.15s ease-in-out;
  -webkit-animation: height 0.15s ease-in-out;
}
.renwenNav .menu-list ul {
  font-size: 0;
  text-align: center;
}
.renwenNav .menu-list li {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 16px;
  width: 270px;
  font-size: 14px;
  font-weight: 600;
}
.renwenNav .menu-list li .adcover {
  width: 270px;
  height: 120px;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 5px;
  background: #f3f4f6;
}
.renwenNav .menu-list li .adcover img {
  width: 100%;
}
.renwenNav .menu-list li > a {
  display: block;
}
.renwenNav .menu-list li > a:hover {
  color: #921d21;
}
.renwenNav .menu-list li .text {
  font-size: 14px;
  font-weight: 600;
}
.cpNav .inner {
  min-height: 260px;
}
.cpNav .nav2 {
  width: 100%;
}
.cpNav .nav2 > ul {
  font-size: 0;
}
.cpNav .nav2 li {
  float: none;
  margin: 0;
  width: 195px;
  height: 132px;
  display: inline-block;
  vertical-align: top;
}
.cpNav .nav2 li .cpicon {
  display: block;
  width: 70px;
  height: 67px;
  object-fit: contain;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11px;
  /* background: url(../img/nav_icon_sprites_20190924.png?20190918) no-repeat */
    /* center; */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .cpNav .nav2 li .cpicon {
    /* background: url(../img/nav_icon_sprites_20190924@2x.png?20190918) no-repeat
      center; */
    /* background-size: auto 38px; */
  }
}
.cpNav .nav2 li > a {
  position: relative;
  padding: 0;
  width: 100%;
  height:122px;
  padding-top: 10px;
  overflow: hidden;
  color: #000;
  font-size: 12px;
  line-height: 21px;
  background: 0 0;
  opacity: 1 ;
}

.cpNav .nav2 li:last-child > a:before {
  display: none;
}
.cpNav .nav2 li > a.active {
  font-weight: 600;
  opacity: 1;
  background-color: #F5F5F5;
}

.mqNav .nav2 li a.n1 .cpicon {
  background-position: 0 0;
}
.mqNav .nav2 li a.n2 .cpicon {
  background-position: -38px 0;
}
.mqNav .nav2 li a.n3 .cpicon {
  background-position: -76px 0;
}
.mqNav .nav2 li a.n4 .cpicon {
  background-position: -114px 0;
}
.mqNav .nav2 li a.n5 .cpicon {
  background-position: -152px 0;
}
.mqNav .nav2 li a.n6 .cpicon {
  background-position: -190px 0;
}
.mqNav .nav2 li a.n7 .cpicon {
  background-position: -228px 0;
}
.mqNav .nav2 li a.n8 .cpicon {
  background-position: -266px 0;
}
.mqNav .nav2 li a.n9 .cpicon {
  background-position: -304px 0;
}
.mqNav .nav2 li a.n10 .cpicon {
  background-position: -342px 0;
}
.mqNav .nav2 li a.n11 .cpicon {
  background-position: -380px 0;
}
.mqNav.cpNav,
.mqNav.cpNav .nav2 {
  overflow: visible;
}
.prod-sub-nav-wrap {
  position: relative;
  min-height: 360px;
  width: 1170px;
  margin:0 auto
}
.prod-nav-sub-wrap {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  min-height: 360px;
}
.prod-nav-sub-container {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  min-height: 300px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cpNav .nav2 li a.active + .prod-nav-sub-wrap {
  display: block;
}
.prod-nav-sub-wrap-side {
  float: left;
  width: 250px;
  overflow: hidden;
  text-align: left;
}
.prod-nav-sub-wrap-main {
  margin-left: 295px;
  text-align: left;
}
.prod-nav-sub-wrap-side .recommended-item {
  margin-bottom: 15px;
  width: 250px;
  height: 80px;
  overflow: hidden;
  border-radius: 5px;
  background: #f3f4f6;
}
.prod-nav-sub-wrap-side .recommended-item img {
  width: 100%;
}
.prod-nav-sub-wrap-side .recommended-item > a {
  padding: 0 !important;
  height: auto !important;
  background: 0 0 !important;
}
.prod-nav-sub-wrap-side a.quick-link {
  padding-right: 26px !important;
  padding-left: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  line-height: 16px !important;
  color: #1a193a !important;
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: no-repeat center right
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAATlBMVEX////v2tvJg4auRkqiKzDGfH+cHSKdHyS0VFj9+vrv2dqoOj66YmXIgYS5X2PBcnWtQ0fKh4q9aWyhKC3PkZTQk5azU1bLioypOz+2WFwFHyvFAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+IKCw4nB0TWhUUAAABsSURBVBjTZU/ZAoAgCMP7yMqy8/9/NBOyay/MAZMBZDAupBScAUFphFH4trrCuke/IM/4QppACoO21A56FDhEJAOMpUZINDuhearC7BYUaGWllY1Mw236+db/D3udvlM4c/UdxfU5fhLcn/wAHKMGDmmTmPgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTAtMTFUMTQ6Mzk6MDgrMDg6MDBBibj4AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEwLTExVDE0OjM5OjA3KzA4OjAwxpxwrQAAAABJRU5ErkJggg==) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  .prod-nav-sub-wrap-side a.quick-link {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUxpcZwcIZsdIpscIpscI5wdIZwdIpwcIZ0XI5wcIZsdIpwcIZ4eI54bIpkdJJwdIpoXHJ0gJaEnK7JOUq5FStCUl5YPFao8QLlfY/r09PLh4p8kKffq69+2t9SbnsFvctqpq6MtMf/+/qUyN7xnaubExsh/gimmA9sAAAAPdFJOUwCJ9Vck69H6CprJ6jIlI/lxDMgAAAEASURBVDjLjVPbdoQgDERZheDagHhbXd1b2///xLJtj4QuHjpvIXMmyZAwtkFyUJUQlQIu2SsOkOOGHA5/0jITGEBkgcpbiS8oicixwgiq41Y+mneMXw1Z4g7Knz4y3EX23aDYJ4hnEdhC87Bji5oywHXg/ZmHS3e5aU0ouWTcR429nj7GhhKQkwpohu58Wt4DBjDlA63bbrovdiYMxQpC6LFdp+k6Nv6tYMGQPVpXZR2MH5QSjOn72+f5vrQzIRSBgrZrqFAETUZ6UHTM2BRAjYr5wKnVESed1aRG5C/guU9i/zdF/Z+FSa9ccmnTa+80EoeTPj2HOjzeOnLf8fP/AhlTMqDGEE79AAAAAElFTkSuQmCC) !important;
    background-size: auto 16px !important;
  }
}
.prod-nav-sub-wrap-main .prod-nav-sub-wrap-prod-card:last-child {
  margin-right: 0 !important;
}
.prod-nav-sub-wrap-prod-card {
  position: relative;
  float: left;
  margin-right: 45px;
  text-align: center;
  width: auto !important;
  height: auto !important;
  min-height: 280px;
  padding-left: 0 !important;
  line-height: inherit !important;
  background: 0 0 !important;
}
.prod-nav-sub-wrap-prod-card .coverimg {
  position: relative;
  width: 175px;
  height: 175px;
  overflow: hidden;
  line-height: 175px;
  text-align: center;
  border-radius: 5px;
  background: #f3f4f6;
}
.prod-nav-sub-wrap-prod-card .coverimg > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.prod-nav-sub-wrap-prod-card .prod-name {
  margin-top: 7px;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px !important;
}
.prod-nav-sub-wrap-prod-card .prod-tags {
  position: absolute;
  left: 50%;
  top: 210px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 150%;
  font-size: 0;
  line-height: 0;
}
.prod-nav-sub-wrap-prod-card .tag-item {
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  margin-right: 2px;
  height: 20px;
  padding-left: 3px;
  padding-right: 3px;
  overflow: hidden;
  line-height: 20px;
  color: #ababab;
  font-size: 12px;
  border: 1px solid #f0f0ee;
  border-radius: 3px;
}
.prod-nav-sub-wrap-prod-card .helper-info {
  margin-top: 47px;
}
.prod-nav-sub-wrap-prod-card .tag-newest {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 20px;
  overflow: hidden;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #921d21;
  border: 1px solid #921d21;
  border-radius: 3px;
}
.floatNav .tab li a.askBtn,
.floatNav .tab li a.buyNow {
  width: 98px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.floatNav .tab li a.askBtn {
  background-image: none !important;
  text-indent: 0 !important;
}
.chart-popup {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 0;
  z-index: 2000;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}
.chart-popup .close {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 10;
}
.ntalk-window-containter {
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
}




/* 以下是正式 */
/* img {
  width: 100%;
  object-fit: cover;
} */
/* video{
  min-width: 100%;min-height: 100%
} */
.show{display: block}
.hide{display: none}
#headerWpper {
  width: 100%;
  z-index: 1002;
}

 .static {
  background: #fff;
  color: #000;
  /* position: fixed;
  top: 0; */
  /* position: absolute; */
  /* transition: all 0.1s ease-in-out; */
}



#headerWpper:hover .serBtn::before {
  border-top: 5px solid #000;
}

#headerWpper:hover .renwenBtn::before {
  border-top: 5px solid #000;
}

#headerWpper:hover .zxIcon {
  border: 1px solid #ddd;
  color: #000
}

#headerWpper:hover .shopMain {
  color: #000;
  border: 1px solid #ddd
}

#headerWpper:hover .searchIcon {
  background: url('/webstatic/Public/Home/img/KV/search1.png') no-repeat;
  background-size: cover;
}
#headerWpper:hover .searchB{
  border-bottom: 1px solid #000;
}

.static:hover .inp {
  color: #ddd;
}

#headerWpper:hover .inp::after {
  width: 2px;
}

.searchB {
  position: absolute;
  right: 120px;
  top: 15px;
  width: 223px;
}
.static .searchB{  border-bottom:1px solid #000;}
.xiding .searchB{  border-bottom:1px solid #000;}
.inp {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  font-size: 12px;
  position: relative;
  opacity: 0.5;
}

.inp:after {
  position: absolute;
  content: "";
  left: -5px;
  top: 9px;
  width: 0;
  height: 12px;
  background: #ccc;
}

.shopMain,
.zxIcon {
  transition: all 0.3s ease-in-out;
}

.shopMain:hover {
  color: #fff !important;
  background: #1A1A1A;
  border: 1px solid #1A1A1A !important;
}

.zxIcon:hover {
  color: #fff !important;
  background: #952225;
  border: 1px solid #952225 !important;
}

.head .menu {
  border-bottom: none;
}

.zxIcon {
  right: 0
}
.shopBox .after {
  position: relative;
}
.shopBox .after .btn a {
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #b60f0f;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: block;
}
.shopBox .after .btn a:hover {
  background: #9f0d0d;
}
.shopBox {
  padding: 5px 15px 15px 15px;
  box-sizing: border-box;
  width: 156px;
  height: 200px;
  position: absolute;
  right: -66px;
  top:60px;
  background: #fff;
  display: none;
  border-radius: 4px;
}

.shopBox a {
  display: block;
  font-size: 12px;
  width: 100%;
  height: 43px;
  text-align: left;
  line-height: 43px;
  margin-bottom: 6px;
  cursor: pointer;
  color: #61646A;
  font-weight: 400;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.shopBox a:not(:last-child){
  border-bottom: 1px solid #F5F5F5;
}

.shopBox a:hover {
  font-weight: 600;
  color: #1A1A1A;
}

.cpBtn,
.serBtn,
.renwenBtn {
  position: relative;
}

.cpBtn::before{
  content: '';
  position: absolute;
  top: 28px;
  right: 9px;
  width:12px;
  height: 8px;
  background: url('https://hsimage.fotile.com/202311082143588109642.png');
  background-size: 100% 100%;
}

.renwenBtn::before {
  right: 0px;
}

.playVideo {
  position: absolute;
  bottom: 20px;
  left: 40px;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, .5);
  border-radius: 50%;
  z-index: 99;
  cursor: pointer;
}

.playVideo img {
  width: 15px;
  margin-left: 2px;
  margin-top: 15px;
}

.Bt {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}

.Bt>span {
  display: inline-block;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  width: 143px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}

.Bt>span:hover {
  background: #fff;
  color: #952225;
  font-weight: bold;
}

.popWindow {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 0;
  height: 0;
  background: #fff;
  z-index: 100;
  padding: 14px 40px;
  transition: all 0.2s ease-in-out;
}

.popWindow>img {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}

.popWindow .close-icon {
  cursor: pointer;
  background-color: #fff;
  display: block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -6px;
  top: -9px;
  z-index: 9;
  cursor: pointer;
}

.close-icon img {
  width: 8px;
  margin-top: 6px;
  margin-left: 6px;
}
.mask{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  display: none;
  z-index: 98;
  background: rgba(0,0,0,0.7);
}

.pop1 {
  display: none;
  padding:0
}
.pop1>img{object-fit: cover;}

.pop2 {
  padding: 31px 35px 48px 35px;
  width: 0;
  height: 0;
  /* width: 739px;
  height: 162px; */
  display: none;
  
}

.pop2 .title {
  display: none;
  display: flex;
  justify-content: space-between;
}

.pop2 .title a {
  color: #000;
  position: relative;
}

.pop2 .title a::after {
  content: '';
  width: 0;
  height: 2px;
  background: #952225;
  position: absolute;
  bottom: 5px;
  left: 0px;
  transition: all 0.2s ease-in-out;
}

.pop2 .title a:hover::after {
  width: 100px;
}

.pop2 .title h5 {
  font-size: 20px;
  color: #999;
}

.pop2 .imgbox {
  width: 165px;
  height: 98px;
  margin-right: 20px;
}
.pop2 .imgbox img{
  width: 100%;
  object-fit: contain;
  height: 100%;
}
.pop2 .con {
  display: none;
  margin-top: 40px;
  overflow: hidden;
}
.pop2 .con>a{
  float:left;
  display: flex;
}
.pop2 .con div>div {
  display: inline-block;
}

.pop2 .wenzi {
  width: 165px;
  height: 98px;
  vertical-align: top;
  color: #999;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.pop2 .wenzi:hover {
  color: #000;
}

.pop2 .wenzi h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.pop2 .wenzi p {
  display: block;
  height: 50px;
}

.arrow {
  transition: all 0.2s ease-in-out;
  transform-origin: left;
  width: 12px!important;
    vertical-align: text-bottom;
    margin-bottom: 3px;
}

.wenzi:hover .arrow {
  transform: scale(2, 1);
}

.section2 {
  width: 100%;
  background: #fff;
}

.section2 .wraper {
  width: 1192px;
  margin: 90px auto;
  margin-bottom: 50px;
  padding-left: 15px;
}

#sectionProduct h1 {
  font-size:24px;
  color: black;
  margin-bottom: 25px;
}

.cpUl {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.cpUl li {
  position: relative;
  width: 278px;
  height: 376px;
  background: #f5f5f5;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}

.cpUl li p {
  font-weight: bold;
  position: absolute;
  color: black;
  font-size: 13px;
  z-index: 9;
  transition: all 0.4s;
}

.cpUl li img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transition: opacity 0.5s;
  width: 100%;
  height: 100%;
}

/* .cpUl li .img2:hover{
  opacity: 0;
} */
.cpUl li:hover .p1 {
  color: #fff!important;
}
.section6 ul li h5,.section6 ul li p,.section6 .leftBottom{
  transition: all 0.3s ease-in-out;
}

.section6 ul li:hover .leftBottom{
  color: #fff!important;
}


[v-cloak]{
   display: none;
}

.swiper-pagination-bullet {
   border-radius: 0;
   width: 20px!important;
   height: 2px !important;
   display: inline-block;
   background: #fff !important;
   border-radius: 0!important;
   opacity: 1!important;
 }
 .swiper-pagination-bullet-active{
   opacity: 1;
   padding: 1px 0px ;
   background:rgba(156,29,34,1) !important;
   height: 1px!important;
   width: 73px!important;
 }
#footerWapper{
  position: relative;
}
.icons>div{
  position: relative;
}
.icons{
  display: flex;
  border-bottom: 1px solid #e5e5e5;
}
.icons img{
  width: 58px;
  height: 58px;
  margin-right: 80px;
  margin-top: 36px;
  margin-bottom: 24px;
}
.myqrcode{
  width: 128px!important;
  height: 158px!important;
  position: absolute;
  bottom: 39px;
  left: -32px;
}

.imgIcon{
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 10px;
  display: inline-block !important;
}
/* 搜索 */
.searchContent{
  display: none;text-align: center;  
  background-color:#F5F5F5;
  padding-top: 50px;
  height: calc(100vh - 80px);
  overflow-y: auto;
}
.tabs{margin-bottom: 20px;width: 1000px;display: inline-block;margin-bottom: 20px;}
.tabs span{
  width: 90px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs .on{
  font-weight: 600;
  color: #1A1A1A;
  background-color: #fff;
}
.searchContent .count{
  display: inline-block;
  position: absolute;
  right: 0;
  margin-top: 10px;
  color: #A1A2A9;
}
.myCenterBox{
  width: 1148px;
  margin: 0 auto;
  position: relative;
}
.productBox{
  width: 1148px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 44px;
  position: relative;
}
.productBox li{
  width: 280px;
  height: 376px;
  margin-left: 7px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 7px;
  background: #fff;
  float: left;
  position: relative;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.productBox li .hoverBtn{
  display: inline-block;
  width: 88px;
  height: 40px;
  background: rgba(216,216,216,0);
  border: 1px solid rgba(193,193,193,0.2);
  margin: 0 auto;
  line-height: 40px;
  /* color: #1A1A1A; */
  cursor: pointer;
  padding: 0;
  position: absolute;
  bottom: 16px;
  left: 50%;
  margin-left: -44px;
  font-weight: 600;
}
.productBox li .hoverBtn:hover{
  background: #1A1A1A;
  color: #fff;
}
.productBox li a{
  display: block;
}

.searchContent .productBox li a p{
  font-size: 21px;
  margin: 30px;
  height: 99px;
  text-align: left;
  line-height: 36px;
  font-weight: 300;
  overflow: hidden;
    /* 三行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.searchContent  .productBox li a p:hover{
  font-weight: 600;
}
.productBox li .pic {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  margin-bottom: 25px;
  box-sizing: border-box;
}
.productBox li .pic img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productBox li .other{
  text-align: left;
  margin-left: 30px;
}
.productBox .tags {
  color: #666;
  font-size: 12px;
  border: 1px solid #C1C1C1;
  border-radius: 3px;
  padding: 1px 3px;
  margin-right: 4px;
  display: inline-block;
}
.toptag{text-align: left;min-height: 20px;position: absolute;top:20px;left: 18px;}
.rightPrize {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 5;
}
.winPrize{
  width: 36px;
  height: auto;
  display: block;
  /* margin-bottom: 2px; */
}
.red{color: #9C1D22;}
.hasMore{
  width: 113px;
  height: 40px;
  background: #1A1A1A;
  margin: 0 auto;
  line-height: 40px;
  margin-bottom: 150px;
  color: #fff;
  cursor: pointer;
  text-align: center;;
  padding: 0 10px;
}
.hasMore img{
  width: 16px;
  height: 17px;
  vertical-align: sub;
  margin-left: 5px;
}
.noMore{
  margin: 0 auto;
  line-height: 40px;
  margin-bottom: 150px;
  color: #000;
  display: none;
}
.noMore img{width: 16px;height: 16px;}
.btnWhite{
  color: #FFF!important;
  border: 1px solid rgba(255,255,255,0.3);
  padding: 13px 20px;
  display: inline-block;
  cursor: pointer;
}
.btnWhite:hover{
  background-color: #fff!important;
  color: #000!important;
  font-weight: 600;
}
.btnRed{
  padding: 13px 20px;
  color: #fff;
  background-color: #9C1D22;
  border: 1px solid #9C1D22;
  text-align: center;
  cursor: pointer;
}
.btnRed:hover{
  background: #C3242A;
  border: 1px solid #C3242A;
  color: #fff;
}
.btnGrey{
  background-color: #A9A9A9;
  padding: 13px 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.popwindow {
  position: absolute;
  top: 50%;
  right: 20px;
  left: 50%;
  width: 360px;
  height: 283px;
  overflow: hidden;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 99;
  padding: 20px;
  box-sizing: border-box;
  display: none;
}
.popwindow h1{
  font-size: 18px;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}
.popwindow h1 img{
  width: 15px;
  height: 15px;
}
.popwindow input[type='text']{height: 40px;background-color: #f5f5f5;border: none;padding-left: 20px;margin-bottom: 10px;box-sizing: border-box;}
.popwindow input[name=name]{width: 110px;margin-right: 5px;}
.popwindow input[name=phone]{width: 200px;}
.popwindow .other{margin-top: 20px;}
.popwindow input[name=city]{width: 100%}
.popwindow .close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 11;
  width: 16px;
  height: 16px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  background: no-repeat center url('https://hsimage.fotile.com/202310031747395209086.png');
  background-size: auto 16px;
}
.popwindow input[type='checkbox']{
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 5px;
}
.agreement-box a{color: #9C1D22;}

.defaultBox{padding-bottom: 30px;background-color: #fff;}
.xiding{
  position: fixed;
  background-color: #fff!important;
  top: 0;
  color: #000;
}
.txtBox .showModel{
  font-weight: 600;
  color: #000;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 4px;
}
.txtBox>p:first-child{
  min-height: 20px;
}
.txtBox .basic p{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 20px;
}
.txtBox .basic{padding: 0 10px;}
.describe{
  line-height: 24px;
  font-size: 12px;
  width:235px;
  margin:0 auto;
  /* margin-left: 28px */
}
.describe>div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.describe em{
  font-weight: 600;
  width: 85px;
  margin-right: 15px;
  text-align: left;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
}
.describe span{
  display: inline-block;
  width: 136px;
  height: 25px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  color: #232323;
  font-weight:400
}

.whiteFont{color: #fff;}
.whiteFont p{color: #fff!important;}
.whiteFont .tags{
  color: #fff;
  border: 1px soild #fff;
}
.whiteFont .hoverBtn{
  color:#fff!important;
  border: 1px solid rgba(255,255,255,0.3)!important;
}
.whiteFont .hoverBtn:hover{
  background: #fff!important;
  color: #000!important;
}
.whiteFont .describe{
  color: #fff;
}
.whiteFont .describe span{
  color: #F5F5F5!important
}         
img[src=""],img:not([src]){
  opacity:0;
}