@charset "utf-8";

/* ———————————————————————全局样式——————————————————————— */
body { font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Tahoma, Arial, Raleway, sans-serif; }
li { list-style: none; }
.clearfix:after { content: ""; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

/* 清除浮动 */
.clearfix { zoom: 1;    /*ie6*/ }
::selection { background: #0089c8; }

/* 表单 */
form label { margin-bottom: 5px; }
.sm-form-control { border-width: 1px; font-size: 13px; }
textarea { resize: vertical; }
.form-control { border-radius: 0; box-shadow: none; border: 1px solid #ddd; }
.normal { font-weight: normal !important; }
.color-default { color: #0089c8 !important; }

/* 一行显示省略号 */
.text-overflow { max-width: 100%; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; }

/* 多行显示省略 */
.line-clamp-2 { 
  overflow: hidden; 
  text-overflow: ellipsis;    /* 省略号代替 */ 
  display: -webkit-box; 
  -webkit-line-clamp: 2;    /* 显示行数 */ 
  -webkit-box-orient: vertical;    /* 竖向 */ 
  max-height: 52px;    /* 兼容性，2行文字大概高度 */ 
  min-height: 52px;
}

/* webfont */
@font-face { 
  font-family: "JHRHZ"; 
  src: url("./webfont/JHRHZ.eot");    /* IE9 */ 
  src: url("./webfont/JHRHZ.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("./webfont/JHRHZ.woff") format("woff"), /* chrome、firefox */
      url("./webfont/JHRHZ.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
      url("./webfont/JHRHZ.svg#JHRHZ") format("svg");    /* iOS 4.1- */ 
      font-style: normal; 
      font-weight: normal; 
      -webkit-font-smoothing: antialiased; 
      -webkit-text-stroke-width: 0.2px; 
      -moz-osx-font-smoothing: grayscale; 
    }
@font-face { 
  font-family: "Micra-Bold"; 
  src: url("./webfont/Micra-Bold.eot");    /* IE9 */ 
  src: url("./webfont/Micra-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("./webfont/Micra-Bold.woff") format("woff"), /* chrome、firefox */
  url("./webfont/Micra-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url("./webfont/Micra-Bold.svg#Micra-Bold") format("svg");    /* iOS 4.1- */ 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -webkit-text-stroke-width: 0.2px; 
  -moz-osx-font-smoothing: grayscale; 
}

/* alibaba字体图标 箭头 */
@font-face { 
  font-family: "iconfont"; 
  src: url('./fonts/alifonts.eot');    /* IE9*/ 
  src: url('./fonts/alifonts.eot?t=1493987013550#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/alifonts.woff') format('woff'), /* chrome, firefox */
  url('./fonts/alifonts.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('./fonts/alifonts.svg#iconfont') format('svg');    /* iOS 4.1- */ 
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-icon-zuo:before { content: "\e780"; }
.icon-icon-you:before { content: "\e6db"; position: relative; right: 32px; }

/* ———————————————————————页面共用样式——————————————————————— */

/* header */

#header.transparent-header { background-color: #0089c8; }

/* 二级动画 */
#primary-menu ul li:hover ul,
#primary-menu ul li:hover ul li,
#primary-menu ul li:hover>div { -webkit-animation: toSlide 0.45s ease; -moz-animation: toSlide 0.45s ease; -ms-animation: toSlide 0.45s ease; animation: toSlide 0.45s ease; }
@keyframes toSlide {
  0% { transform: translateY(10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@media (min-width: 992px){
  #primary-menu ul ul:not(.mega-menu-column):before,
  #primary-menu ul li .mega-menu-content:before { content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 15px solid #0089c8; position: absolute; top: -15px; left: 50%; margin-left: -20px; }
}
@media (max-width: 991px){
  #header, #header-wrap, #logo, #logo img,#top-search form{ height: 60px !important; }
  #primary-menu-trigger{ top: 5px; }
  #top-search a, #top-cart, #side-panel-trigger, #top-account{ margin: 20px 0; }
  #top-search form input{ font-size:14px; }
  #primary-menu ul li > a{ font-size:14px;color: #555 !important; }

  #primary-menu ul ul:not(.mega-menu-column), 
  #primary-menu ul li .mega-menu-content{ left: 0;margin-left: 0; }
 
  /* 禁用一级菜单跳转 */
  #primary-menu li.sub-menu a.sf-with-ul{ pointer-events: none; } 
 
}


/* page-title */
/* .page-title:after{ content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0; z-index: 9; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2); } */
.page-title{ overflow: hidden; }
.page-title .divcenter:before { content: ""; display: block; position: absolute; width: 100%; height: 360px; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.page-title .container h2 { font-size: 36px; margin-bottom: 10px; text-transform: uppercase; }
.page-title .container h3 { margin-bottom: 20px; }
.breadcrumb.relative { position: relative !important; left: auto !important; right: auto !important; }

@media (max-width: 991px){
  .page-title{ padding: 100px 0 !important; }
  .page-title .container h2{ font-size: 20px;margin-bottom: 0; }
  .page-title .container h3{ font-size: 14px;margin-bottom: 10px; }
}


/* flex slider */
#slider .flex-direction-nav { opacity: 0; transition: .5s ease; }
#slider:hover .flex-direction-nav { opacity: 1; }
.flex-control-nav { width: 100%; top: auto; bottom: 10px; }
.flex-control-nav li { float: none !important; display: inline-block; width: 10px; height: 10px; }
.flex-control-nav li a { width: 10px !important; height: 10px !important; margin: 0 10px; border: 2px solid #999; }
.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #fff; border: 2px solid #fff; }

/* .slide.flex-active-slide > div { animation: fadeToTop 0.8s ease 0.8s;animation-fill-mode: both; opacity: 0; } */
@keyframes fadeToTop {
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

/* content */
#content .content-wrap { background-color: #f5f5f5; }
#content .content-wrap p { margin-bottom: 0; }

/* pagination 分页 */
.pagination li a,
.pagination li.active span{ margin: 2px; }


/* footer */
#footer.dark a,
#copyrights a { color: #eee; }
.primary-footer { padding: 60px 0 30px; }
/* .primary-footer .msg { padding-right: 50px; } */

.primary-footer .nav li { padding: 2px 0; }
.primary-footer .nav li a { font-size: 13px; }
.primary-footer .nav h4 { font-weight: normal; margin-bottom: 20px; }
.primary-footer .nav h4 i { color: rgba(255, 255, 255, 0.7); }
.social-icons>a:last-child { margin-right: 0; }
.social-icons>a:last-child>img { width: 65%; }
.social-icons>a:last-child .qrcode { display: none; width: 130px; height: 150px; overflow: hidden; position: absolute; bottom: 50px; right: 0; z-index: 999; animation: qrcode .45s ease; animation-fill-mode: forwards; }
.social-icons>a:last-child:hover .qrcode { display: block; }
@keyframes qrcode {
  0% { transform: translate(100%, 10px) scale(0); transform-origin: bottom left; opacity: 1; }
  100% { transform: translate(0, 0) scale(1); transform-origin: bottom left; opacity: 1; }
}


@media (min-width: 992px){
  .primary-footer .msg { padding-right: 50px; }
  .primary-footer .nav [class*='col'] { border-left: 1px solid rgba(220, 220, 220, 0.25); padding-left: 30px; padding-right: 30px; }
  .primary-footer .nav [class*='col']:last-child { border-right: 1px solid rgba(220, 220, 220, 0.25); }
}
@media (max-width: 991px){
  .primary-footer{ padding: 30px 0 0; }
  .primary-footer .msg img{ display: block;margin: 0 auto; }
  .primary-footer .msg > div{ margin-top: 10px !important; }
  .primary-footer .msg p{ font-size: 12px;text-align: center; }

  .primary-footer .nav{ margin-top: 20px; }
  .primary-footer .nav h4{ font-size: 14px; border-bottom:1px solid #1c94cc;}
  .primary-footer .nav ul{ display: none;}
  #copyrights{ padding: 20px 0 10px; }
  #copyrights div,
  #copyrights .social-icons-mb{ text-align: center !important;  }
  .social-icons-mb .social-icon{ float: none !important;display: inline-block; }

}

/* ———————————————————————单页面样式——————————————————————— */

/* product page */

/* 产品页2级 */
.product-items .divcenter:before { content: ""; position: absolute; width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: .45s ease;
    display: block;
}

.product-items .divcenter:hover:before {
    background-color: rgba(0, 137, 200, 0.83);
}

.product-items .divcenter .overlay-text {
    position: absolute;
    z-index: 2;
    transform: translateY(30px);
    opacity: 0;
    transition: .45s ease;

    pointer-events: none;
}

.product-items .divcenter:hover .overlay-text {
    transform: translateY(0);
    opacity: 1;

    pointer-events: auto !important;
}

.product-items .overlay-text .button {
    color: #0089c8;
    border: 1px solid transparent;
    font-size: 12px;
    padding: 0 22px;
    line-height: 35px;
    height: 35px;
}

.product-items .overlay-text .button:hover {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}