@charset "UTF-8";

body {

  overflow-x: hidden; }



a:link, a:visited {

  color: #545454; }



a:hover, a:active, a:focus {

  color: #000000;

  text-decoration: none;

  outline: 0; }



.fm-tal {

  text-align: left; }



.fm-tac {

  text-align: center; }



.fm-tar {

  text-align: right; }



.fm-taj {

  text-align: justify; }



img {

  max-width: 100%; }



@media (max-width: 989px) {

  .fm-tal, .fm-tar, .fm-taj {

    text-align: center; } }



.inner-page .header-section .container-fluid {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px; }

  @media (min-width: 768px) {

    .inner-page .header-section .container-fluid {

      width: 750px; } }

  @media (min-width: 992px) {

    .inner-page .header-section .container-fluid {

      width: 970px; } }

  @media (min-width: 1200px) {

    .inner-page .header-section .container-fluid {

      width: 1170px; } }



div.zoomDiv {

  z-index: 999;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 200px;

  height: 200px;

  background: #ffffff;

  border: 1px solid #ccc;

  display: none;

  text-align: center;

  overflow: hidden; }

  div.zoomDiv img {

    max-width: initial; }



div.zoomMask {

  position: absolute;

  background: url(../images/zoommask.png) repeat scroll 0 0 transparent;

  cursor: move;

  z-index: 1; }



.zoom-img {

  position: relative; }



.handle-btn {

  display: inline-block;

  margin-bottom: 0;

  padding: 0 30px;

  line-height: 36px;

  height: 38px;

  font-weight: normal;

  text-align: center;

  vertical-align: middle;

  touch-action: manipulation;

  cursor: pointer;

  background-image: none;

  outline: none;

  border: none;

  white-space: nowrap;

  text-decoration: none; }

  .handle-btn.handle-btn-inquire {

    border: 1px solid transparent; }

  .handle-btn.handle-btn-add {

    border: 1px solid transparent;

    margin: 0 10px; }

  .handle-btn:hover {

    opacity: 0.85; }

  .handle-btn.handle-btn-block {

    width: 100%; }

  .handle-btn .fa {

    font-size: 17px; }



.btn-wrap.btn-style-1 .handle-btn-inquire {

  border-color: #e64545;

  color: #fff;

  background-color: #e64545;

  border-radius: 4px; }



.btn-wrap.btn-style-1 .handle-btn-add {

  padding: 0; }



.btn-wrap.btn-style-2 .handle-btn-inquire {

  border-color: #f6931b;

  color: #fff;

  background-color: #f6931b; }



.btn-wrap.btn-style-2 .handle-btn-add {

  border-color: #ef6737;

  color: #fff;

  background-color: #ef6737; }



.btn-wrap.btn-style-3 .handle-btn-inquire {

  border-color: #f06b37;

  color: #fff;

  background-color: #f06b37; }



.btn-wrap.btn-style-3 .handle-btn-add {

  border-color: #db2121;

  color: #fff;

  background-color: #db2121; }



.btn-wrap.btn-style-4 .handle-btn-inquire {

  border-color: #1d5991;

  color: #fff;

  background-color: #1d5991; }



.btn-wrap.btn-style-4 .handle-btn-add {

  border-color: #3498db;

  color: #fff;

  background-color: #3498db; }



.btn-wrap.btn-style-5 .handle-btn-inquire {

  border-color: #e74c3c;

  color: #fff;

  background-color: #e74c3c; }



.btn-wrap.btn-style-5 .handle-btn-add {

  border-color: #34495e;

  color: #fff;

  background-color: #34495e; }



.btn-wrap.btn-style-6 .handle-btn-inquire {

  border-color: #ff9233;

  color: #ff9233;

  background-color: #fff8f1; }



.btn-wrap.btn-style-6 .handle-btn-add {

  border-color: #ff9233;

  color: #fff;

  background-color: #ff9233; }



.btn-wrap.btn-style-7 .handle-btn-inquire {

  border-color: #c40000;

  color: #c40000;

  background-color: #ffeded; }



.btn-wrap.btn-style-7 .handle-btn-add {

  border-color: #c40000;

  color: #fff;

  background-color: #c40000; }



.btn-wrap.btn-style-8 .handle-btn-inquire {

  border-color: #f0cab6;

  color: #e5511d;

  background-color: #ffe4d0; }



.btn-wrap.btn-style-8 .handle-btn-add {

  border-color: #f22d00;

  color: #fff;

  background-color: #f22d00; }



.btn-wrap.btn-style-9 .handle-btn-inquire {

  border-color: #07ac8d;

  color: #fff;

  background-color: #19bc9d; }



.btn-wrap.btn-style-9 .handle-btn-add {

  border-color: #34495e;

  color: #fff;

  background-color: #34495e; }



.btn-wrap.btn-style-10 .handle-btn-inquire {

  border-color: #42ba05;

  color: #40be03;

  background-color: #dbf1d0; }



.btn-wrap.btn-style-10 .handle-btn-add {

  border-color: #40be03;

  color: #fff;

  background-color: #40be03; }



.btn-wrap.btn-style-11 .handle-btn-inquire {

  border-color: #097ac8;

  color: #0589e3;

  background-color: #eef4fb; }



.btn-wrap.btn-style-11 .handle-btn-add {

  border-color: #0472bd;

  color: #fff;

  background-color: #0472bd; }



.btn-wrap.btn-style-12 .handle-btn-inquire {

  border-color: #ff400c;

  color: #e5511d;

  background-color: #fcf6f4; }



.btn-wrap.btn-style-12 .handle-btn-add {

  border-color: #f15018;

  color: #fff;

  background-color: #f15018; }



/** 小分辨率换行问题 */

.edit-wrap {

  margin-bottom: 0px; }

  .edit-wrap h1, .edit-wrap h2, .edit-wrap h3, .edit-wrap h4, .edit-wrap h5, .edit-wrap h6 {

    margin: 0;

    line-height: 1.2; }



.wrap-placeholder {

  margin-bottom: 0px; }



@media (max-width: 989px) {

  .edit-wrap {

    margin-bottom: 10px; }

  .wrap-placeholder:last-child,

  .edit-wrap:last-child {

    margin-bottom: 0px; } }



/** 小分辨率换行问题 End */

/** 图片组件默认下边距 */

.wrap-pic {

  margin-bottom: 10px; }



/** 默认的hd、bd字体颜色和大小 */

.site-widget-hd {

  font-weight: normal;

  padding: 10px 0px;

  margin-bottom: 10px;

  font-size: 18px;

  color: #333333;

  position: relative; }



.site-widget-bd {

  line-height: inherit;

  font-size: 14px;

  color: #898989; }



.wrap-placeholder {

  height: 20px; }



.title-text-fs2416 .site-widget-hd {

  font-size: 24px;

  margin-bottom: 5px; }



.title-text-fs2416 .site-widget-bd {

  font-size: 16px; }



.title-text-fs2214 .site-widget-hd {

  font-size: 22px;

  margin-bottom: 5px; }



.title-text-fs2214 .site-widget-bd {

  font-size: 14px; }



.text-bold .site-widget-bd {

  font-weight: bold; }



.text-fs24 .site-widget-bd {

  font-size: 24px;

  line-height: 200%; }



.text-fs22 .site-widget-bd {

  font-size: 22px;

  line-height: 200%; }



.text-fs20 .site-widget-bd {

  font-size: 20px;

  line-height: 200%; }



.text-fs18 .site-widget-bd {

  font-size: 18px;

  line-height: 200%; }



.text-fs16 .site-widget-bd {

  font-size: 16px;

  line-height: 180%; }



/**

 * ========================================

 * 全屏轮播样式

 * ========================================

 *

 * Create By Duyue 61196135@qq.com

 * 2016/9/10 09:11

 */

/** Full Screen Slide */

.wrap-full-screenSlide {

  position: absolute !important;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden; }

  .wrap-full-screenSlide .site-widget-bd {

    width: 100%;

    height: 100%; }

  .wrap-full-screenSlide .screen-slides,

  .wrap-full-screenSlide .slides-li {

    margin: 0px;

    padding: 0px;

    list-style: none;

    display: block;

    width: 100%;

    height: 100%; }

  .wrap-full-screenSlide .slides-li {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    opacity: 0;

    filter: alpha(opacity=0); }

  .wrap-full-screenSlide .slides-li:first-child {

    opacity: 1;

    filter: alpha(opacity=100); }

  .wrap-full-screenSlide .slides-img {

    position: relative;

    min-width: 100%;

    max-width: none;

    min-height: 100%;

    top: 0;

    left: 0;

    display: block;

    height: auto;

    float: left;

    border: 0; }



.wrap-full-screenSlide .prev, .wrap-full-screenSlide .next {

  display: none;

  cursor: pointer;

  position: absolute;

  top: 50%;

  z-index: 3;

  line-height: 36px;

  width: 36px;

  height: 36px;

  margin-top: -13px;

  line-height: 1;

  overflow: hidden;

  color: #fff;

  opacity: 0.2;

  text-align: center;

  background: #000; }



.wrap-full-screenSlide .prev:hover, .wrap-full-screenSlide .next:hover {

  opacity: 1;

  text-decoration: none; }



.wrap-full-screenSlide .prev {

  left: 0; }

  .wrap-full-screenSlide .prev:before {

    content: "\f104"; }



.wrap-full-screenSlide .next {

  right: 0; }

  .wrap-full-screenSlide .next:before {

    content: "\f105"; }



.wrap-full-screenSlide:hover .prev, .wrap-full-screenSlide:hover .next {

  display: block; }



@media (max-width: 767px) {

  .wrap-full-screenSlide .prev, .wrap-full-screenSlide .next {

    display: none; } }



.wrap-full-screenSlide .prev:before, .wrap-full-screenSlide .next:before {

  display: block;

  width: 36px;

  height: 36px;

  font-family: "FontAwesome";

  font-size: 28px;

  line-height: 36px;

  text-align: center; }



/** 全屏轮播样式 End */

/**

 * ========================================

 * 模版主题样式公共样式

 * ========================================

 *

 * Create By Duyue 61196135@qq.com

 * 2016/10/13 15:11

 */

/** fixed module */

.container-outer.outer-fixed {

  position: fixed;

  width: 100%;

  z-index: 1200;

  transition: background-color ease 300ms;

  -webkit-animation: fadeInDown 1s .2s ease both;

  -moz-animation: fadeInDown 1s .2s ease both;

  animation: fadeInDown 1s .2s ease both; }



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0); } }



@-moz-keyframes fadeInDown {

  0% {

    opacity: 0;

    -moz-transform: translateY(-20px); }

  100% {

    opacity: 1;

    -moz-transform: translateY(0); } }



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -moz-transform: translateY(-20px); }

  100% {

    opacity: 1;

    -moz-transform: translateY(0); } }



.outer-theme-bg {

  background-color: #000;

  color: #fff; }

  .outer-theme-bg .site-widget-hd {

    color: #fff; }

    .outer-theme-bg .site-widget-hd .edit-title-link {

      color: #fff; }

  .outer-theme-bg .site-widget-bd {

    color: #fff; }



.outer-full-screen .full-screen-table {

  display: table;

  width: 100%;

  vertical-align: middle; }



.outer-full-screen .full-screen-row {

  display: table-cell;

  width: 100%;

  vertical-align: middle; }



.outer-full-screen .wrap-title-text .site-widget-hd {

  font-size: 50px; }



.outer-full-screen .wrap-title-text .site-widget-bd {

  font-size: 24px; }



@media (max-width: 767px) {

  .outer-full-screen .wrap-title-text .site-widget-hd {

    font-size: 34px; }

  .outer-full-screen .wrap-title-text .site-widget-bd {

    font-size: 20px; } }



@media (max-width: 479px) {

  .outer-full-screen .wrap-title-text .site-widget-hd {

    font-size: 30px; }

  .outer-full-screen .wrap-title-text .site-widget-bd {

    font-size: 18px; } }



/** 模版主题样式公共样式 End */

/** 文字颜色 */

.text-black {

  color: #000; }



.text-white {

  color: #fff; }



/** 内边距 */

.f-pd-30 {

  padding: 30px; }



.f-pd-50 {

  padding: 50px; }



.f-pd-30-t-b {

  padding-top: 30px;

  padding-bottom: 30px; }



.f-pd-50-t-b {

  padding-top: 50px;

  padding-bottom: 50px; }



.f-pd-70-t-b {

  padding-top: 70px;

  padding-bottom: 70px; }



.f-pd-90-t-b {

  padding-top: 90px;

  padding-bottom: 90px; }



.f-pd-100-t-b {

  padding-top: 100px;

  padding-bottom: 100px; }



.f-pd-150-t-b {

  padding-top: 150px;

  padding-bottom: 150px; }



.f-pd-200-t-b {

  padding-top: 200px;

  padding-bottom: 200px; }



/** 高度设定 */

.f-height-10 {

  height: 10px; }



.f-height-20 {

  height: 20px; }



.f-height-30 {

  height: 30px; }



.f-height-40 {

  height: 40px; }



.f-height-45 {

  height: 45px; }



.f-height-50 {

  height: 50px; }



.f-height-60 {

  height: 60px; }



.f-height-70 {

  height: 70px; }



.f-height-80 {

  height: 80px; }



.f-height-90 {

  height: 90px; }



.f-height-100 {

  height: 100px; }



.f-height-150 {

  height: 150px; }



.f-height-200 {

  height: 200px; }



/** 高度设定 End */

/* 百度地图样式补丁 */

.BMapLabel {

  max-width: none; }



.wrap-baiduMap .map-warp {

  height: 200px; }



.full-screen-row {

  padding: 0 50px; }



/**模版询价列表 弹窗样式*/

.inquire-basket-listwrap {

  position: fixed;

  z-index: 99;

  right: 0;

  bottom: 0;

  width: 230px;

  background-color: #fff;

  border: 1px solid #aaa;

  box-shadow: 0 0 8px #999; }



.inquire-basket-listwrap .basket-title {

  font-weight: bold;

  font-size: 12px;

  line-height: 36px;

  text-align: center;

  color: #fff;

  background-color: #ff7a60; }

  .inquire-basket-listwrap .basket-title .down {

    position: absolute;

    right: 6px;

    top: 12px;

    cursor: pointer; }

  .inquire-basket-listwrap .basket-title .up {

    position: absolute;

    right: 6px;

    top: 12px;

    cursor: pointer;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg); }



.basket-title-pronum {

  color: #fff; }



.basket-lists {

  padding: 2px 1px;

  height: 190px;

  overflow-y: auto; }



.basket-lists ul {

  list-style: none;

  margin: 0;

  padding: 0; }



.basket-lists li {

  float: left;

  width: 100%;

  padding: 8px 0;

  height: 50px;

  border-bottom: 1px solid #e8e8e8; }



.basket-lists li:hover .basket-list-delate {

  display: inline-block; }



.basket-lists li a {

  float: left;

  margin-left: 10px;

  font-size: 12px;

  line-height: 16px; }



.basket-lists .basket-list-name {

  width: 140px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #246bb3;

  text-decoration: none; }



.basket-lists li .basket-list-delate {

  display: none;

  margin-top: 8px;

  color: #888;

  text-decoration: none; }



/*Inquire btn*/

.basket-btns {

  padding: 10px;

  font-size: 12px; }



.basket-btns button[type="button"] {

  line-height: 16px;

  padding: 4px 10px;

  font-size: 12px;

  color: #fff;

  border: 0;

  background-color: #ff7a60;

  border-radius: 4px; }



.flr {

  float: right; }



/**模版询价列表 弹窗样式 End*/

.wrap-quickNav a {

  display: block; }



.site-widget-quicknav .site-widget-hd {

  border-bottom: 1px solid #eee; }



.wrap-nav {

  position: relative;

  /** 导航全局 功能设置 */

  /*

    // PC端子菜单hover显示

    @media (min-width: 989px) {

        .has-child:hover {

            >.is-child {

                display: block;

            }

        }

    }*/

  /** 导航全局 功能设置 End */

  /** 导航 lev 1 */

  /** 导航 lev 1 End */

  /** 导航 lev 2 */

  /** 导航 lev 2 End */

  /** 导航 lev 3 */

  /** 导航全局 lev 3 End */

  /** 导航全局 移动端 显示导航按钮 */

  /** 导航全局 移动端 显示导航按钮 End */

  /** 移动端 导航控制 */

  /** 移动端 导航控制 End */

  /** 移动端 小于769分辨率时 导航控制 End */ }

  .wrap-nav * {

    transition: all ease-in 100ms; }

  .wrap-nav ul, .wrap-nav li, .wrap-nav a {

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

    white-space: nowrap;

    text-overflow: ellipsis; }

  .wrap-nav .open-icon {

    display: inline-block; }

  .wrap-nav .close-icon {

    display: none; }

  .wrap-nav.open .open-icon {

    display: none; }

  .wrap-nav.open .close-icon {

    display: inline-block; }

  .wrap-nav .ico-down {

    margin-left: 5px; }

  .wrap-nav .ico-wap-down {

    display: none; }

  .wrap-nav .ico-ctl i {

    margin-right: 5px; }

  .wrap-nav .ico-ctl img {

    margin-right: 5px;

    margin-top: -3px;

    display: inline-block;

    max-width: 1.28571429em;

    max-height: 1.28571429em; }

  .wrap-nav .is-child {

    min-width: 100%;

    position: absolute;

    display: none;

    z-index: 99; }

  .wrap-nav .ul-lev-1 .li-lev-1 {

    border-bottom: solid 1px #fff; }

  @media (min-width: 989px) {

    .wrap-nav .ul-lev-1 {

      background-color: transparent !important; }

      .wrap-nav .ul-lev-1 .li-lev-1 {

        border-bottom: none; } }

  .wrap-nav .li-lev-1 {

    font-size: 18px;

    display: inline-block;

    float: left; }

    .wrap-nav .li-lev-1 .a-lev-1 {

      display: inline-block;

      line-height: 60px;

      padding: 0 20px;

      color: #333; }

    .wrap-nav .li-lev-1:hover .a-lev-1 {

      color: #e0e0e0; }

  @media (max-width: 989px) {

    .wrap-nav {

      width: 720px;

      position: fixed !important;

      left: 50%;

      margin-left: -360px;

      z-index: 102; }

      .wrap-nav .li-lev-1:hover .a-lev-1, .wrap-nav .li-lev-1 .a-lev-1 {

        color: #fff; } }

  @media (max-width: 768px) {

    .wrap-nav {

      width: auto;

      left: 15px;

      top: 15px;

      right: 15px;

      margin-left: 0; } }

  .wrap-nav .li-lev-2 {

    min-width: 100%;

    font-size: 16px; }

    .wrap-nav .li-lev-2 .a-lev-2 {

      display: block;

      line-height: 40px;

      padding: 0 30px 0 20px;

      min-width: 100%;

      color: #eee; }

      .wrap-nav .li-lev-2 .a-lev-2 .ico-down {

        transform: rotate(-90deg);

        position: absolute;

        top: 50%;

        margin-top: -6px;

        right: 15px; }

    .wrap-nav .li-lev-2:hover .a-lev-2 {

      color: #e0e0e0; }

  .wrap-nav .ul-lev-3.is-child {

    top: 0;

    left: 100%; }

    @media (max-width: 989px) {

      .wrap-nav .ul-lev-3.is-child {

        display: block !important;

        left: 0; } }

  .wrap-nav .ul-lev-3.is-child.last-child {

    right: 100%;

    left: auto; }

  .wrap-nav .li-lev-3 {

    min-width: 100%;

    font-size: 14px; }

    .wrap-nav .li-lev-3 .a-lev-3 {

      display: block;

      line-height: 40px;

      padding: 0 20px;

      min-width: 100%;

      color: #eee; }

    .wrap-nav .li-lev-3:hover .a-lev-3 {

      color: #e0e0e0; }

  .wrap-nav .menu-toggle-btn {

    display: none;

    position: relative;

    width: 46px;

    height: 46px;

    line-height: 54px;

    text-align: center;

    overflow: hidden;

    cursor: pointer; }

    .wrap-nav .menu-toggle-btn i {

      font-size: 24px; }

  @media (max-width: 989px) {

    .wrap-nav .menu-toggle-btn {

      display: block;

      float: right; }

    .wrap-nav .ico-down {

      display: none; }

    .wrap-nav .ico-wap-down {

      display: block;

      width: 60px;

      height: 60px;

      line-height: 60px;

      text-align: center;

      position: absolute;

      top: 0px;

      right: 0px;

      background-color: rgba(255, 255, 255, 0);

      color: #fff; }

    .wrap-nav .ico-wap-down:hover {

      background-color: rgba(255, 255, 255, 0.25); }

    .wrap-nav .is-child {

      position: relative;

      display: none;

      min-width: 100%;

      left: auto;

      right: auto;

      top: auto;

      bottom: auto; }

    .wrap-nav .ul-lev-1 {

      display: none;

      clear: both; }

    .wrap-nav .li-lev-1 {

      float: none;

      display: block;

      width: 100%; }

      .wrap-nav .li-lev-1 .a-lev-1 {

        display: block;

        width: 100%;

        overflow: hidden; }

    .wrap-nav .li-lev-2 {

      float: none;

      display: block;

      width: 100%; }

      .wrap-nav .li-lev-2 .a-lev-2 {

        display: block;

        width: 100%;

        padding-left: 40px; }

    .wrap-nav .ul-lev-3.is-child.last-child {

      left: auto;

      right: auto;

      top: auto;

      bottom: auto; }

    .wrap-nav .li-lev-3 {

      float: none;

      display: block;

      width: 100%; }

      .wrap-nav .li-lev-3 .a-lev-3 {

        display: block;

        width: 100%;

        padding-left: 60px; } }



/* 导航风格1 */

.nav-style-1 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-1 .ul-lev-1 {

  background-color: #0c6fb3; }



.nav-style-1 .li-lev-1:hover .a-lev-1, .nav-style-1 .li-lev-1.active .a-lev-1 {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-1 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-1 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-1 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-1 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/* 导航风格2 */

.nav-style-2 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-2 .ul-lev-1 {

  background-color: #0c6fb3;

  border-bottom: 2px solid #0c6fb3; }



.nav-style-2 .li-lev-1:hover .a-lev-1, .nav-style-2 .li-lev-1.active .a-lev-1 {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-2 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-2 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-2 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-2 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/* 导航风格3 */

.nav-style-3 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-3 .ul-lev-1 {

  background-color: #0c6fb3; }



@media (min-width: 989px) {

  .nav-style-3 .li-lev-1:hover .a-lev-1, .nav-style-3 .li-lev-1.active .a-lev-1 {

    color: #0c6fb3; } }



.nav-style-3 .li-lev-1 .nav-separator {

  display: inline-block;

  position: absolute;

  top: 50%;

  margin-top: -4px;

  right: 0;

  width: 1px;

  height: 8px;

  background: url(../images/separator1.png) no-repeat center center; }



.nav-style-3 .li-lev-1:last-child .nav-separator {

  display: none; }



.nav-style-3 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-3 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-3 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-3 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/* 导航风格4 */

.nav-style-4 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-4 .ul-lev-1 {

  background-color: #0c6fb3; }



@media (min-width: 989px) {

  .nav-style-4 .li-lev-1:hover .a-lev-1, .nav-style-4 .li-lev-1.active .a-lev-1 {

    color: #0c6fb3; } }



.nav-style-4 .li-lev-1 .nav-separator {

  display: inline-block;

  position: absolute;

  top: 50%;

  margin-top: -7px;

  right: 0;

  width: 5px;

  height: 14px;

  background: url(../images/separator2.png) no-repeat center center; }



.nav-style-4 .li-lev-1:last-child .nav-separator {

  display: none; }



.nav-style-4 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-4 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-4 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-4 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/* 导航风格5 */

.nav-style-5 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-5 .ul-lev-1 {

  background-color: #0c6fb3; }



@media (min-width: 989px) {

  .nav-style-5 .li-lev-1 .a-lev-1 {

    border-bottom: 4px solid transparent; }

  .nav-style-5 .li-lev-1:hover .a-lev-1, .nav-style-5 .li-lev-1.active .a-lev-1 {

    color: #0c6fb3;

    border-bottom: 4px solid #0c6fb3;

    margin-bottom: 0;

    transition: none; } }



.nav-style-5 .li-lev-1:last-child .nav-separator {

  display: none; }



.nav-style-5 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-5 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-5 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-5 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/* 导航风格6 */

.nav-style-6 .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.nav-style-6 .ul-lev-1 {

  background-color: #0c6fb3; }



.nav-style-6 .li-lev-1 {

  border-top: 4px solid transparent; }

  @media (min-width: 989px) {

    .nav-style-6 .li-lev-1:hover, .nav-style-6 .li-lev-1.active {

      border-top: 4px solid #0c6fb3; }

      .nav-style-6 .li-lev-1:hover .a-lev-1, .nav-style-6 .li-lev-1.active .a-lev-1 {

        color: #0c6fb3; } }

  .nav-style-6 .li-lev-1:last-child .nav-separator {

    display: none; }



.nav-style-6 .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-6 .li-lev-2:hover .a-lev-2 {

  background-color: #005da8;

  color: #fff; }



.nav-style-6 .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.nav-style-6 .li-lev-3:hover .a-lev-3 {

  background-color: #005da8;

  color: #fff; }



/*下拉风格 2*/

.slide-style-f2 .ul-lev-2.is-child {

  left: 0;

  padding-top: 10px;

  background-color: transparent; }



.slide-style-f2 .ul-lev-2:before {

  content: ' ';

  display: block;

  position: absolute;

  top: 0px;

  left: 30px;

  width: 0;

  height: 0;

  overflow: hidden;

  border-width: 0 10px 10px;

  border-style: dashed dashed solid dashed;

  border-color: transparent transparent transparent transparent;

  border-bottom-color: #FF9C88; }



@media (max-width: 989px) {

  .slide-style-f2 .ul-lev-2.is-child {

    left: auto;

    padding-top: 0; }

  .slide-style-f2 .ul-lev-2:before {

    display: none; } }



/*下拉风格 3*/

.nav-hover-mask {

  position: absolute;

  left: 0;

  background-color: rgba(255, 255, 255, 0.75); }



.slide-style-f3 .is-child .ico-down {

  display: none; }



.slide-style-f3 .ul-lev-2 {

  padding: 20px 0; }



.slide-style-f3 .li-lev-2 {

  display: inline-block;

  vertical-align: top;

  min-width: auto; }

  .slide-style-f3 .li-lev-2 .a-lev-2 {

    color: initial;

    background-color: transparent !important; }

  .slide-style-f3 .li-lev-2:hover .a-lev-2 {

    font-weight: bold;

    text-indent: -0.5em;

    color: initial;

    background-color: transparent !important; }



.slide-style-f3 .ul-lev-3.is-child {

  position: static;

  display: block !important;

  padding-left: 20px; }



.slide-style-f3 .li-lev-3 .a-lev-3 {

  color: initial;

  background-color: transparent !important; }



.slide-style-f3 .li-lev-3:hover .a-lev-3 {

  font-weight: bold;

  text-indent: -0.5em;

  color: initial;

  background-color: transparent !important; }



/*

// expert nav

.edit-wrap.wrap-nav {

    .nav-ico-ctl {

        img {

            display: inline-block;

            max-width: 1.5em;

            max-height: 1.5em;

        }

    }

    .menu-toggle-btn {

        display: none;

        position: relative;

        width: 40px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        cursor: pointer;

        i {

            font-size: 24px;

        }

        .open-icon {

            display: inline-block;

        }

        .close-icon {

            display: none;

        }

    }

    &.nav-open {

        .open-icon {

            display: none;

        }

        .close-icon {

            display: inline-block;

        }

    }

    a {

        transition: background-color ease 300ms;

    }

    ul {

        padding-left: 0;

    }

    @media (min-width: 769px) {

        .nav-wrap {

            li {

                position: relative;

                list-style-type: none;

                white-space: nowrap;

                .nav-ico-ctl{

                    margin-right: 5px;

                }

                .arrow-mark{

                    margin-left: 5px;

                }

            }

            >li {

                display: inline-block;

                float: left;

                line-height: 60px;

                font-size: 18px;

                >a {

                    display: block;

                    padding: 0 30px;

                    font-weight: normal;

                }

            }

            &.slide-style-f2 {

                >li {

                    >.child-nav {

                        margin-top: 15px;

                        &:after {

                            content: "";

                            display: block;

                            position: absolute;

                            width: 100%;

                            height: 15px;

                            top: -15px;

                            background-color: transparent;

                        }

                        &:before {

                            content: "";

                            display: block;

                            position: absolute;

                            top: -10px;

                            left: 30px;

                            width: 0;

                            height: 0;

                            border-width: 0 10px 10px;

                            border-style: solid;

                            border-color: transparent transparent #217ef0;

                        }

                    }

                }

            }

            &.slide-style-f3 {

                position: relative;

                li {

                    position: static;

                    vertical-align: top;

                }

                >.has-child {

                    &:hover {

                        .child-nav {

                            display: block;

                        }

                    }

                    >.child-nav {

                        left: 0;

                        padding: 0;

                        width: 100%;

                        // background-color: rgba(255, 255, 255, .9);

                        li {

                            display: inline-block;

                            line-height: 36px;

                            background-color: initial;

                            a {

                                color: #333;

                                min-width: auto;

                                &:hover {

                                    color: #217ef0;

                                    background-color: initial;

                                    padding: 0 20px;

                                }

                            }

                        }

                        .child-nav {

                            position: static;

                            padding: 0;

                            background-color: initial;

                        }

                    }

                }

            }

            .child-nav {

                position: absolute;

                z-index: 9999;

                display: none;

                // background-color: #4c4c4c;

                padding: 10px 0;



                li {

                    line-height: 40px;

                    a {

                        display: block;

                        padding: 0 30px;

                        color: #fff;

                        &:hover {

                            background-color: #666;

                        }

                        .arrow-mark:before{

                            content: "\f105";

                        }

                    }

                }

            }

            &.slide-style-f1,

            &.slide-style-f2 {

                .has-child {

                    &:hover {

                        >.child-nav {

                            display: block;

                        }

                    }

                }

                .child-nav {

                    .child-nav {

                        padding: 0;

                        top: 0;

                        left: 100%;

                    }

                }

            }

        }

        .drop-btn {

            display: none;

        }

        .wrap-nav-1 {

            &.nav-wrap {

                >li {

                    &.active,

                    &:hover {

                        >a {

                            background-color: #8ab289;

                            color: #fff;

                        }

                    }

                }

            }

        }

        .wrap-nav-2 {

            &.nav-wrap {

                border-bottom: 2px solid #0c6fb3;

                >li {

                    &.active,

                    &:hover {

                        >a {

                            background-color: #0c6fb3;

                            color: #fff;

                        }

                    }

                }

            }

        }

        .wrap-nav-3 {

            .nav-separator {

                display: inline-block;

                position: absolute;

                top: 50%;

                margin-top: -4px;

                right: 0;

                width: 1px;

                height: 8px;

                background: url(../images/separator1.png) no-repeat center center;

            }

            &.nav-wrap {

                >li:last-child {

                    .nav-separator {

                        display: none;

                    }

                }

            }

        }

        .wrap-nav-4 {

            .nav-separator {

                display: inline-block;

                position: absolute;

                top: 50%;

                margin-top: -7px;

                right: 0;

                width: 5px;

                height: 14px;

                background: url(../images/separator2.png) no-repeat center center;

            }

            &.nav-wrap {

                >li:last-child {

                    .nav-separator {

                        display: none;

                    }

                }

            }

        }

        .wrap-nav-5 {

            &.nav-wrap {

                >li {

                    padding-bottom: 4px;

                    padding-top: 4px;

                    &.active,

                    &:hover {

                        padding-bottom: 0;

                        >a {

                            border-bottom: 4px solid #3194d2;

                        }

                    }

                }

                .child-nav {

                    // background-color: #0c6fb3;

                    li {

                        a {

                            color: #fff;

                            &:hover {

                                background-color: #0089d1;

                            }

                        }

                    }

                }

            }

        }

        .wrap-nav-6 {

            &.nav-wrap {

                >li {

                    a {

                        border-top: 4px solid transparent;

                    }

                    &.active,

                    &:hover {

                        >a {

                            border-top: 4px solid #0c6fb3;

                        }

                    }

                }

                .child-nav {

                    // background-color: #0c6fb3;

                    li {

                        a {

                            color: #fff;

                            &:hover {

                                background-color: #0089d1;

                            }

                        }

                    }

                }

            }

        }

    }

    @media (max-width: 768px) {

        position: absolute;

        z-index: 101;

        width: 60%;

        right: -60%;

        transition: right ease 400ms;

        .nav-wrap {

            padding: 5px 0;

            background-color: #0c6fb3;

            .nav-separator {

                display: none;

            }

        }

        .menu-toggle-btn {

            position: absolute;

            display: block;

            left: -40px;

            background-color: #0c6fb3;

            color: #fff;

            .fa {

                vertical-align: middle;

            }

        }

        &.nav-open {

            right: 0;

        }

        color: #fff;

        li {

            list-style-type: none;

        }

        a {

            display: block;

            padding: 5px 30px 5px 10px;

            white-space: nowrap;

            font-weight: normal;

            color: #fff;

            text-decoration: none;

            cursor: default;

        }

        .has-child {

            position: relative;

            .arrow-mark {

                display: none;

            }

        }

        .drop-btn {

            position: absolute;

            width: 30px;

            height: 30px;

            right: 0;

            top: 0;

            text-align: center;

            line-height: 30px;

            cursor: pointer;

            color: #fff;

        }

        .child-nav {

            display: none;

            position: relative;

            margin-left: 10px;

        }

    }

}



.outer-header {

    .edit-wrap.wrap-nav {

        @media (max-width: 768px) {

            position: static;

            width: 100%;

            margin: 0;

            .menu-toggle-btn {

                // display: inline-block;

                // position: static;

            }

            .nav-wrap {

                display: none;

            }

            &.nav-open {



            }

        }

    }

}

*/

.wrap-lang ul, .wrap-lang li {

  margin: 0;

  padding: 0;

  z-index: 1;

  list-style: none;

  position: relative;

  display: inline-block;

  vertical-align: middle; }



.wrap-lang .lang-ico, .wrap-lang .lang-div {

  position: relative;

  display: inline-block;

  vertical-align: middle; }



.wrap-lang .lang-cont {

  margin: 1px 5px; }

  .wrap-lang .lang-cont .lang-link .link-ico img {

    vertical-align: inherit; }



.wrap-lang .lang-text {

  margin-left: 5px; }



.wrap-lang .lang-ico {

  margin-right: 5px; }



.wrap-lang .site-widget-bd .lang-link {

  color: #000; }



.lang-style-1 .link-ico {

  display: none; }



.lang-style-1 .lang-text {

  margin-left: 0; }



.lang-style-2 .lang-symbol,

.lang-style-2 .lang-text {

  display: none; }



.lang-style-4 .link-ico {

  display: none; }



.lang-style-5 .lang-text {

  display: none; }



.lang-style-1 .lang-current, .lang-style-2 .lang-current, .lang-style-3 .lang-current {

  display: none; }



.lang-style-4 .lang-ul, .lang-style-5 .lang-ul, .lang-style-6 .lang-ul, .lang-style-7 .lang-ul {

  display: none;

  position: absolute;

  left: 0px;

  height: auto;

  max-height: 280px;

  width: 160px;

  overflow: auto;

  overflow-x: hidden;

  overflow-y: hidden;

  background-color: #fff;

  border: solid 1px #eee;

  text-align: left; }



.lang-style-4 .lang-ul.active, .lang-style-5 .lang-ul.active, .lang-style-6 .lang-ul.active, .lang-style-7 .lang-ul.active {

  display: block; }



.lang-style-4 .lang-cont, .lang-style-5 .lang-cont, .lang-style-6 .lang-cont, .lang-style-7 .lang-cont {

  width: 160px;

  margin: 0;

  padding: 0 7px;

  display: block;

  cursor: pointer; }

  .lang-style-4 .lang-cont:hover, .lang-style-5 .lang-cont:hover, .lang-style-6 .lang-cont:hover, .lang-style-7 .lang-cont:hover {

    background-color: #eee; }



.lang-style-4 .lang-current, .lang-style-5 .lang-current, .lang-style-6 .lang-current, .lang-style-7 .lang-current {

  cursor: pointer;

  position: relative;

  z-index: 2;

  display: inline-block;

  height: 28px;

  line-height: 28px;

  padding: 0 7px;

  width: 160px;

  border: solid 1px #eee;

  background-color: #fff;

  border: solid 1px #eee;

  text-align: left; }

  .lang-style-4 .lang-current .lang-link .link-ico img, .lang-style-5 .lang-current .lang-link .link-ico img, .lang-style-6 .lang-current .lang-link .link-ico img, .lang-style-7 .lang-current .lang-link .link-ico img {

    vertical-align: inherit; }

  .lang-style-4 .lang-current::after, .lang-style-5 .lang-current::after, .lang-style-6 .lang-current::after, .lang-style-7 .lang-current::after {

    content: ' ';

    display: block;

    width: 4px;

    height: 4px;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-top: 4px solid #333;

    position: absolute;

    top: 50%;

    right: 5px; }



.lang-style-4 .lang-symbol, .lang-style-5 .lang-symbol, .lang-style-6 .lang-symbol, .lang-style-7 .lang-symbol {

  display: none; }



.lang-style-7 .lang-ul {

  background-color: #007bc2;

  border: solid 1px #007bc2; }



.lang-style-7 .lang-cont:hover {

  background-color: #006eb2; }



.lang-style-7 .lang-current {

  height: 40px;

  line-height: 40px;

  background-color: #007bc2;

  border: solid 1px #007bc2; }

  .lang-style-7 .lang-current::after {

    display: none; }

  .lang-style-7 .lang-current .link-ico {

    display: none; }



.lang-style-7 .lang-div .lang-link {

  color: #000;

  font-size: 16px; }



.wrap-crumbs a.crumbs-link, .wrap-crumbs span.acticve {

  margin: 0 5px; }



.crumbs-style-2 .site-widget-bd .crumbs-title {

  font-size: 22px;

  line-height: 200%; }



.crumbs-style-3 .site-widget-bd .crumbs-title {

  font-size: 22px;

  line-height: 160%; }



.crumbs-style-4 .site-widget-bd .crumbs-title {

  font-size: 22px;

  display: inline;

  float: left; }



.crumbs-style-4 .site-widget-bd .crumbs-content {

  display: inline;

  float: right; }



@media (max-width: 989px) {

  .crumbs-style-4 .site-widget-bd .crumbs-title {

    display: block;

    float: none;

    margin-bottom: 10px; }

  .crumbs-style-4 .site-widget-bd .crumbs-content {

    display: block;

    float: none; } }



.crumbs-style-4 .site-widget-bd::after {

  display: block;

  clear: both;

  height: 0;

  overflow: hidden;

  content: " "; }



/*当选8,9,10加上此类*/

.wrap-share {

  min-height: 20px; }



.edit-share-list:before,

.edit-share-list:after {

  content: " ";

  display: table;

  clear: both; }



.edit-share-list .share-link {

  display: inline-block;

  text-align: center;

  margin-bottom: 8px; }



.edit-share-list .share-icon-24 .share-link .ico {

  display: inline-block;

  width: 24px;

  height: 24px; }



.edit-share-list .share-icon-32 .share-link .ico {

  display: inline-block;

  width: 32px;

  height: 32px; }



.edit-share-list .share-icon-48 .share-link .ico {

  display: inline-block;

  width: 48px;

  height: 48px; }



.edit-share-list .share-icon-64 .share-link .ico {

  display: inline-block;

  width: 64px;

  height: 64px; }



.edit-share-list .share-link:hover {

  opacity: .8;

  filter: alpha(opacity=80); }



.share-style-1 .share-icon-24 .facebook .ico, .share-style-2 .share-icon-24 .facebook .ico, .share-style-3 .share-icon-24 .facebook .ico, .share-style-7 .share-icon-24 .facebook .ico, .share-style-8 .share-icon-24 .facebook .ico, .share-style-9 .share-icon-24 .facebook .ico, .share-style-10 .share-icon-24 .facebook .ico {

  background-position: 0 0; }



.share-style-1 .share-icon-24 .googleplus .ico, .share-style-2 .share-icon-24 .googleplus .ico, .share-style-3 .share-icon-24 .googleplus .ico, .share-style-7 .share-icon-24 .googleplus .ico, .share-style-8 .share-icon-24 .googleplus .ico, .share-style-9 .share-icon-24 .googleplus .ico, .share-style-10 .share-icon-24 .googleplus .ico {

  background-position: 0 -64px; }



.share-style-1 .share-icon-24 .linkedin .ico, .share-style-2 .share-icon-24 .linkedin .ico, .share-style-3 .share-icon-24 .linkedin .ico, .share-style-7 .share-icon-24 .linkedin .ico, .share-style-8 .share-icon-24 .linkedin .ico, .share-style-9 .share-icon-24 .linkedin .ico, .share-style-10 .share-icon-24 .linkedin .ico {

  background-position: 0 -128px; }



.share-style-1 .share-icon-24 .sinaweibo .ico, .share-style-2 .share-icon-24 .sinaweibo .ico, .share-style-3 .share-icon-24 .sinaweibo .ico, .share-style-7 .share-icon-24 .sinaweibo .ico, .share-style-8 .share-icon-24 .sinaweibo .ico, .share-style-9 .share-icon-24 .sinaweibo .ico, .share-style-10 .share-icon-24 .sinaweibo .ico {

  background-position: 0 -192px; }



.share-style-1 .share-icon-24 .twitter .ico, .share-style-2 .share-icon-24 .twitter .ico, .share-style-3 .share-icon-24 .twitter .ico, .share-style-7 .share-icon-24 .twitter .ico, .share-style-8 .share-icon-24 .twitter .ico, .share-style-9 .share-icon-24 .twitter .ico, .share-style-10 .share-icon-24 .twitter .ico {

  background-position: 0 -256px; }



.share-style-1 .share-icon-24 .youtube .ico, .share-style-2 .share-icon-24 .youtube .ico, .share-style-3 .share-icon-24 .youtube .ico, .share-style-7 .share-icon-24 .youtube .ico, .share-style-8 .share-icon-24 .youtube .ico, .share-style-9 .share-icon-24 .youtube .ico, .share-style-10 .share-icon-24 .youtube .ico {

  background-position: 0 -320px; }



.share-style-1 .share-icon-24 .qzone .ico, .share-style-2 .share-icon-24 .qzone .ico, .share-style-3 .share-icon-24 .qzone .ico, .share-style-7 .share-icon-24 .qzone .ico, .share-style-8 .share-icon-24 .qzone .ico, .share-style-9 .share-icon-24 .qzone .ico, .share-style-10 .share-icon-24 .qzone .ico {

  background-position: 0 -704px; }



.share-style-1 .share-icon-24 .renren .ico, .share-style-2 .share-icon-24 .renren .ico, .share-style-3 .share-icon-24 .renren .ico, .share-style-7 .share-icon-24 .renren .ico, .share-style-8 .share-icon-24 .renren .ico, .share-style-9 .share-icon-24 .renren .ico, .share-style-10 .share-icon-24 .renren .ico {

  background-position: 0 -768px; }



.share-style-1 .share-icon-24 .douban .ico, .share-style-2 .share-icon-24 .douban .ico, .share-style-3 .share-icon-24 .douban .ico, .share-style-7 .share-icon-24 .douban .ico, .share-style-8 .share-icon-24 .douban .ico, .share-style-9 .share-icon-24 .douban .ico, .share-style-10 .share-icon-24 .douban .ico {

  background-position: 0 -832px; }



.share-style-1 .share-icon-24 .tweibo .ico, .share-style-2 .share-icon-24 .tweibo .ico, .share-style-3 .share-icon-24 .tweibo .ico, .share-style-7 .share-icon-24 .tweibo .ico, .share-style-8 .share-icon-24 .tweibo .ico, .share-style-9 .share-icon-24 .tweibo .ico, .share-style-10 .share-icon-24 .tweibo .ico {

  background-position: 0 -896px; }



.share-style-1 .share-icon-24 .instagram .ico, .share-style-2 .share-icon-24 .instagram .ico, .share-style-3 .share-icon-24 .instagram .ico, .share-style-7 .share-icon-24 .instagram .ico, .share-style-8 .share-icon-24 .instagram .ico, .share-style-9 .share-icon-24 .instagram .ico, .share-style-10 .share-icon-24 .instagram .ico {

  background-position: 0 -960px; }



.share-style-1 .share-icon-24 .wechat .ico, .share-style-2 .share-icon-24 .wechat .ico, .share-style-3 .share-icon-24 .wechat .ico, .share-style-7 .share-icon-24 .wechat .ico, .share-style-8 .share-icon-24 .wechat .ico, .share-style-9 .share-icon-24 .wechat .ico, .share-style-10 .share-icon-24 .wechat .ico {

  background-position: 0 -1024px; }



.share-style-1 .share-icon-24 .pinterest .ico, .share-style-2 .share-icon-24 .pinterest .ico, .share-style-3 .share-icon-24 .pinterest .ico, .share-style-7 .share-icon-24 .pinterest .ico, .share-style-8 .share-icon-24 .pinterest .ico, .share-style-9 .share-icon-24 .pinterest .ico, .share-style-10 .share-icon-24 .pinterest .ico {

  background-position: 0 -1088px; }



.share-style-1 .share-icon-32 .facebook .ico, .share-style-2 .share-icon-32 .facebook .ico, .share-style-3 .share-icon-32 .facebook .ico, .share-style-7 .share-icon-32 .facebook .ico, .share-style-8 .share-icon-32 .facebook .ico, .share-style-9 .share-icon-32 .facebook .ico, .share-style-10 .share-icon-32 .facebook .ico {

  background-position: -24px 0; }



.share-style-1 .share-icon-32 .googleplus .ico, .share-style-2 .share-icon-32 .googleplus .ico, .share-style-3 .share-icon-32 .googleplus .ico, .share-style-7 .share-icon-32 .googleplus .ico, .share-style-8 .share-icon-32 .googleplus .ico, .share-style-9 .share-icon-32 .googleplus .ico, .share-style-10 .share-icon-32 .googleplus .ico {

  background-position: -24px -64px; }



.share-style-1 .share-icon-32 .linkedin .ico, .share-style-2 .share-icon-32 .linkedin .ico, .share-style-3 .share-icon-32 .linkedin .ico, .share-style-7 .share-icon-32 .linkedin .ico, .share-style-8 .share-icon-32 .linkedin .ico, .share-style-9 .share-icon-32 .linkedin .ico, .share-style-10 .share-icon-32 .linkedin .ico {

  background-position: -24px -128px; }



.share-style-1 .share-icon-32 .sinaweibo .ico, .share-style-2 .share-icon-32 .sinaweibo .ico, .share-style-3 .share-icon-32 .sinaweibo .ico, .share-style-7 .share-icon-32 .sinaweibo .ico, .share-style-8 .share-icon-32 .sinaweibo .ico, .share-style-9 .share-icon-32 .sinaweibo .ico, .share-style-10 .share-icon-32 .sinaweibo .ico {

  background-position: -24px -192px; }



.share-style-1 .share-icon-32 .twitter .ico, .share-style-2 .share-icon-32 .twitter .ico, .share-style-3 .share-icon-32 .twitter .ico, .share-style-7 .share-icon-32 .twitter .ico, .share-style-8 .share-icon-32 .twitter .ico, .share-style-9 .share-icon-32 .twitter .ico, .share-style-10 .share-icon-32 .twitter .ico {

  background-position: -24px -256px; }



.share-style-1 .share-icon-32 .youtube .ico, .share-style-2 .share-icon-32 .youtube .ico, .share-style-3 .share-icon-32 .youtube .ico, .share-style-7 .share-icon-32 .youtube .ico, .share-style-8 .share-icon-32 .youtube .ico, .share-style-9 .share-icon-32 .youtube .ico, .share-style-10 .share-icon-32 .youtube .ico {

  background-position: -24px -320px; }



.share-style-1 .share-icon-32 .qzone .ico, .share-style-2 .share-icon-32 .qzone .ico, .share-style-3 .share-icon-32 .qzone .ico, .share-style-7 .share-icon-32 .qzone .ico, .share-style-8 .share-icon-32 .qzone .ico, .share-style-9 .share-icon-32 .qzone .ico, .share-style-10 .share-icon-32 .qzone .ico {

  background-position: -24px -704px; }



.share-style-1 .share-icon-32 .renren .ico, .share-style-2 .share-icon-32 .renren .ico, .share-style-3 .share-icon-32 .renren .ico, .share-style-7 .share-icon-32 .renren .ico, .share-style-8 .share-icon-32 .renren .ico, .share-style-9 .share-icon-32 .renren .ico, .share-style-10 .share-icon-32 .renren .ico {

  background-position: -24px -768px; }



.share-style-1 .share-icon-32 .douban .ico, .share-style-2 .share-icon-32 .douban .ico, .share-style-3 .share-icon-32 .douban .ico, .share-style-7 .share-icon-32 .douban .ico, .share-style-8 .share-icon-32 .douban .ico, .share-style-9 .share-icon-32 .douban .ico, .share-style-10 .share-icon-32 .douban .ico {

  background-position: -24px -832px; }



.share-style-1 .share-icon-32 .tweibo .ico, .share-style-2 .share-icon-32 .tweibo .ico, .share-style-3 .share-icon-32 .tweibo .ico, .share-style-7 .share-icon-32 .tweibo .ico, .share-style-8 .share-icon-32 .tweibo .ico, .share-style-9 .share-icon-32 .tweibo .ico, .share-style-10 .share-icon-32 .tweibo .ico {

  background-position: -24px -896px; }



.share-style-1 .share-icon-32 .instagram .ico, .share-style-2 .share-icon-32 .instagram .ico, .share-style-3 .share-icon-32 .instagram .ico, .share-style-7 .share-icon-32 .instagram .ico, .share-style-8 .share-icon-32 .instagram .ico, .share-style-9 .share-icon-32 .instagram .ico, .share-style-10 .share-icon-32 .instagram .ico {

  background-position: -24px -960px; }



.share-style-1 .share-icon-32 .wechat .ico, .share-style-2 .share-icon-32 .wechat .ico, .share-style-3 .share-icon-32 .wechat .ico, .share-style-7 .share-icon-32 .wechat .ico, .share-style-8 .share-icon-32 .wechat .ico, .share-style-9 .share-icon-32 .wechat .ico, .share-style-10 .share-icon-32 .wechat .ico {

  background-position: -24px -1024px; }



.share-style-1 .share-icon-32 .pinterest .ico, .share-style-2 .share-icon-32 .pinterest .ico, .share-style-3 .share-icon-32 .pinterest .ico, .share-style-7 .share-icon-32 .pinterest .ico, .share-style-8 .share-icon-32 .pinterest .ico, .share-style-9 .share-icon-32 .pinterest .ico, .share-style-10 .share-icon-32 .pinterest .ico {

  background-position: -24px -1088px; }



.share-style-1 .share-icon-48 .facebook .ico, .share-style-2 .share-icon-48 .facebook .ico, .share-style-3 .share-icon-48 .facebook .ico, .share-style-7 .share-icon-48 .facebook .ico, .share-style-8 .share-icon-48 .facebook .ico, .share-style-9 .share-icon-48 .facebook .ico, .share-style-10 .share-icon-48 .facebook .ico {

  background-position: -56px 0; }



.share-style-1 .share-icon-48 .googleplus .ico, .share-style-2 .share-icon-48 .googleplus .ico, .share-style-3 .share-icon-48 .googleplus .ico, .share-style-7 .share-icon-48 .googleplus .ico, .share-style-8 .share-icon-48 .googleplus .ico, .share-style-9 .share-icon-48 .googleplus .ico, .share-style-10 .share-icon-48 .googleplus .ico {

  background-position: -56px -64px; }



.share-style-1 .share-icon-48 .linkedin .ico, .share-style-2 .share-icon-48 .linkedin .ico, .share-style-3 .share-icon-48 .linkedin .ico, .share-style-7 .share-icon-48 .linkedin .ico, .share-style-8 .share-icon-48 .linkedin .ico, .share-style-9 .share-icon-48 .linkedin .ico, .share-style-10 .share-icon-48 .linkedin .ico {

  background-position: -56px -128px; }



.share-style-1 .share-icon-48 .sinaweibo .ico, .share-style-2 .share-icon-48 .sinaweibo .ico, .share-style-3 .share-icon-48 .sinaweibo .ico, .share-style-7 .share-icon-48 .sinaweibo .ico, .share-style-8 .share-icon-48 .sinaweibo .ico, .share-style-9 .share-icon-48 .sinaweibo .ico, .share-style-10 .share-icon-48 .sinaweibo .ico {

  background-position: -56px -192px; }



.share-style-1 .share-icon-48 .twitter .ico, .share-style-2 .share-icon-48 .twitter .ico, .share-style-3 .share-icon-48 .twitter .ico, .share-style-7 .share-icon-48 .twitter .ico, .share-style-8 .share-icon-48 .twitter .ico, .share-style-9 .share-icon-48 .twitter .ico, .share-style-10 .share-icon-48 .twitter .ico {

  background-position: -56px -256px; }



.share-style-1 .share-icon-48 .youtube .ico, .share-style-2 .share-icon-48 .youtube .ico, .share-style-3 .share-icon-48 .youtube .ico, .share-style-7 .share-icon-48 .youtube .ico, .share-style-8 .share-icon-48 .youtube .ico, .share-style-9 .share-icon-48 .youtube .ico, .share-style-10 .share-icon-48 .youtube .ico {

  background-position: -56px -320px; }



.share-style-1 .share-icon-48 .qzone .ico, .share-style-2 .share-icon-48 .qzone .ico, .share-style-3 .share-icon-48 .qzone .ico, .share-style-7 .share-icon-48 .qzone .ico, .share-style-8 .share-icon-48 .qzone .ico, .share-style-9 .share-icon-48 .qzone .ico, .share-style-10 .share-icon-48 .qzone .ico {

  background-position: -56px -704px; }



.share-style-1 .share-icon-48 .renren .ico, .share-style-2 .share-icon-48 .renren .ico, .share-style-3 .share-icon-48 .renren .ico, .share-style-7 .share-icon-48 .renren .ico, .share-style-8 .share-icon-48 .renren .ico, .share-style-9 .share-icon-48 .renren .ico, .share-style-10 .share-icon-48 .renren .ico {

  background-position: -56px -768px; }



.share-style-1 .share-icon-48 .douban .ico, .share-style-2 .share-icon-48 .douban .ico, .share-style-3 .share-icon-48 .douban .ico, .share-style-7 .share-icon-48 .douban .ico, .share-style-8 .share-icon-48 .douban .ico, .share-style-9 .share-icon-48 .douban .ico, .share-style-10 .share-icon-48 .douban .ico {

  background-position: -56px -832px; }



.share-style-1 .share-icon-48 .tweibo .ico, .share-style-2 .share-icon-48 .tweibo .ico, .share-style-3 .share-icon-48 .tweibo .ico, .share-style-7 .share-icon-48 .tweibo .ico, .share-style-8 .share-icon-48 .tweibo .ico, .share-style-9 .share-icon-48 .tweibo .ico, .share-style-10 .share-icon-48 .tweibo .ico {

  background-position: -56px -896px; }



.share-style-1 .share-icon-48 .instagram .ico, .share-style-2 .share-icon-48 .instagram .ico, .share-style-3 .share-icon-48 .instagram .ico, .share-style-7 .share-icon-48 .instagram .ico, .share-style-8 .share-icon-48 .instagram .ico, .share-style-9 .share-icon-48 .instagram .ico, .share-style-10 .share-icon-48 .instagram .ico {

  background-position: -56px -960px; }



.share-style-1 .share-icon-48 .wechat .ico, .share-style-2 .share-icon-48 .wechat .ico, .share-style-3 .share-icon-48 .wechat .ico, .share-style-7 .share-icon-48 .wechat .ico, .share-style-8 .share-icon-48 .wechat .ico, .share-style-9 .share-icon-48 .wechat .ico, .share-style-10 .share-icon-48 .wechat .ico {

  background-position: -56px -1024px; }



.share-style-1 .share-icon-48 .pinterest .ico, .share-style-2 .share-icon-48 .pinterest .ico, .share-style-3 .share-icon-48 .pinterest .ico, .share-style-7 .share-icon-48 .pinterest .ico, .share-style-8 .share-icon-48 .pinterest .ico, .share-style-9 .share-icon-48 .pinterest .ico, .share-style-10 .share-icon-48 .pinterest .ico {

  background-position: -56px -1088px; }



.share-style-1 .share-icon-64 .facebook .ico, .share-style-2 .share-icon-64 .facebook .ico, .share-style-3 .share-icon-64 .facebook .ico, .share-style-7 .share-icon-64 .facebook .ico, .share-style-8 .share-icon-64 .facebook .ico, .share-style-9 .share-icon-64 .facebook .ico, .share-style-10 .share-icon-64 .facebook .ico {

  background-position: -104px 0; }



.share-style-1 .share-icon-64 .googleplus .ico, .share-style-2 .share-icon-64 .googleplus .ico, .share-style-3 .share-icon-64 .googleplus .ico, .share-style-7 .share-icon-64 .googleplus .ico, .share-style-8 .share-icon-64 .googleplus .ico, .share-style-9 .share-icon-64 .googleplus .ico, .share-style-10 .share-icon-64 .googleplus .ico {

  background-position: -104px -64px; }



.share-style-1 .share-icon-64 .linkedin .ico, .share-style-2 .share-icon-64 .linkedin .ico, .share-style-3 .share-icon-64 .linkedin .ico, .share-style-7 .share-icon-64 .linkedin .ico, .share-style-8 .share-icon-64 .linkedin .ico, .share-style-9 .share-icon-64 .linkedin .ico, .share-style-10 .share-icon-64 .linkedin .ico {

  background-position: -104px -128px; }



.share-style-1 .share-icon-64 .sinaweibo .ico, .share-style-2 .share-icon-64 .sinaweibo .ico, .share-style-3 .share-icon-64 .sinaweibo .ico, .share-style-7 .share-icon-64 .sinaweibo .ico, .share-style-8 .share-icon-64 .sinaweibo .ico, .share-style-9 .share-icon-64 .sinaweibo .ico, .share-style-10 .share-icon-64 .sinaweibo .ico {

  background-position: -104px -192px; }



.share-style-1 .share-icon-64 .twitter .ico, .share-style-2 .share-icon-64 .twitter .ico, .share-style-3 .share-icon-64 .twitter .ico, .share-style-7 .share-icon-64 .twitter .ico, .share-style-8 .share-icon-64 .twitter .ico, .share-style-9 .share-icon-64 .twitter .ico, .share-style-10 .share-icon-64 .twitter .ico {

  background-position: -104px -256px; }



.share-style-1 .share-icon-64 .youtube .ico, .share-style-2 .share-icon-64 .youtube .ico, .share-style-3 .share-icon-64 .youtube .ico, .share-style-7 .share-icon-64 .youtube .ico, .share-style-8 .share-icon-64 .youtube .ico, .share-style-9 .share-icon-64 .youtube .ico, .share-style-10 .share-icon-64 .youtube .ico {

  background-position: -104px -320px; }



.share-style-1 .share-icon-64 .qzone .ico, .share-style-2 .share-icon-64 .qzone .ico, .share-style-3 .share-icon-64 .qzone .ico, .share-style-7 .share-icon-64 .qzone .ico, .share-style-8 .share-icon-64 .qzone .ico, .share-style-9 .share-icon-64 .qzone .ico, .share-style-10 .share-icon-64 .qzone .ico {

  background-position: -104px -704px; }



.share-style-1 .share-icon-64 .renren .ico, .share-style-2 .share-icon-64 .renren .ico, .share-style-3 .share-icon-64 .renren .ico, .share-style-7 .share-icon-64 .renren .ico, .share-style-8 .share-icon-64 .renren .ico, .share-style-9 .share-icon-64 .renren .ico, .share-style-10 .share-icon-64 .renren .ico {

  background-position: -104px -768px; }



.share-style-1 .share-icon-64 .douban .ico, .share-style-2 .share-icon-64 .douban .ico, .share-style-3 .share-icon-64 .douban .ico, .share-style-7 .share-icon-64 .douban .ico, .share-style-8 .share-icon-64 .douban .ico, .share-style-9 .share-icon-64 .douban .ico, .share-style-10 .share-icon-64 .douban .ico {

  background-position: -104px -832px; }



.share-style-1 .share-icon-64 .tweibo .ico, .share-style-2 .share-icon-64 .tweibo .ico, .share-style-3 .share-icon-64 .tweibo .ico, .share-style-7 .share-icon-64 .tweibo .ico, .share-style-8 .share-icon-64 .tweibo .ico, .share-style-9 .share-icon-64 .tweibo .ico, .share-style-10 .share-icon-64 .tweibo .ico {

  background-position: -104px -896px; }



.share-style-1 .share-icon-64 .instagram .ico, .share-style-2 .share-icon-64 .instagram .ico, .share-style-3 .share-icon-64 .instagram .ico, .share-style-7 .share-icon-64 .instagram .ico, .share-style-8 .share-icon-64 .instagram .ico, .share-style-9 .share-icon-64 .instagram .ico, .share-style-10 .share-icon-64 .instagram .ico {

  background-position: -104px -960px; }



.share-style-1 .share-icon-64 .wechat .ico, .share-style-2 .share-icon-64 .wechat .ico, .share-style-3 .share-icon-64 .wechat .ico, .share-style-7 .share-icon-64 .wechat .ico, .share-style-8 .share-icon-64 .wechat .ico, .share-style-9 .share-icon-64 .wechat .ico, .share-style-10 .share-icon-64 .wechat .ico {

  background-position: -104px -1024px; }



.share-style-1 .share-icon-64 .pinterest .ico, .share-style-2 .share-icon-64 .pinterest .ico, .share-style-3 .share-icon-64 .pinterest .ico, .share-style-7 .share-icon-64 .pinterest .ico, .share-style-8 .share-icon-64 .pinterest .ico, .share-style-9 .share-icon-64 .pinterest .ico, .share-style-10 .share-icon-64 .pinterest .ico {

  background-position: -104px -1088px; }



.share-style-1, .share-style-2, .share-style-3, .share-style-4, .share-style-5, .share-style-6, .share-style-7 {

  /*选择排版样式*/

  /*左图右文*/ }

  .share-style-1 .share-link, .share-style-2 .share-link, .share-style-3 .share-link, .share-style-4 .share-link, .share-style-5 .share-link, .share-style-6 .share-link, .share-style-7 .share-link {

    margin-right: 5px; }

  .share-style-1 .share-link:last-child, .share-style-2 .share-link:last-child, .share-style-3 .share-link:last-child, .share-style-4 .share-link:last-child, .share-style-5 .share-link:last-child, .share-style-6 .share-link:last-child, .share-style-7 .share-link:last-child {

    margin-right: 0px; }

  .share-style-1 [class^='share-icon-'], .share-style-2 [class^='share-icon-'], .share-style-3 [class^='share-icon-'], .share-style-4 [class^='share-icon-'], .share-style-5 [class^='share-icon-'], .share-style-6 [class^='share-icon-'], .share-style-7 [class^='share-icon-'] {

    /*span text显示*/

    /*上图下文*/ }

    .share-style-1 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-2 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-3 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-4 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-5 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-6 [class^='share-icon-'].share-layout-1 .share-link .text, .share-style-7 [class^='share-icon-'].share-layout-1 .share-link .text {

      display: none; }

    .share-style-1 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-2 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-3 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-4 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-5 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-6 [class^='share-icon-'].share-layout-2 .share-link .text, .share-style-7 [class^='share-icon-'].share-layout-2 .share-link .text {

      display: block; }

    .share-style-1 [class^='share-icon-'].share-layout-3 .share-link, .share-style-2 [class^='share-icon-'].share-layout-3 .share-link, .share-style-3 [class^='share-icon-'].share-layout-3 .share-link, .share-style-4 [class^='share-icon-'].share-layout-3 .share-link, .share-style-5 [class^='share-icon-'].share-layout-3 .share-link, .share-style-6 [class^='share-icon-'].share-layout-3 .share-link, .share-style-7 [class^='share-icon-'].share-layout-3 .share-link {

      width: auto; }

    .share-style-1 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-2 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-3 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-4 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-5 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-6 [class^='share-icon-'].share-layout-3 .share-link .ico, .share-style-7 [class^='share-icon-'].share-layout-3 .share-link .ico {

      float: left; }

    .share-style-1 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-2 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-3 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-4 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-5 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-6 [class^='share-icon-'].share-layout-3 .share-link .text, .share-style-7 [class^='share-icon-'].share-layout-3 .share-link .text {

      display: inline-block; }

    .share-style-1 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-2 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-3 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-4 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-5 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-6 [class^='share-icon-'].share-layout-3 .share-link:after, .share-style-7 [class^='share-icon-'].share-layout-3 .share-link:after {

      content: '';

      clear: both; }

    .share-style-1 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-2 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-3 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-4 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-5 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-6 [class^='share-icon-'].share-layout-4 .share-link .text, .share-style-7 [class^='share-icon-'].share-layout-4 .share-link .text {

      display: none; }

    .share-style-1 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-2 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-3 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-4 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-5 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-6 [class^='share-icon-'].social-icon-hori .share-link .ico, .share-style-7 [class^='share-icon-'].social-icon-hori .share-link .ico {

      margin-right: 8px;

      margin-bottom: 4px; }

    .share-style-1 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-hori-text.share-icon-24 .share-link .text {

      height: 24px;

      line-height: 24px; }

    .share-style-1 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-hori-text.share-icon-32 .share-link .text {

      height: 32px;

      line-height: 32px; }

    .share-style-1 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-hori-text.share-icon-48 .share-link .text {

      height: 48px;

      line-height: 48px; }

    .share-style-1 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-hori-text.share-icon-64 .share-link .text {

      height: 64px;

      line-height: 64px; }

    .share-style-1 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-hori-text .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-hori-text .share-link .text {

      display: inline-block;

      font-size: 12px;

      white-space: nowrap; }

    .share-style-1 [class^='share-icon-'].social-icon-vert .share-link, .share-style-2 [class^='share-icon-'].social-icon-vert .share-link, .share-style-3 [class^='share-icon-'].social-icon-vert .share-link, .share-style-4 [class^='share-icon-'].social-icon-vert .share-link, .share-style-5 [class^='share-icon-'].social-icon-vert .share-link, .share-style-6 [class^='share-icon-'].social-icon-vert .share-link, .share-style-7 [class^='share-icon-'].social-icon-vert .share-link {

      width: auto; }

    .share-style-1 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-2 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-3 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-4 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-5 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-6 [class^='share-icon-'].social-icon-vert .share-link .ico, .share-style-7 [class^='share-icon-'].social-icon-vert .share-link .ico {

      margin-bottom: 4px; }

    .share-style-1 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-2 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-3 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-4 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-5 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-6 [class^='share-icon-'].social-follow-vert-text .share-link .text, .share-style-7 [class^='share-icon-'].social-follow-vert-text .share-link .text {

      text-align: center;

      font-size: 12px; }



.share-style-1 .share-link .ico, .share-style-2 .share-link .ico, .share-style-3 .share-link .ico, .share-style-4 .share-link .ico, .share-style-5 .share-link .ico, .share-style-8 .share-link .ico, .share-style-9 .share-link .ico, .share-style-10 .share-link .ico {

  background-image: url("../images/share-icon.png"); }



.share-style-1 .facebook .ico, .share-style-9 .facebook .ico {

  background-color: #3b5998; }



.share-style-1 .googleplus .ico, .share-style-9 .googleplus .ico {

  background-color: #d14836; }



.share-style-1 .linkedin .ico, .share-style-9 .linkedin .ico {

  background-color: #007fb1; }



.share-style-1 .sinaweibo .ico, .share-style-9 .sinaweibo .ico {

  background-color: #e6162d; }



.share-style-1 .twitter .ico, .share-style-9 .twitter .ico {

  background-color: #00aced; }



.share-style-1 .youtube .ico, .share-style-9 .youtube .ico {

  background-color: #cd332d; }



.share-style-1 .qzone .ico, .share-style-9 .qzone .ico {

  background-color: #ffc028; }



.share-style-1 .renren .ico, .share-style-9 .renren .ico {

  background-color: #005baa; }



.share-style-1 .douban .ico, .share-style-9 .douban .ico {

  background-color: #228a31; }



.share-style-1 .tweibo .ico, .share-style-9 .tweibo .ico {

  background-color: #4cb4e6; }



.share-style-1 .instagram .ico, .share-style-9 .instagram .ico {

  background-color: #3f729b; }



.share-style-1 .wechat .ico, .share-style-9 .wechat .ico {

  background-color: #8dc61f; }



.share-style-1 .pinterest .ico, .share-style-9 .pinterest .ico {

  background-color: #bd081c; }



.share-style-2 .facebook .ico, .share-style-8 .facebook .ico {

  background-color: #000; }



.share-style-2 .googleplus .ico, .share-style-8 .googleplus .ico {

  background-color: #000; }



.share-style-2 .linkedin .ico, .share-style-8 .linkedin .ico {

  background-color: #000; }



.share-style-2 .sinaweibo .ico, .share-style-8 .sinaweibo .ico {

  background-color: #000; }



.share-style-2 .twitter .ico, .share-style-8 .twitter .ico {

  background-color: #000; }



.share-style-2 .youtube .ico, .share-style-8 .youtube .ico {

  background-color: #000; }



.share-style-2 .qzone .ico, .share-style-8 .qzone .ico {

  background-color: #000; }



.share-style-2 .renren .ico, .share-style-8 .renren .ico {

  background-color: #000; }



.share-style-2 .douban .ico, .share-style-8 .douban .ico {

  background-color: #000; }



.share-style-2 .tweibo .ico, .share-style-8 .tweibo .ico {

  background-color: #000; }



.share-style-2 .instagram .ico, .share-style-8 .instagram .ico {

  background-color: #000; }



.share-style-2 .wechat .ico, .share-style-8 .wechat .ico {

  background-color: #000; }



.share-style-2 .pinterest .ico, .share-style-8 .pinterest .ico {

  background-color: #000; }



.share-style-2 .facebook .ico:hover, .share-style-8 .facebook .ico:hover {

  background-color: #aaa; }



.share-style-2 .googleplus .ico:hover, .share-style-8 .googleplus .ico:hover {

  background-color: #aaa; }



.share-style-2 .linkedin .ico:hover, .share-style-8 .linkedin .ico:hover {

  background-color: #aaa; }



.share-style-2 .sinaweibo .ico:hover, .share-style-8 .sinaweibo .ico:hover {

  background-color: #aaa; }



.share-style-2 .twitter .ico:hover, .share-style-8 .twitter .ico:hover {

  background-color: #aaa; }



.share-style-2 .youtube .ico:hover, .share-style-8 .youtube .ico:hover {

  background-color: #aaa; }



.share-style-2 .qzone .ico:hover, .share-style-8 .qzone .ico:hover {

  background-color: #aaa; }



.share-style-2 .renren .ico:hover, .share-style-8 .renren .ico:hover {

  background-color: #aaa; }



.share-style-2 .douban .ico:hover, .share-style-8 .douban .ico:hover {

  background-color: #aaa; }



.share-style-2 .tweibo .ico:hover, .share-style-8 .tweibo .ico:hover {

  background-color: #aaa; }



.share-style-2 .instagram .ico:hover, .share-style-8 .instagram .ico:hover {

  background-color: #aaa; }



.share-style-2 .wechat .ico:hover, .share-style-8 .wechat .ico:hover {

  background-color: #aaa; }



.share-style-2 .pinterest .ico:hover, .share-style-8 .pinterest .ico:hover {

  background-color: #aaa; }



.share-style-3 .facebook .ico, .share-style-10 .facebook .ico {

  background-color: #9ea3a7; }



.share-style-3 .googleplus .ico, .share-style-10 .googleplus .ico {

  background-color: #9ea3a7; }



.share-style-3 .linkedin .ico, .share-style-10 .linkedin .ico {

  background-color: #9ea3a7; }



.share-style-3 .sinaweibo .ico, .share-style-10 .sinaweibo .ico {

  background-color: #9ea3a7; }



.share-style-3 .twitter .ico, .share-style-10 .twitter .ico {

  background-color: #9ea3a7; }



.share-style-3 .youtube .ico, .share-style-10 .youtube .ico {

  background-color: #9ea3a7; }



.share-style-3 .qzone .ico, .share-style-10 .qzone .ico {

  background-color: #9ea3a7; }



.share-style-3 .renren .ico, .share-style-10 .renren .ico {

  background-color: #9ea3a7; }



.share-style-3 .douban .ico, .share-style-10 .douban .ico {

  background-color: #9ea3a7; }



.share-style-3 .tweibo .ico, .share-style-10 .tweibo .ico {

  background-color: #9ea3a7; }



.share-style-3 .instagram .ico, .share-style-10 .instagram .ico {

  background-color: #9ea3a7; }



.share-style-3 .wechat .ico, .share-style-10 .wechat .ico {

  background-color: #9ea3a7; }



.share-style-3 .pinterest .ico, .share-style-10 .pinterest .ico {

  background-color: #9ea3a7; }



.share-style-3 .facebook .ico:hover, .share-style-10 .facebook .ico:hover {

  background-color: #3b5998; }



.share-style-3 .googleplus .ico:hover, .share-style-10 .googleplus .ico:hover {

  background-color: #d14836; }



.share-style-3 .linkedin .ico:hover, .share-style-10 .linkedin .ico:hover {

  background-color: #007fb1; }



.share-style-3 .sinaweibo .ico:hover, .share-style-10 .sinaweibo .ico:hover {

  background-color: #e6162d; }



.share-style-3 .twitter .ico:hover, .share-style-10 .twitter .ico:hover {

  background-color: #00aced; }



.share-style-3 .youtube .ico:hover, .share-style-10 .youtube .ico:hover {

  background-color: #cd332d; }



.share-style-3 .qzone .ico:hover, .share-style-10 .qzone .ico:hover {

  background-color: #ffc028; }



.share-style-3 .renren .ico:hover, .share-style-10 .renren .ico:hover {

  background-color: #005baa; }



.share-style-3 .douban .ico:hover, .share-style-10 .douban .ico:hover {

  background-color: #228a31; }



.share-style-3 .tweibo .ico:hover, .share-style-10 .tweibo .ico:hover {

  background-color: #4cb4e6; }



.share-style-3 .instagram .ico:hover, .share-style-10 .instagram .ico:hover {

  background-color: #3f729b; }



.share-style-3 .wechat .ico:hover, .share-style-10 .wechat .ico:hover {

  background-color: #8dc61f; }



.share-style-3 .pinterest .ico:hover, .share-style-10 .pinterest .ico:hover {

  background-color: #bd081c; }



.share-style-4 .share-icon-24 .facebook .ico, .share-style-6 .share-icon-24 .facebook .ico {

  background-position: -200px 0; }



.share-style-4 .share-icon-24 .googleplus .ico, .share-style-6 .share-icon-24 .googleplus .ico {

  background-position: -200px -64px; }



.share-style-4 .share-icon-24 .linkedin .ico, .share-style-6 .share-icon-24 .linkedin .ico {

  background-position: -200px -128px; }



.share-style-4 .share-icon-24 .sinaweibo .ico, .share-style-6 .share-icon-24 .sinaweibo .ico {

  background-position: -200px -192px; }



.share-style-4 .share-icon-24 .twitter .ico, .share-style-6 .share-icon-24 .twitter .ico {

  background-position: -200px -256px; }



.share-style-4 .share-icon-24 .youtube .ico, .share-style-6 .share-icon-24 .youtube .ico {

  background-position: -200px -320px; }



.share-style-4 .share-icon-24 .qzone .ico, .share-style-6 .share-icon-24 .qzone .ico {

  background-position: -200px -704px; }



.share-style-4 .share-icon-24 .renren .ico, .share-style-6 .share-icon-24 .renren .ico {

  background-position: -200px -768px; }



.share-style-4 .share-icon-24 .douban .ico, .share-style-6 .share-icon-24 .douban .ico {

  background-position: -200px -832px; }



.share-style-4 .share-icon-24 .tweibo .ico, .share-style-6 .share-icon-24 .tweibo .ico {

  background-position: -200px -896px; }



.share-style-4 .share-icon-24 .instagram .ico, .share-style-6 .share-icon-24 .instagram .ico {

  background-position: -200px -960px; }



.share-style-4 .share-icon-24 .wechat .ico, .share-style-6 .share-icon-24 .wechat .ico {

  background-position: -200px -1024px; }



.share-style-4 .share-icon-24 .pinterest .ico, .share-style-6 .share-icon-24 .pinterest .ico {

  background-position: -200px -1088px; }



.share-style-4 .share-icon-32 .facebook .ico, .share-style-6 .share-icon-32 .facebook .ico {

  background-position: -224px 0; }



.share-style-4 .share-icon-32 .googleplus .ico, .share-style-6 .share-icon-32 .googleplus .ico {

  background-position: -224px -64px; }



.share-style-4 .share-icon-32 .linkedin .ico, .share-style-6 .share-icon-32 .linkedin .ico {

  background-position: -224px -128px; }



.share-style-4 .share-icon-32 .sinaweibo .ico, .share-style-6 .share-icon-32 .sinaweibo .ico {

  background-position: -224px -192px; }



.share-style-4 .share-icon-32 .twitter .ico, .share-style-6 .share-icon-32 .twitter .ico {

  background-position: -224px -256px; }



.share-style-4 .share-icon-32 .youtube .ico, .share-style-6 .share-icon-32 .youtube .ico {

  background-position: -224px -320px; }



.share-style-4 .share-icon-32 .qzone .ico, .share-style-6 .share-icon-32 .qzone .ico {

  background-position: -224px -704px; }



.share-style-4 .share-icon-32 .renren .ico, .share-style-6 .share-icon-32 .renren .ico {

  background-position: -224px -768px; }



.share-style-4 .share-icon-32 .douban .ico, .share-style-6 .share-icon-32 .douban .ico {

  background-position: -224px -832px; }



.share-style-4 .share-icon-32 .tweibo .ico, .share-style-6 .share-icon-32 .tweibo .ico {

  background-position: -224px -896px; }



.share-style-4 .share-icon-32 .instagram .ico, .share-style-6 .share-icon-32 .instagram .ico {

  background-position: -224px -960px; }



.share-style-4 .share-icon-32 .wechat .ico, .share-style-6 .share-icon-32 .wechat .ico {

  background-position: -224px -1024px; }



.share-style-4 .share-icon-32 .pinterest .ico, .share-style-6 .share-icon-32 .pinterest .ico {

  background-position: -224px -1088px; }



.share-style-4 .share-icon-48 .facebook .ico, .share-style-6 .share-icon-48 .facebook .ico {

  background-position: -256px 0; }



.share-style-4 .share-icon-48 .googleplus .ico, .share-style-6 .share-icon-48 .googleplus .ico {

  background-position: -256px -64px; }



.share-style-4 .share-icon-48 .linkedin .ico, .share-style-6 .share-icon-48 .linkedin .ico {

  background-position: -256px -128px; }



.share-style-4 .share-icon-48 .sinaweibo .ico, .share-style-6 .share-icon-48 .sinaweibo .ico {

  background-position: -256px -192px; }



.share-style-4 .share-icon-48 .twitter .ico, .share-style-6 .share-icon-48 .twitter .ico {

  background-position: -256px -256px; }



.share-style-4 .share-icon-48 .youtube .ico, .share-style-6 .share-icon-48 .youtube .ico {

  background-position: -256px -320px; }



.share-style-4 .share-icon-48 .qzone .ico, .share-style-6 .share-icon-48 .qzone .ico {

  background-position: -256px -704px; }



.share-style-4 .share-icon-48 .renren .ico, .share-style-6 .share-icon-48 .renren .ico {

  background-position: -256px -768px; }



.share-style-4 .share-icon-48 .douban .ico, .share-style-6 .share-icon-48 .douban .ico {

  background-position: -256px -832px; }



.share-style-4 .share-icon-48 .tweibo .ico, .share-style-6 .share-icon-48 .tweibo .ico {

  background-position: -256px -896px; }



.share-style-4 .share-icon-48 .instagram .ico, .share-style-6 .share-icon-48 .instagram .ico {

  background-position: -256px -960px; }



.share-style-4 .share-icon-48 .wechat .ico, .share-style-6 .share-icon-48 .wechat .ico {

  background-position: -256px -1024px; }



.share-style-4 .share-icon-48 .pinterest .ico, .share-style-6 .share-icon-48 .pinterest .ico {

  background-position: -256px -1088px; }



.share-style-4 .share-icon-64 .facebook .ico, .share-style-6 .share-icon-64 .facebook .ico {

  background-position: -304px 0; }



.share-style-4 .share-icon-64 .googleplus .ico, .share-style-6 .share-icon-64 .googleplus .ico {

  background-position: -304px -64px; }



.share-style-4 .share-icon-64 .linkedin .ico, .share-style-6 .share-icon-64 .linkedin .ico {

  background-position: -304px -128px; }



.share-style-4 .share-icon-64 .sinaweibo .ico, .share-style-6 .share-icon-64 .sinaweibo .ico {

  background-position: -304px -192px; }



.share-style-4 .share-icon-64 .twitter .ico, .share-style-6 .share-icon-64 .twitter .ico {

  background-position: -304px -256px; }



.share-style-4 .share-icon-64 .youtube .ico, .share-style-6 .share-icon-64 .youtube .ico {

  background-position: -304px -320px; }



.share-style-4 .share-icon-64 .qzone .ico, .share-style-6 .share-icon-64 .qzone .ico {

  background-position: -304px -704px; }



.share-style-4 .share-icon-64 .renren .ico, .share-style-6 .share-icon-64 .renren .ico {

  background-position: -304px -768px; }



.share-style-4 .share-icon-64 .douban .ico, .share-style-6 .share-icon-64 .douban .ico {

  background-position: -304px -832px; }



.share-style-4 .share-icon-64 .tweibo .ico, .share-style-6 .share-icon-64 .tweibo .ico {

  background-position: -304px -896px; }



.share-style-4 .share-icon-64 .instagram .ico, .share-style-6 .share-icon-64 .instagram .ico {

  background-position: -304px -960px; }



.share-style-4 .share-icon-64 .wechat .ico, .share-style-6 .share-icon-64 .wechat .ico {

  background-position: -304px -1024px; }



.share-style-4 .share-icon-64 .pinterest .ico, .share-style-6 .share-icon-64 .pinterest .ico {

  background-position: -304px -1088px; }



.share-style-6 .share-link .ico, .share-style-7 .share-link .ico {

  background-image: url("../images/social-icons-c.png"); }



.share-style-8 .share-link, .share-style-9 .share-link, .share-style-10 .share-link {

  margin-right: 5px; }



.share-style-8 .share-link:last-child, .share-style-9 .share-link:last-child, .share-style-10 .share-link:last-child {

  margin-right: 0px; }



.share-style-8 .share-link .text, .share-style-9 .share-link .text, .share-style-10 .share-link .text {

  display: none; }



@media (min-width: 768px) {

  .share-style-8 .share-link, .share-style-9 .share-link, .share-style-10 .share-link {

    margin-bottom: 5px; }

  .share-style-8 .share-link:last-child, .share-style-9 .share-link:last-child, .share-style-10 .share-link:last-child {

    margin-bottom: 0px; }

  .share-style-8 .share-link .text, .share-style-9 .share-link .text, .share-style-10 .share-link .text {

    display: none;

    font-size: 12px;

    color: #000;

    white-space: nowrap; }

  .share-style-8 .share-icon-24 .share-link,

  .share-style-8 .share-icon-24 .share-link .ico, .share-style-9 .share-icon-24 .share-link,

  .share-style-9 .share-icon-24 .share-link .ico, .share-style-10 .share-icon-24 .share-link,

  .share-style-10 .share-icon-24 .share-link .ico {

    display: block; }

  .share-style-8 .share-icon-32 .share-link,

  .share-style-8 .share-icon-32 .share-link .ico, .share-style-9 .share-icon-32 .share-link,

  .share-style-9 .share-icon-32 .share-link .ico, .share-style-10 .share-icon-32 .share-link,

  .share-style-10 .share-icon-32 .share-link .ico {

    display: block; }

  .share-style-8 .share-icon-48 .share-link,

  .share-style-8 .share-icon-48 .share-link .ico, .share-style-9 .share-icon-48 .share-link,

  .share-style-9 .share-icon-48 .share-link .ico, .share-style-10 .share-icon-48 .share-link,

  .share-style-10 .share-icon-48 .share-link .ico {

    display: block; }

  .share-style-8 .share-icon-64 .share-link,

  .share-style-8 .share-icon-64 .share-link .ico, .share-style-9 .share-icon-64 .share-link,

  .share-style-9 .share-icon-64 .share-link .ico, .share-style-10 .share-icon-64 .share-link,

  .share-style-10 .share-icon-64 .share-link .ico {

    display: block; }

  .share-style-8 .left-align, .share-style-9 .left-align, .share-style-10 .left-align {

    position: fixed;

    left: 30px;

    top: 30%;

    z-index: 99; }

  .share-style-8 .right-align, .share-style-9 .right-align, .share-style-10 .right-align {

    position: fixed;

    right: 30px;

    top: 30%;

    z-index: 99; } }



.share-style-1,

.share-style-2,

.share-style-3 {

  /*选择图标形状*/ }

  .share-style-1 [class^='share-icon-'],

  .share-style-2 [class^='share-icon-'],

  .share-style-3 [class^='share-icon-'] {

    /*圆形样式*/

    /*圆角样式*/ }

    .share-style-1 [class^='share-icon-'].social-icon-round .share-link .ico,

    .share-style-2 [class^='share-icon-'].social-icon-round .share-link .ico,

    .share-style-3 [class^='share-icon-'].social-icon-round .share-link .ico {

      border-radius: 50%; }

    .share-style-1 [class^='share-icon-'].social-icon-corner .share-link .ico,

    .share-style-2 [class^='share-icon-'].social-icon-corner .share-link .ico,

    .share-style-3 [class^='share-icon-'].social-icon-corner .share-link .ico {

      border-radius: 10%; }



.share-style-4 .share-icon-24 .facebook .ico:hover {

  background-position: -600px 0; }



.share-style-4 .share-icon-24 .googleplus .ico:hover {

  background-position: -600px -64px; }



.share-style-4 .share-icon-24 .linkedin .ico:hover {

  background-position: -600px -128px; }



.share-style-4 .share-icon-24 .sinaweibo .ico:hover {

  background-position: -600px -192px; }



.share-style-4 .share-icon-24 .twitter .ico:hover {

  background-position: -600px -256px; }



.share-style-4 .share-icon-24 .youtube .ico:hover {

  background-position: -600px -320px; }



.share-style-4 .share-icon-24 .qzone .ico:hover {

  background-position: -600px -704px; }



.share-style-4 .share-icon-24 .renren .ico:hover {

  background-position: -600px -768px; }



.share-style-4 .share-icon-24 .douban .ico:hover {

  background-position: -600px -832px; }



.share-style-4 .share-icon-24 .tweibo .ico:hover {

  background-position: -600px -896px; }



.share-style-4 .share-icon-24 .instagram .ico:hover {

  background-position: -600px -960px; }



.share-style-4 .share-icon-24 .wechat .ico:hover {

  background-position: -600px -1024px; }



.share-style-4 .share-icon-24 .pinterest .ico:hover {

  background-position: -600px -1088px; }



.share-style-4 .share-icon-32 .facebook .ico:hover {

  background-position: -624px 0; }



.share-style-4 .share-icon-32 .googleplus .ico:hover {

  background-position: -624px -64px; }



.share-style-4 .share-icon-32 .linkedin .ico:hover {

  background-position: -624px -128px; }



.share-style-4 .share-icon-32 .sinaweibo .ico:hover {

  background-position: -624px -192px; }



.share-style-4 .share-icon-32 .twitter .ico:hover {

  background-position: -624px -256px; }



.share-style-4 .share-icon-32 .youtube .ico:hover {

  background-position: -624px -320px; }



.share-style-4 .share-icon-32 .qzone .ico:hover {

  background-position: -624px -704px; }



.share-style-4 .share-icon-32 .renren .ico:hover {

  background-position: -624px -768px; }



.share-style-4 .share-icon-32 .douban .ico:hover {

  background-position: -624px -832px; }



.share-style-4 .share-icon-32 .tweibo .ico:hover {

  background-position: -624px -896px; }



.share-style-4 .share-icon-32 .instagram .ico:hover {

  background-position: -624px -960px; }



.share-style-4 .share-icon-32 .wechat .ico:hover {

  background-position: -624px -1024px; }



.share-style-4 .share-icon-32 .pinterest .ico:hover {

  background-position: -624px -1088px; }



.share-style-4 .share-icon-48 .facebook .ico:hover {

  background-position: -656px 0; }



.share-style-4 .share-icon-48 .googleplus .ico:hover {

  background-position: -656px -64px; }



.share-style-4 .share-icon-48 .linkedin .ico:hover {

  background-position: -656px -128px; }



.share-style-4 .share-icon-48 .sinaweibo .ico:hover {

  background-position: -656px -192px; }



.share-style-4 .share-icon-48 .twitter .ico:hover {

  background-position: -656px -256px; }



.share-style-4 .share-icon-48 .youtube .ico:hover {

  background-position: -656px -320px; }



.share-style-4 .share-icon-48 .qzone .ico:hover {

  background-position: -656px -704px; }



.share-style-4 .share-icon-48 .renren .ico:hover {

  background-position: -656px -768px; }



.share-style-4 .share-icon-48 .douban .ico:hover {

  background-position: -656px -832px; }



.share-style-4 .share-icon-48 .tweibo .ico:hover {

  background-position: -656px -896px; }



.share-style-4 .share-icon-48 .instagram .ico:hover {

  background-position: -656px -960px; }



.share-style-4 .share-icon-48 .wechat .ico:hover {

  background-position: -656px -1024px; }



.share-style-4 .share-icon-48 .pinterest .ico:hover {

  background-position: -656px -1088px; }



.share-style-4 .share-icon-64 .facebook .ico:hover {

  background-position: -704px 0; }



.share-style-4 .share-icon-64 .googleplus .ico:hover {

  background-position: -704px -64px; }



.share-style-4 .share-icon-64 .linkedin .ico:hover {

  background-position: -704px -128px; }



.share-style-4 .share-icon-64 .sinaweibo .ico:hover {

  background-position: -704px -192px; }



.share-style-4 .share-icon-64 .twitter .ico:hover {

  background-position: -704px -256px; }



.share-style-4 .share-icon-64 .youtube .ico:hover {

  background-position: -704px -320px; }



.share-style-4 .share-icon-64 .qzone .ico:hover {

  background-position: -704px -704px; }



.share-style-4 .share-icon-64 .renren .ico:hover {

  background-position: -704px -768px; }



.share-style-4 .share-icon-64 .douban .ico:hover {

  background-position: -704px -832px; }



.share-style-4 .share-icon-64 .tweibo .ico:hover {

  background-position: -704px -896px; }



.share-style-4 .share-icon-64 .instagram .ico:hover {

  background-position: -704px -960px; }



.share-style-4 .share-icon-64 .wechat .ico:hover {

  background-position: -704px -1024px; }



.share-style-4 .share-icon-64 .pinterest .ico:hover {

  background-position: -704px -1088px; }



.share-style-5 .share-icon-24 .facebook .ico {

  background-position: -600px 0; }



.share-style-5 .share-icon-24 .googleplus .ico {

  background-position: -600px -64px; }



.share-style-5 .share-icon-24 .linkedin .ico {

  background-position: -600px -128px; }



.share-style-5 .share-icon-24 .sinaweibo .ico {

  background-position: -600px -192px; }



.share-style-5 .share-icon-24 .twitter .ico {

  background-position: -600px -256px; }



.share-style-5 .share-icon-24 .youtube .ico {

  background-position: -600px -320px; }



.share-style-5 .share-icon-24 .qzone .ico {

  background-position: -600px -704px; }



.share-style-5 .share-icon-24 .renren .ico {

  background-position: -600px -768px; }



.share-style-5 .share-icon-24 .douban .ico {

  background-position: -600px -832px; }



.share-style-5 .share-icon-24 .tweibo .ico {

  background-position: -600px -896px; }



.share-style-5 .share-icon-24 .instagram .ico {

  background-position: -600px -960px; }



.share-style-5 .share-icon-24 .wechat .ico {

  background-position: -600px -1024px; }



.share-style-5 .share-icon-24 .pinterest .ico {

  background-position: -600px -1088px; }



.share-style-5 .share-icon-32 .facebook .ico {

  background-position: -624px 0; }



.share-style-5 .share-icon-32 .googleplus .ico {

  background-position: -624px -64px; }



.share-style-5 .share-icon-32 .linkedin .ico {

  background-position: -624px -128px; }



.share-style-5 .share-icon-32 .sinaweibo .ico {

  background-position: -624px -192px; }



.share-style-5 .share-icon-32 .twitter .ico {

  background-position: -624px -256px; }



.share-style-5 .share-icon-32 .youtube .ico {

  background-position: -624px -320px; }



.share-style-5 .share-icon-32 .qzone .ico {

  background-position: -624px -704px; }



.share-style-5 .share-icon-32 .renren .ico {

  background-position: -624px -768px; }



.share-style-5 .share-icon-32 .douban .ico {

  background-position: -624px -832px; }



.share-style-5 .share-icon-32 .tweibo .ico {

  background-position: -624px -896px; }



.share-style-5 .share-icon-32 .instagram .ico {

  background-position: -624px -960px; }



.share-style-5 .share-icon-32 .wechat .ico {

  background-position: -624px -1024px; }



.share-style-5 .share-icon-32 .pinterest .ico {

  background-position: -624px -1088px; }



.share-style-5 .share-icon-48 .facebook .ico {

  background-position: -656px 0; }



.share-style-5 .share-icon-48 .googleplus .ico {

  background-position: -656px -64px; }



.share-style-5 .share-icon-48 .linkedin .ico {

  background-position: -656px -128px; }



.share-style-5 .share-icon-48 .sinaweibo .ico {

  background-position: -656px -192px; }



.share-style-5 .share-icon-48 .twitter .ico {

  background-position: -656px -256px; }



.share-style-5 .share-icon-48 .youtube .ico {

  background-position: -656px -320px; }



.share-style-5 .share-icon-48 .qzone .ico {

  background-position: -656px -704px; }



.share-style-5 .share-icon-48 .renren .ico {

  background-position: -656px -768px; }



.share-style-5 .share-icon-48 .douban .ico {

  background-position: -656px -832px; }



.share-style-5 .share-icon-48 .tweibo .ico {

  background-position: -656px -896px; }



.share-style-5 .share-icon-48 .instagram .ico {

  background-position: -656px -960px; }



.share-style-5 .share-icon-48 .wechat .ico {

  background-position: -656px -1024px; }



.share-style-5 .share-icon-48 .pinterest .ico {

  background-position: -656px -1088px; }



.share-style-5 .share-icon-64 .facebook .ico {

  background-position: -704px 0; }



.share-style-5 .share-icon-64 .googleplus .ico {

  background-position: -704px -64px; }



.share-style-5 .share-icon-64 .linkedin .ico {

  background-position: -704px -128px; }



.share-style-5 .share-icon-64 .sinaweibo .ico {

  background-position: -704px -192px; }



.share-style-5 .share-icon-64 .twitter .ico {

  background-position: -704px -256px; }



.share-style-5 .share-icon-64 .youtube .ico {

  background-position: -704px -320px; }



.share-style-5 .share-icon-64 .qzone .ico {

  background-position: -704px -704px; }



.share-style-5 .share-icon-64 .renren .ico {

  background-position: -704px -768px; }



.share-style-5 .share-icon-64 .douban .ico {

  background-position: -704px -832px; }



.share-style-5 .share-icon-64 .tweibo .ico {

  background-position: -704px -896px; }



.share-style-5 .share-icon-64 .instagram .ico {

  background-position: -704px -960px; }



.share-style-5 .share-icon-64 .wechat .ico {

  background-position: -704px -1024px; }



.share-style-5 .share-icon-64 .pinterest .ico {

  background-position: -704px -1088px; }



.share-style-7 .share-icon-24 .facebook .ico:hover {

  background-position: -200px 0; }



.share-style-7 .share-icon-24 .googleplus .ico:hover {

  background-position: -200px -64px; }



.share-style-7 .share-icon-24 .linkedin .ico:hover {

  background-position: -200px -128px; }



.share-style-7 .share-icon-24 .sinaweibo .ico:hover {

  background-position: -200px -192px; }



.share-style-7 .share-icon-24 .twitter .ico:hover {

  background-position: -200px -256px; }



.share-style-7 .share-icon-24 .youtube .ico:hover {

  background-position: -200px -320px; }



.share-style-7 .share-icon-24 .qzone .ico:hover {

  background-position: -200px -704px; }



.share-style-7 .share-icon-24 .renren .ico:hover {

  background-position: -200px -768px; }



.share-style-7 .share-icon-24 .douban .ico:hover {

  background-position: -200px -832px; }



.share-style-7 .share-icon-24 .tweibo .ico:hover {

  background-position: -200px -896px; }



.share-style-7 .share-icon-24 .instagram .ico:hover {

  background-position: -200px -960px; }



.share-style-7 .share-icon-24 .wechat .ico:hover {

  background-position: -200px -1024px; }



.share-style-7 .share-icon-24 .pinterest .ico:hover {

  background-position: -200px -1088px; }



.share-style-7 .share-icon-32 .facebook .ico:hover {

  background-position: -224px 0; }



.share-style-7 .share-icon-32 .googleplus .ico:hover {

  background-position: -224px -64px; }



.share-style-7 .share-icon-32 .linkedin .ico:hover {

  background-position: -224px -128px; }



.share-style-7 .share-icon-32 .sinaweibo .ico:hover {

  background-position: -224px -192px; }



.share-style-7 .share-icon-32 .twitter .ico:hover {

  background-position: -224px -256px; }



.share-style-7 .share-icon-32 .youtube .ico:hover {

  background-position: -224px -320px; }



.share-style-7 .share-icon-32 .qzone .ico:hover {

  background-position: -224px -704px; }



.share-style-7 .share-icon-32 .renren .ico:hover {

  background-position: -224px -768px; }



.share-style-7 .share-icon-32 .douban .ico:hover {

  background-position: -224px -832px; }



.share-style-7 .share-icon-32 .tweibo .ico:hover {

  background-position: -224px -896px; }



.share-style-7 .share-icon-32 .instagram .ico:hover {

  background-position: -224px -960px; }



.share-style-7 .share-icon-32 .wechat .ico:hover {

  background-position: -224px -1024px; }



.share-style-7 .share-icon-32 .pinterest .ico:hover {

  background-position: -224px -1088px; }



.share-style-7 .share-icon-48 .facebook .ico:hover {

  background-position: -256px 0; }



.share-style-7 .share-icon-48 .googleplus .ico:hover {

  background-position: -256px -64px; }



.share-style-7 .share-icon-48 .linkedin .ico:hover {

  background-position: -256px -128px; }



.share-style-7 .share-icon-48 .sinaweibo .ico:hover {

  background-position: -256px -192px; }



.share-style-7 .share-icon-48 .twitter .ico:hover {

  background-position: -256px -256px; }



.share-style-7 .share-icon-48 .youtube .ico:hover {

  background-position: -256px -320px; }



.share-style-7 .share-icon-48 .qzone .ico:hover {

  background-position: -256px -704px; }



.share-style-7 .share-icon-48 .renren .ico:hover {

  background-position: -256px -768px; }



.share-style-7 .share-icon-48 .douban .ico:hover {

  background-position: -256px -832px; }



.share-style-7 .share-icon-48 .tweibo .ico:hover {

  background-position: -256px -896px; }



.share-style-7 .share-icon-48 .instagram .ico:hover {

  background-position: -256px -960px; }



.share-style-7 .share-icon-48 .wechat .ico:hover {

  background-position: -256px -1024px; }



.share-style-7 .share-icon-48 .pinterest .ico:hover {

  background-position: -256px -1088px; }



.share-style-7 .share-icon-64 .facebook .ico:hover {

  background-position: -304px 0; }



.share-style-7 .share-icon-64 .googleplus .ico:hover {

  background-position: -304px -64px; }



.share-style-7 .share-icon-64 .linkedin .ico:hover {

  background-position: -304px -128px; }



.share-style-7 .share-icon-64 .sinaweibo .ico:hover {

  background-position: -304px -192px; }



.share-style-7 .share-icon-64 .twitter .ico:hover {

  background-position: -304px -256px; }



.share-style-7 .share-icon-64 .youtube .ico:hover {

  background-position: -304px -320px; }



.share-style-7 .share-icon-64 .qzone .ico:hover {

  background-position: -304px -704px; }



.share-style-7 .share-icon-64 .renren .ico:hover {

  background-position: -304px -768px; }



.share-style-7 .share-icon-64 .douban .ico:hover {

  background-position: -304px -832px; }



.share-style-7 .share-icon-64 .tweibo .ico:hover {

  background-position: -304px -896px; }



.share-style-7 .share-icon-64 .instagram .ico:hover {

  background-position: -304px -960px; }



.share-style-7 .share-icon-64 .wechat .ico:hover {

  background-position: -304px -1024px; }



.share-style-7 .share-icon-64 .pinterest .ico:hover {

  background-position: -304px -1088px; }



/* article-list */

.dir-rtl .bd-article-basic .site-widget-hd .list-view-more {

  right: auto;

  left: 10px; }



@media (max-width: 989px) {

  .bd-article-basic .fm-tal {

    text-align: left; }

  .bd-article-basic .fm-tac {

    text-align: center; }

  .bd-article-basic .fm-tar {

    text-align: right; }

  .bd-article-basic .fm-taj {

    text-align: justify; } }



.bd-article-basic .site-widget-hd .list-view-more {

  position: absolute;

  display: block;

  font-size: 14px;

  right: 10px;

  top: 50%;

  margin-top: -8px; }

  .bd-article-basic .site-widget-hd .list-view-more a {

    color: #666; }

    .bd-article-basic .site-widget-hd .list-view-more a:hover {

      color: #06c; }

  @media (max-width: 768px) {

    .bd-article-basic .site-widget-hd .list-view-more {

      display: none; } }



.bd-article-basic .site-widget-bd .list-view-more {

  display: none;

  margin-bottom: 20px;

  text-align: center; }

  .bd-article-basic .site-widget-bd .list-view-more a {

    display: inline-block;

    padding: 3px 10px;

    border: 1px solid #666;

    border-radius: 3px; }



.bd-article-basic .site-widget-bd ul {

  list-style: none;

  padding: 0;

  margin: 0; }



.bd-article-basic .site-widget-bd .article-item {

  position: relative;

  margin-bottom: 5px; }

  .bd-article-basic .site-widget-bd .article-item p {

    margin: 5px 0 0 0; }

  .bd-article-basic .site-widget-bd .article-item .article-month {

    margin: 0; }

  .bd-article-basic .site-widget-bd .article-item .article-img-left {

    float: left;

    margin-right: 20px;

    text-align: center;

    box-sizing: content-box; }

    .bd-article-basic .site-widget-bd .article-item .article-img-left img {

      width: 160px;

      height: 120px;

      border: 1px solid #ccc; }

  .bd-article-basic .site-widget-bd .article-item .article-title {

    font-size: 16px;

    margin: 0;

    line-height: 1.4; }

    .bd-article-basic .site-widget-bd .article-item .article-title a {

      font-weight: normal; }

  .bd-article-basic .site-widget-bd .article-item .article-tit-left {

    float: left;

    width: 100%;

    padding-right: 90px;

    margin-right: -90px; }

  .bd-article-basic .site-widget-bd .article-item .article-time {

    font-size: 12px;

    color: #999;

    float: right;

    line-height: 1.8; }

  .bd-article-basic .site-widget-bd .article-item .article-info {

    font-size: 12px;

    color: #999;

    margin-top: 10px; }

  .bd-article-basic .site-widget-bd .article-item .article-more a {

    color: #326ca6;

    font-weight: normal; }

  .bd-article-basic .site-widget-bd .article-item .fa {

    margin-right: 5px; }

  .bd-article-basic .site-widget-bd .article-item .abstract {

    font-size: 14px;

    color: #999;

    margin-top: 5px; }



.bd-article-basic .site-widget-bd .bd-article-list {

  margin-bottom: 20px; }



.bd-article-basic .site-widget-bd .customize-bg-color {

  background: #4db8ff; }



.bd-article-basic .site-widget-bd .list-page {

  text-align: center; }

  .bd-article-basic .site-widget-bd .list-page span, .bd-article-basic .site-widget-bd .list-page a {

    border-radius: 0; }



.bd-article-basic .title-ellipsis .article-title {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.articleList-style-2 .site-widget-bd .bd-article-list {

  overflow: hidden; }



@media (min-width: 992px) {

  .articleList-style-2 .site-widget-bd .article-item {

    width: 50%;

    float: left;

    padding: 0 10px; } }



.articleList-style-3 .site-widget-bd .article-item {

  padding: 10px 0; }

  .articleList-style-3 .site-widget-bd .article-item .article-title a {

    font-weight: bold; }



.articleList-style-4 .site-widget-bd .article-item {

  margin: 0 0 15px 0; }

  .articleList-style-4 .site-widget-bd .article-item .article-tit-con {

    position: relative;

    overflow: hidden; }

    .articleList-style-4 .site-widget-bd .article-item .article-tit-con .article-title a {

      font-weight: bold; }

  @media (max-width: 767px) {

    .articleList-style-4 .site-widget-bd .article-item {

      margin: 0 0 25px 0; }

      .articleList-style-4 .site-widget-bd .article-item .article-img-left {

        float: none;

        margin: 0 0 10px 0; } }



.articleList-style-5 .site-widget-bd .article-item {

  margin: 10px 0; }

  .articleList-style-5 .site-widget-bd .article-item .article-det {

    position: relative;

    overflow: hidden; }

  @media (max-width: 767px) {

    .articleList-style-5 .site-widget-bd .article-item .article-img-left {

      float: none;

      margin: 0 0 10px 0; } }



.articleList-style-6 .site-widget-bd .article-item {

  margin: 0 0 20px 0; }

  .articleList-style-6 .site-widget-bd .article-item .article-title {

    margin: 5px 0; }

    .articleList-style-6 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }

  .articleList-style-6 .site-widget-bd .article-item .article-date {

    margin: 5px 0; }

  .articleList-style-6 .site-widget-bd .article-item .article-det {

    position: relative;

    overflow: hidden; }

    .articleList-style-6 .site-widget-bd .article-item .article-det .article-more a {

      color: #326ca6;

      font-weight: normal; }

  @media (max-width: 767px) {

    .articleList-style-6 .site-widget-bd .article-item .article-det {

      clear: both; } }



.articleList-style-7 .site-widget-bd .article-item {

  margin: 20px 0; }

  .articleList-style-7 .site-widget-bd .article-item .article-mon-day {

    display: block;

    float: left;

    width: 62px;

    height: 66px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 25px;

    text-align: center;

    padding: 8px 0;

    margin-right: 20px;

    color: #333;

    margin-bottom: 5px; }

    .articleList-style-7 .site-widget-bd .article-item .article-mon-day b {

      font-weight: normal;

      font-size: 24px; }

  .articleList-style-7 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-7 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }



.articleList-style-8 .site-widget-bd .article-item {

  margin: 20px 0; }

  .articleList-style-8 .site-widget-bd .article-item .article-mon-year {

    float: left;

    width: 62px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    margin-right: 20px;

    color: #333;

    margin-bottom: 5px; }

    .articleList-style-8 .site-widget-bd .article-item .article-mon-year .article-month {

      background: #e6e6e6;

      font-size: 14px; }

    .articleList-style-8 .site-widget-bd .article-item .article-mon-year .article-year {

      font-weight: bold; }

  .articleList-style-8 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-8 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }

  .articleList-style-8 .site-widget-bd .article-item .article-more {

    color: #326ca6; }



.articleList-style-9 .site-widget-bd .bd-article-list {

  margin-top: 20px; }



.articleList-style-9 .site-widget-bd .article-imgwrap {

  padding-bottom: 30px; }

  .articleList-style-9 .site-widget-bd .article-imgwrap .article-img img {

    max-width: 100%; }

  .articleList-style-9 .site-widget-bd .article-imgwrap .article-title {

    font-size: 16px;

    margin: 10px 0; }

    .articleList-style-9 .site-widget-bd .article-imgwrap .article-title a {

      font-weight: bold; }



.articleList-style-9 .site-widget-bd .article-item {

  margin: 0 0 20px 0; }

  .articleList-style-9 .site-widget-bd .article-item .article-day-year {

    float: left;

    width: 60px;

    text-align: center;

    margin-right: 20px;

    color: #666;

    margin-bottom: 5px; }

    .articleList-style-9 .site-widget-bd .article-item .article-day-year .article-day {

      line-height: 40px;

      margin-bottom: 1px;

      background-color: #f2f2f2;

      font-size: 25px; }

    .articleList-style-9 .site-widget-bd .article-item .article-day-year .article-year {

      line-height: 22px;

      font-size: 12px;

      background-color: #f2f2f2; }

  .articleList-style-9 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-9 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }



.articleList-style-10 .site-widget-bd .article-item {

  padding: 15px 0; }

  .articleList-style-10 .site-widget-bd .article-item .article-det-right {

    position: relative;

    overflow: hidden; }

    .articleList-style-10 .site-widget-bd .article-item .article-det-right .article-title a {

      font-weight: bold; }

    .articleList-style-10 .site-widget-bd .article-item .article-det-right .article-date {

      color: #333;

      border-bottom: 1px dotted #333;

      padding-bottom: 5px; }

    .articleList-style-10 .site-widget-bd .article-item .article-det-right .article-content {

      margin-top: 5px; }

  @media (max-width: 767px) {

    .articleList-style-10 .site-widget-bd .article-item .article-img-left {

      float: none;

      margin: 0 0 10px; } }



.articleList-style-11 .site-widget-bd .bd-article-list {

  background: url(../images/article-bg-11.png) repeat-y center; }



.articleList-style-11 .site-widget-bd .article-hd-year {

  width: 74px;

  height: 74px;

  border-radius: 50%;

  margin: 0 auto;

  text-align: center;

  color: #fff;

  font-size: 24px;

  line-height: 74px; }



.articleList-style-11 .site-widget-bd .article-item {

  width: 46%;

  position: relative;

  margin-top: 10px; }

  .articleList-style-11 .site-widget-bd .article-item .circle {

    display: block;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    position: absolute;

    top: 17px;

    border: 1px solid #ccc;

    background: #FFF; }

  .articleList-style-11 .site-widget-bd .article-item .article-item-hd {

    padding: 0 20px;

    color: #fff;

    height: 48px;

    line-height: 48px;

    position: relative; }

    .articleList-style-11 .site-widget-bd .article-item .article-item-hd .day {

      font-size: 32px; }

    .articleList-style-11 .site-widget-bd .article-item .article-item-hd .year {

      margin: 0 10px; }

    .articleList-style-11 .site-widget-bd .article-item .article-item-hd .read-more {

      color: #fff;

      padding: 0; }

  .articleList-style-11 .site-widget-bd .article-item .article-item-bd {

    padding: 20px; }

  .articleList-style-11 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-11 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }

  .articleList-style-11 .site-widget-bd .article-item .article-content {

    overflow: hidden;

    line-height: 1.5em;

    max-height: 6em; }

  .articleList-style-11 .site-widget-bd .article-item.article-left {

    float: left; }

    .articleList-style-11 .site-widget-bd .article-item.article-left .circle {

      right: -8.7%;

      margin-right: -7px; }

    .articleList-style-11 .site-widget-bd .article-item.article-left .article-item-hd .arrow {

      right: -12px;

      border-right: 0; }

    .articleList-style-11 .site-widget-bd .article-item.article-left .article-item-hd .day {

      float: right; }

    .articleList-style-11 .site-widget-bd .article-item.article-left .article-item-hd .year {

      float: right; }

  .articleList-style-11 .site-widget-bd .article-item.article-right {

    float: right; }

    .articleList-style-11 .site-widget-bd .article-item.article-right .circle {

      left: -8.7%;

      margin-left: -6px; }

    .articleList-style-11 .site-widget-bd .article-item.article-right .article-item-hd {

      text-align: right; }

      .articleList-style-11 .site-widget-bd .article-item.article-right .article-item-hd .arrow {

        left: -12px;

        border-left: 0; }

      .articleList-style-11 .site-widget-bd .article-item.article-right .article-item-hd .day {

        float: left; }

      .articleList-style-11 .site-widget-bd .article-item.article-right .article-item-hd .year {

        float: left; }

  .articleList-style-11 .site-widget-bd .article-item.article-second {

    margin-top: 100px; }



.articleList-style-11 .site-widget-bd .article-item-hd .arrow {

  width: 0;

  height: 0;

  border-left: 12px solid;

  border-right: 12px solid;

  border-top: 24px solid;

  border-bottom: 24px solid;

  position: absolute;

  top: 0; }



.articleList-style-11 .site-widget-bd .customize-bg-color .arrow {

  border-color: transparent #4db8ff transparent #4db8ff; }



.articleList-style-11 .site-widget-bd .article-end {

  text-align: center;

  clear: both;

  height: 26px; }

  .articleList-style-11 .site-widget-bd .article-end:after {

    content: '';

    display: inline-block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #c0c0c0; }



@media (max-width: 767px) {

  .articleList-style-11 .site-widget-bd .article-item {

    width: 100%; }

    .articleList-style-11 .site-widget-bd .article-item .circle {

      display: none; }

    .articleList-style-11 .site-widget-bd .article-item .article-item-hd .arrow {

      display: none; }

    .articleList-style-11 .site-widget-bd .article-item .article-item-bd {

      background: #FFF; }

    .articleList-style-11 .site-widget-bd .article-item.article-second {

      margin-top: 10px; }

  .articleList-style-11 .site-widget-bd .article-end {

    padding-top: 20px; } }



.articleList-style-12 .site-widget-bd .article-item {

  padding: 20px 0 0; }

  .articleList-style-12 .site-widget-bd .article-item .article-day-mon {

    float: left;

    width: 62px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    margin-right: 20px;

    color: #000;

    margin-bottom: 5px; }

    .articleList-style-12 .site-widget-bd .article-item .article-day-mon .day {

      font-size: 20px; }

    .articleList-style-12 .site-widget-bd .article-item .article-day-mon .month {

      font-size: 12px;

      background-color: #e6e6e6; }

  .articleList-style-12 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-12 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }



.articleList-style-12 .site-widget-bd .article-item-first {

  border-bottom: 1px dashed #333;

  padding-bottom: 30px; }

  .articleList-style-12 .site-widget-bd .article-item-first .article-img img {

    max-width: 100%; }

  .articleList-style-12 .site-widget-bd .article-item-first .article-det .more {

    display: block;

    width: 140px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid #b6b8ba;

    margin-top: 15px;

    font-size: 16px; }



@media (min-width: 768px) {

  .articleList-style-12 .site-widget-bd .article-item-first .article-img {

    float: left;

    width: 40%; }

  .articleList-style-12 .site-widget-bd .article-item-first .article-det {

    float: right;

    width: 58%; } }



.articleList-style-13 .site-widget-bd .article-item {

  position: relative;

  padding-bottom: 15px; }

  .articleList-style-13 .site-widget-bd .article-item .article-title {

    margin: 0; }

    .articleList-style-13 .site-widget-bd .article-item .article-title a {

      font-weight: bold; }

  .articleList-style-13 .site-widget-bd .article-item .article-date-more .date {

    font-size: 30px;

    line-height: 1.6;

    color: #616161; }

  .articleList-style-13 .site-widget-bd .article-item .article-date-more .more {

    background-clip: content-box;

    background-color: #40aef8;

    border: 1px solid #40aef8;

    padding: 3px;

    display: block;

    width: 117px;

    height: 38px;

    line-height: 32px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    margin-top: 10px; }



@media (min-width: 992px) {

  .articleList-style-13 .site-widget-bd .article-item {

    min-height: 120px;

    padding-right: 30%;

    margin-bottom: 30px; }

    .articleList-style-13 .site-widget-bd .article-item .article-date-more {

      position: absolute;

      right: 0;

      top: 0;

      height: 100%;

      width: 26%;

      padding-left: 6%;

      border-left: 2px solid #40aef8; } }



@media (max-width: 991px) {

  .articleList-style-13 .site-widget-bd .article-item {

    padding-top: 50px;

    margin-bottom: 0; }

    .articleList-style-13 .site-widget-bd .article-item .article-date-more .date {

      position: absolute;

      top: 0;

      left: 0; } }



.articleList-style-14 .site-widget-bd .article-item {

  margin-bottom: 25px; }

  .articleList-style-14 .site-widget-bd .article-item .article-item-inner {

    position: relative;

    padding-left: 90px;

    padding-right: 40px; }

    .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-day-year {

      position: absolute;

      height: 62px;

      width: 62px;

      padding: 5px 0;

      border: 1px solid #4a68ec;

      font-size: 12px;

      left: 0;

      top: 3px;

      background-color: #fff;

      text-align: center; }

      .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-day-year .day {

        color: #4c67e8;

        font-size: 20px;

        line-height: 30px; }

      .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-day-year .year {

        color: #c4c4c4;

        line-height: 20px; }

    .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-title {

      margin: 0; }

      .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-title a {

        font-weight: bold; }

    .articleList-style-14 .site-widget-bd .article-item .article-item-inner .article-more {

      position: absolute;

      right: 0;

      top: 3px;

      height: 20px;

      width: 20px;

      line-height: 20px;

      text-align: center;

      background-color: #b0b0b0;

      color: #fff;

      display: inline-block;

      font-size: 18px; }

  .articleList-style-14 .site-widget-bd .article-item:hover .article-item-inner .article-day-year {

    background: #4a68ec; }

    .articleList-style-14 .site-widget-bd .article-item:hover .article-item-inner .article-day-year .day {

      color: #fff; }

  .articleList-style-14 .site-widget-bd .article-item:hover .article-item-inner .article-more {

    background: #4a68ec; }



@media (min-width: 992px) {

  .articleList-style-14 .site-widget-bd .article-item {

    width: 50%;

    float: left; }

  .articleList-style-14 .site-widget-bd .article-item-odd {

    padding-right: 20px;

    clear: both; }

  .articleList-style-14 .site-widget-bd .article-item-even {

    padding-left: 20px; } }



.articleList-style-15 .site-widget-bd {

  overflow: hidden; }

  .articleList-style-15 .site-widget-bd .bd-article-list {

    margin-right: -15px; }

  .articleList-style-15 .site-widget-bd .article-item {

    float: left;

    padding-right: 15px;

    margin-bottom: 15px; }

    .articleList-style-15 .site-widget-bd .article-item.item-num3 {

      width: 33.33333333333%; }

    .articleList-style-15 .site-widget-bd .article-item.item-num4 {

      width: 25%; }

    .articleList-style-15 .site-widget-bd .article-item.item-num5 {

      width: 20%; }

    .articleList-style-15 .site-widget-bd .article-item .atl-item-box {

      padding: 6px;

      border: 1px solid #dcdcdc; }

    .articleList-style-15 .site-widget-bd .article-item .atl-img-wrap {

      overflow: hidden; }

    .articleList-style-15 .site-widget-bd .article-item .img-tab {

      width: 100%;

      height: 100%;

      display: table; }

      .articleList-style-15 .site-widget-bd .article-item .img-tab .img-cell {

        display: table-cell;

        vertical-align: middle;

        text-align: center; }

    .articleList-style-15 .site-widget-bd .article-item .article-title {

      height: 3em;

      line-height: 1.5em;

      overflow: hidden;

      margin: 10px 0; }

      .articleList-style-15 .site-widget-bd .article-item .article-title a {

        color: #545454; }

    .articleList-style-15 .site-widget-bd .article-item .atl-prop li {

      line-height: 1.5em; }

  .articleList-style-15 .site-widget-bd .title-ellipsis .article-title {

    height: 1.5em; }

  .articleList-style-15 .site-widget-bd .article-content {

    height: 40px;

    overflow: hidden; }



.bd-article-one .site-widget-article-detail {

  min-height: 600px; }



.bd-article-one .article-header {

  text-align: center; }

  .bd-article-one .article-header .article-title {

    font-size: 24px;

    font-weight: normal;

    margin-bottom: 10px; }

  .bd-article-one .article-header .article-info {

    font-size: 12px;

    color: #888; }

  .bd-article-one .article-header .share-cmp {

    margin: 10px 0 20px; }



.bd-article-one .articledetail-inquiry-btn {

  background-color: #f04848;

  border-radius: 3px;

  color: #fff;

  font-size: 12px;

  padding: 3px 8px;

  margin: 0 5px; }

  .bd-article-one .articledetail-inquiry-btn:hover {

    color: #fff;

    opacity: .9; }



.bd-article-one .page-ctl .page-btn {

  margin: 20px 0;

  width: 35%; }

  .bd-article-one .page-ctl .page-btn a {

    font-weight: normal;

    display: block;

    border: 1px solid #ddd;

    color: #2c2c2c;

    font-size: 15px;

    line-height: 35px;

    padding: 0 15px;

    white-space: nowrap;

    word-break: keep-all;

    overflow: hidden;

    text-overflow: ellipsis;

    border-radius: 18px; }

    .bd-article-one .page-ctl .page-btn a:hover {

      background-color: #f5f5f5;

      color: #fb6427;

      border-color: #fb6427; }



.bd-article-one .article-img {

  text-align: center;

  margin-bottom: 10px; }

  .bd-article-one .article-img img {

    max-width: 100%; }



.bd-article-one .article-cnt {

  line-height: 180%; }



.articleOne-style-2 .article-img {

  padding-right: 20px;

  float: left;

  width: 320px; }



.articleOne-style-3 .article-img {

  padding-left: 20px;

  float: right;

  width: 320px; }



.articleOne-style-4 .article-img {

  padding-left: 20px;

  float: right; }



@media (min-width: 640px) {

  .articleOne-style-2 .article-img.pic460,

  .articleOne-style-3 .article-img.pic460 {

    width: 480px; }

  .articleOne-style-2 .article-img.pic400,

  .articleOne-style-3 .article-img.pic400 {

    width: 420px; }

  .articleOne-style-2 .article-img.pic350,

  .articleOne-style-3 .article-img.pic350 {

    width: 370px; } }



.wrap-categroy ul, .wrap-categroy li {

  padding: 0;

  margin: 0;

  list-style-type: none; }



.wrap-categroy .site-widget-hd {

  margin-bottom: 0; }

  .wrap-categroy .site-widget-hd .edit-title span {

    display: block;

    margin-right: 20px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; }

  .wrap-categroy .site-widget-hd .arrow-mark {

    display: none;

    position: absolute;

    top: 50%;

    right: 0;

    width: 20px;

    text-align: center;

    line-height: inherit;

    margin-top: -13px; }



.wrap-categroy .site-widget-bd {

  font-size: 16px; }



.wrap-categroy .slide-btn {

  display: inline-block;

  width: 17px;

  text-align: center;

  cursor: pointer; }



.wrap-categroy .lev1 {

  position: relative; }

  .wrap-categroy .lev1 .link-wrap {

    transition: all ease 300ms;

    padding: 8px 20px 8px 0px;

    position: relative; }

    .wrap-categroy .lev1 .link-wrap:hover {

      padding-left: 0px; }

    .wrap-categroy .lev1 .link-wrap a {

      display: block;

      width: 100%;

      white-space: nowrap;

      overflow: hidden;

      text-overflow: ellipsis; }

    .wrap-categroy .lev1 .link-wrap .slide-btn {

      position: absolute;

      top: 50%;

      right: 0;

      margin-top: -12px; }

  .wrap-categroy .lev1 .slide-btn {

    transition: all ease 300ms; }



.wrap-categroy .lev-child .link-wrap {

  font-size: 14px;

  padding: 8px 15px 8px 2em; }

  .wrap-categroy .lev-child .link-wrap:hover {

    padding-left: 1em; }



.wrap-categroy .setting-for-wap {

  display: none; }



@media (max-width: 768px) {

  .wrap-categroy .site-widget-bd {

    display: block; }

  .wrap-categroy .setting-for-wap {

    display: block; }

  .wrap-categroy .site-widget-hd .arrow-mark {

    display: block; } }



.articleGroup-style-1 .lev1.cate-open > .link-wrap > .slide-btn, .productGroup-style-1 .lev1.cate-open > .link-wrap > .slide-btn {

  transform: rotate(90deg); }



.articleGroup-style-1 .lev1 > .link-wrap, .productGroup-style-1 .lev1 > .link-wrap {

  border-bottom: solid 1px #ddd; }



.articleGroup-style-1 .lev-child .link-wrap, .productGroup-style-1 .lev-child .link-wrap {

  border-bottom: dashed 1px #ddd; }



.articleGroup-style-1 .lev-child.cate-open > .link-wrap > .slide-btn, .productGroup-style-1 .lev-child.cate-open > .link-wrap > .slide-btn {

  transform: rotate(90deg); }



.articleGroup-style-1 .lev3 .link-wrap, .productGroup-style-1 .lev3 .link-wrap {

  padding-left: 4em; }

  .articleGroup-style-1 .lev3 .link-wrap:hover, .productGroup-style-1 .lev3 .link-wrap:hover {

    padding-left: 3em; }



.articleGroup-style-1 .lev4 .link-wrap, .productGroup-style-1 .lev4 .link-wrap {

  padding-left: 6em;

  border-bottom: dashed 1px #eee; }

  .articleGroup-style-1 .lev4 .link-wrap:hover, .productGroup-style-1 .lev4 .link-wrap:hover {

    padding-left: 5em; }



.articleGroup-style-1 .has-child, .productGroup-style-1 .has-child {

  position: relative; }

  .articleGroup-style-1 .has-child .cate-slide, .productGroup-style-1 .has-child .cate-slide {

    display: none; }

  .articleGroup-style-1 .has-child.cate-open > .cate-slide, .productGroup-style-1 .has-child.cate-open > .cate-slide {

    display: block; }



@media (min-width: 769px) {

  .articleGroup-style-2 .lev1 .link-wrap, .productGroup-style-2 .lev1 .link-wrap {

    padding: 8px 8px 8px 0px; }

  .articleGroup-style-2 .lev-child .link-wrap, .productGroup-style-2 .lev-child .link-wrap {

    padding: 8px 15px; }

  .articleGroup-style-2 .link-wrap:hover, .productGroup-style-2 .link-wrap:hover {

    background-color: #383838; }

    .articleGroup-style-2 .link-wrap:hover a, .productGroup-style-2 .link-wrap:hover a {

      color: #fff; }

  .articleGroup-style-2 .has-child, .productGroup-style-2 .has-child {

    position: relative; }

    .articleGroup-style-2 .has-child > .cate-slide, .productGroup-style-2 .has-child > .cate-slide {

      display: none;

      position: absolute;

      z-index: 1000;

      top: 0;

      left: 100%;

      min-width: 220px;

      background-color: #fff;

      box-shadow: 2px 1px 6px 1px rgba(0, 0, 0, 0.2); }

      .articleGroup-style-2 .has-child > .cate-slide .link-wrap, .productGroup-style-2 .has-child > .cate-slide .link-wrap {

        max-width: 380px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis; }

  .articleGroup-style-2 .cate-slide, .productGroup-style-2 .cate-slide {

    background-color: #fff; }

    .articleGroup-style-2 .cate-slide a, .productGroup-style-2 .cate-slide a {

      color: #333; }

    .articleGroup-style-2 .cate-slide > li, .productGroup-style-2 .cate-slide > li {

      border-bottom: 1px solid #ddd; }

      .articleGroup-style-2 .cate-slide > li:last-child, .productGroup-style-2 .cate-slide > li:last-child {

        border-bottom: none; } }



@media (max-width: 768px) {

  .articleGroup-style-2 .lev1 > .link-wrap, .productGroup-style-2 .lev1 > .link-wrap {

    border-bottom: 1px solid #ddd;

    position: relative;

    padding-right: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; }

    .articleGroup-style-2 .lev1 > .link-wrap > .slide-btn, .productGroup-style-2 .lev1 > .link-wrap > .slide-btn {

      float: none;

      margin-left: 0;

      position: absolute;

      right: 0;

      top: 0; }

    .articleGroup-style-2 .lev1 > .link-wrap > a, .productGroup-style-2 .lev1 > .link-wrap > a {

      display: inline;

      float: none;

      width: auto;

      padding-right: 0;

      margin-right: 0; }

  .articleGroup-style-2 .lev1 .cate-slide, .productGroup-style-2 .lev1 .cate-slide {

    display: none; }

  .articleGroup-style-2 .link-wrap, .productGroup-style-2 .link-wrap {

    line-height: 36px; } }



.dir-rtl .wrap-categroy .site-widget-hd .arrow-mark {

  right: auto;

  left: 0px; }



.dir-rtl .wrap-categroy .lev1 .link-wrap {

  padding: 8px 0 8px 20px; }

  .dir-rtl .wrap-categroy .lev1 .link-wrap .slide-btn {

    left: 0;

    right: auto; }

  .dir-rtl .wrap-categroy .lev1 .link-wrap:hover {

    padding-right: 0px; }



.dir-rtl .wrap-categroy .lev-child .link-wrap {

  padding: 8px 15px 8px 20px; }

  .dir-rtl .wrap-categroy .lev-child .link-wrap:hover {

    padding-right: 10px; }



.dir-rtl .wrap-categroy .lev3 .link-wrap {

  padding-left: 0px;

  padding-right: 25px; }

  .dir-rtl .wrap-categroy .lev3 .link-wrap:hover {

    padding-right: 15px; }



.dir-rtl .wrap-categroy .lev4 .link-wrap {

  padding-left: 0px;

  padding-right: 35px; }

  .dir-rtl .wrap-categroy .lev4 .link-wrap:hover {

    padding-right: 25px; }



.wrap-pic .edit-img-wrap .edit-img {

  max-width: 100%; }



@media (max-width: 989px) {

  .wrap-pic .edit-img-wrap .edit-img {

    max-width: 100%; } }



/**

 * ========================================

 * Pic Style

 * ========================================

 *

 * Create By Duyue 61196135@qq.com

 * 2016/9/8 09:11

 */

/** Default */

/** Corner */

.img-style-corner,

.img-style-corner img {

  border-radius: 20px; }



/** Round */

.img-style-round,

.img-style-round img {

  border-radius: 50%; }



/** Album */

.img-style-album > a {

  display: inline-block;

  position: relative;

  max-width: 100%;

  background: #fff;

  padding: 6px;

  border: 1px solid #ccc;

  border-radius: 4px; }



/**

 * ========================================

 * Pic Desc Show Style

 * ========================================

 *

 * Create By Duyue 61196135@qq.com

 * 2016/9/8 09:11

 */

.edit-img-wrap {

  overflow: hidden;

  position: relative; }



.edit-img-wrap .edit-img-desc {

  text-align: left;

  display: none;

  max-height: 100%; }



.edit-img-wrap .img-desc-title {

  margin-top: 0;

  font-size: 14px;

  line-height: 160%; }



/**

 * default

 */

.img-wrap-default .edit-img-desc {

  display: none; }



/**

 * under

 */

.img-wrap-under .edit-img-desc {

  display: block; }



/**

 * bottom

 */

.img-wrap-bottom .edit-img-desc {

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.5); }



.img-wrap-bottom .img-desc-title {

  color: #fff; }



.img-wrap-bottom .img-desc-cell {

  padding: 10px; }



/**

 * Slide Top Part

 */

.img-wrap-slide-top-part .edit-img-desc {

  display: block;

  position: absolute;

  top: -100%;

  left: 0;

  width: 100%;

  height: auto;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: top .3s ease-in-out;

  -moz-transition: top .3s ease-in-out;

  -webkit-transition: top .3s ease-in-out;

  -o-transition: top .3s ease-in-out; }



.img-wrap-slide-top-part:hover .edit-img-desc {

  top: 0; }



.img-wrap-slide-top-part .img-desc-title {

  color: #eee; }



.img-wrap-slide-top-part .img-desc-cell {

  padding: 20px 10px; }



/**

 * Slide Bottom Part

 */

.img-wrap-slide-bottom-part .edit-img-desc {

  display: block;

  position: absolute;

  bottom: -100%;

  left: 0;

  width: 100%;

  height: auto;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: bottom .3s ease-in-out;

  -moz-transition: bottom .3s ease-in-out;

  -webkit-transition: bottom .3s ease-in-out;

  -o-transition: bottom .3s ease-in-out; }



.img-wrap-slide-bottom-part:hover .edit-img-desc {

  bottom: 0; }



.img-wrap-slide-bottom-part .img-desc-title {

  color: #eee; }



.img-wrap-slide-bottom-part .img-desc-cell {

  padding: 20px 10px; }



/**

 * Slide Left Part

 */

.img-wrap-slide-left-part .edit-img-desc {

  display: block;

  position: absolute;

  bottom: 0;

  left: -100%;

  width: 65%;

  height: 100%;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: left .3s ease-in-out;

  -moz-transition: left .3s ease-in-out;

  -webkit-transition: left .3s ease-in-out;

  -o-transition: left .3s ease-in-out; }



.img-wrap-slide-left-part:hover .edit-img-desc {

  left: 0; }



.img-wrap-slide-left-part .img-desc-title {

  color: #eee; }



.img-wrap-slide-left-part .img-desc-cell {

  padding: 20px 10px; }



/**

 * Slide Right Part

 */

.img-wrap-slide-right-part .edit-img-desc {

  display: block;

  position: absolute;

  bottom: 0;

  right: -100%;

  width: 65%;

  height: 100%;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: right .3s ease-in-out;

  -moz-transition: right .3s ease-in-out;

  -webkit-transition: right .3s ease-in-out;

  -o-transition: right .3s ease-in-out; }



.img-wrap-slide-right-part:hover .edit-img-desc {

  right: 0; }



.img-wrap-slide-right-part .img-desc-title {

  color: #eee; }



.img-wrap-slide-right-part .img-desc-cell {

  padding: 20px 10px; }



/**

 * Slide Bottom

 */

.img-wrap-slide-bottom .edit-img-desc {

  display: block;

  position: absolute;

  bottom: -100%;

  left: 0;

  width: 100%;

  height: auto;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: bottom .3s ease-in-out;

  -moz-transition: bottom .3s ease-in-out;

  -webkit-transition: bottom .3s ease-in-out;

  -o-transition: bottom .3s ease-in-out; }



.img-wrap-slide-bottom:hover .edit-img-desc {

  bottom: 0; }



.img-wrap-slide-bottom .img-desc-title {

  color: #eee; }



.img-wrap-slide-bottom .img-desc-cell {

  padding: 20px 10px; }



/**

 * Slide Full

 */

.img-wrap-slide-full .edit-img-desc {

  display: block;

  position: absolute;

  bottom: -100%;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000\9;

  filter: alpha(opacity=50);

  background: rgba(0, 0, 0, 0.5);

  transition: bottom .3s ease-in-out;

  -moz-transition: bottom .3s ease-in-out;

  -webkit-transition: bottom .3s ease-in-out;

  -o-transition: bottom .3s ease-in-out; }



.img-wrap-slide-full:hover .edit-img-desc {

  bottom: 0; }



.img-wrap-slide-full .img-desc-title {

  color: #eee; }



.img-wrap-slide-full .img-desc-table {

  display: table;

  width: 100%;

  height: 100%;

  overflow: hidden; }



.img-wrap-slide-full .img-desc-cell {

  padding: 20px 10px;

  display: table-cell;

  vertical-align: middle;

  text-align: center; }



/**

 * Zoom Full Border

 */

.img-wrap-zoom-full-border .img-desc-table {

  display: table;

  width: 100%;

  height: 100%;

  overflow: hidden;

  box-sizing: border-box;

  padding: 20px; }



.img-wrap-zoom-full-border .img-desc-cell {

  padding: 10px;

  display: table-cell;

  vertical-align: middle;

  /*text-align: center;*/

  border: 1px solid rgba(255, 255, 255, 0.5); }



.img-wrap-zoom-full-border .img-desc-title {

  color: #eee; }



.img-wrap-zoom-full-border .edit-img-desc {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  transform: scale(0);

  -webkit-transform: scale(0);

  -o-transform: scale(0);

  -moz-transform: scale(0);

  transition: transform .4s ease-in-out;

  -moz-transition: transform .4s ease-in-out;

  -webkit-transition: transform .4s ease-in-out;

  -o-transition: transform .4s ease-in-out; }



.img-wrap-zoom-full-border:hover .edit-img-desc {

  transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  -moz-transform: scale(1); }



/**

 * Full Border

 */

.img-wrap-full-border .img-desc-table {

  display: table;

  width: 100%;

  height: 100%;

  overflow: hidden;

  box-sizing: border-box;

  padding: 20px; }



.img-wrap-full-border .img-desc-cell {

  padding: 10px;

  display: table-cell;

  vertical-align: middle;

  /*text-align: center;*/

  border: 1px solid rgba(255, 255, 255, 0.5); }



.img-wrap-full-border .img-desc-title {

  color: #eee; }



.img-wrap-full-border .edit-img-desc {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  transition: all .3s ease-in-out; }



.img-wrap-full-border:hover .edit-img-desc {

  top: -120%; }



@media (max-width: 989px) {

  .bd-pdlist-basic .fm-tal {

    text-align: left; }

  .bd-pdlist-basic .fm-tac {

    text-align: center; }

  .bd-pdlist-basic .fm-tar {

    text-align: right; }

  .bd-pdlist-basic .fm-taj {

    text-align: justify; } }



.bd-pdlist-basic .site-widget-hd .list-view-more {

  display: block; }



.bd-pdlist-basic .site-widget-bd .list-view-more {

  display: none; }



.bd-pdlist-basic .site-widget-bd {

  margin-top: 0; }



.productList-style-1 .bd-product-list > ul .pdl-item-box {

  padding: 6px;

  border: 1px solid #dcdcdc; }



.productList-style-1 .bd-product-list > ul .pdl-inner {

  width: 100%;

  height: 100%; }



.productList-style-1 .bd-product-list > ul .pdl-picbox {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center; }



.productList-style-1 .bd-product-list > ul .pdl-cell {

  display: table-cell;

  vertical-align: middle; }

  .productList-style-1 .bd-product-list > ul .pdl-cell img {

    max-width: 100%; }



.productList-style-1 .bd-product-list > ul .pdl-describe-wrap {

  height: auto;

  padding-bottom: 5px; }



.productList-style-1 .bd-product-list > ul .pdl-pro-name {

  display: block;

  height: 3em;

  font-size: 14px;

  line-height: 1.5em !important;

  margin-bottom: 6px;

  overflow: hidden; }

  .productList-style-1 .bd-product-list > ul .pdl-pro-name:hover {

    text-decoration: underline; }



.productList-style-1 .bd-product-list > ul .pdl-defined-list dd {

  font-size: 13px;

  width: 100%;

  margin-bottom: 2px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden; }



.productList-style-1 .bd-product-list > ul .pdl-pro-inquire {

  width: 100%;

  height: 32px;

  margin-right: 5px;

  background: #999;

  color: #fff;

  font-size: 14px;

  text-align: center;

  border: 0;

  cursor: pointer; }

  .productList-style-1 .bd-product-list > ul .pdl-pro-inquire:hover {

    background: #666; }



.productList-style-2 .bd-product-list > ul {

  margin-left: -40px;

  list-style: none;

  padding: 0; }

  .productList-style-2 .bd-product-list > ul li.pdl-item {

    float: left;

    padding-left: 40px;

    margin-bottom: 30px; }

  .productList-style-2 .bd-product-list > ul .pdl-display {

    float: left;

    border: 1px solid #ccc;

    margin-right: 15px; }

  .productList-style-2 .bd-product-list > ul .pdl-inner {

    width: 100%;

    height: 100%;

    overflow: hidden; }



.productList-style-2 .bd-product-list .pdl-describe-wrap {

  padding-left: 220px; }

  .productList-style-2 .bd-product-list .pdl-describe-wrap .info-list dd {

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 13px; }



.productList-style-2 .bd-product-list .pdl-picbox {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center; }



.productList-style-2 .bd-product-list .pdl-cell {

  display: table-cell;

  vertical-align: middle; }

  .productList-style-2 .bd-product-list .pdl-cell img {

    max-width: 100%; }



.productList-style-2 .bd-product-list .pdl-pro-name {

  display: block;

  margin-bottom: 10px;

  height: 3.2em;

  font-size: 14px;

  text-decoration: none;

  line-height: 1.6em;

  overflow: hidden;

  font-weight: normal; }



.productList-style-3 .bd-product-list > ul {

  margin-left: -40px;

  list-style: none;

  padding: 0; }

  .productList-style-3 .bd-product-list > ul li.pdl-item {

    float: left;

    width: 100%;

    padding-left: 40px;

    margin-bottom: 30px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale1 .pdl-display {

      width: 200px;

      height: 200px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale2 .pdl-display {

      width: 200px;

      height: 133.33333px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale3 .pdl-display {

      width: 200px;

      height: 300px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale4 .pdl-display {

      width: 200px;

      height: 150px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale5 .pdl-display {

      width: 200px;

      height: 266.66667px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale6 .pdl-display {

      width: 200px;

      height: 112.5px; }

    .productList-style-3 .bd-product-list > ul li.pdl-item.scale7 .pdl-display {

      width: 200px;

      height: 355.55556px; }

    @media (max-width: 480px) {

      .productList-style-3 .bd-product-list > ul li.pdl-item {

        width: 100%; }

        .productList-style-3 .bd-product-list > ul li.pdl-item .pdl-display {

          float: none;

          margin: 0 auto; }

        .productList-style-3 .bd-product-list > ul li.pdl-item .pdl-describe-wrap {

          padding-left: 0;

          width: 200px;

          margin: 0 auto; } }

  .productList-style-3 .bd-product-list > ul .pdl-display {

    float: left;

    width: 200px;

    height: 200px;

    border: 1px solid #ccc;

    margin-right: 15px; }

  .productList-style-3 .bd-product-list > ul .pdl-inner {

    width: 100%;

    height: 100%;

    overflow: hidden; }



.productList-style-3 .bd-product-list .pdl-btn-group {

  width: 200px; }



.productList-style-3 .bd-product-list .pdl-describe-wrap {

  padding-left: 220px; }

  .productList-style-3 .bd-product-list .pdl-describe-wrap .info-list dd {

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 13px; }



.productList-style-3 .bd-product-list .pdl-picbox {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center; }



.productList-style-3 .bd-product-list .pdl-cell {

  display: table-cell;

  vertical-align: middle; }

  .productList-style-3 .bd-product-list .pdl-cell img {

    max-width: 100%; }



.productList-style-3 .bd-product-list .pdl-pro-name {

  display: block;

  margin-bottom: 10px;

  height: 3.2em;

  font-size: 14px;

  text-decoration: none;

  line-height: 1.6em;

  overflow: hidden;

  font-weight: normal; }



.productList-style-4 .bd-product-list > ul {

  list-style: none;

  padding: 0; }

  .productList-style-4 .bd-product-list > ul li.pdl-item {

    margin-bottom: 30px;

    min-height: 200px;

    width: 100%; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale1 .pdl-display {

      width: 200px;

      height: 200px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale2 .pdl-display {

      width: 200px;

      height: 133.33333px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale3 .pdl-display {

      width: 200px;

      height: 300px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale4 .pdl-display {

      width: 200px;

      height: 150px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale5 .pdl-display {

      width: 200px;

      height: 266.66667px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale6 .pdl-display {

      width: 200px;

      height: 112.5px; }

    .productList-style-4 .bd-product-list > ul li.pdl-item.scale7 .pdl-display {

      width: 200px;

      height: 355.55556px; }

    @media (max-width: 480px) {

      .productList-style-4 .bd-product-list > ul li.pdl-item {

        width: 100%; }

        .productList-style-4 .bd-product-list > ul li.pdl-item .pdl-display {

          float: none;

          margin: 0 auto; }

        .productList-style-4 .bd-product-list > ul li.pdl-item .pdl-describe-wrap {

          padding-right: 0;

          width: 200px;

          margin: 0 auto; } }

  .productList-style-4 .bd-product-list > ul .pdl-display {

    float: right;

    width: 200px;

    height: 200px;

    border: 1px solid #ccc;

    margin-left: 15px; }

  .productList-style-4 .bd-product-list > ul .pdl-inner {

    width: 100%;

    height: 100%;

    overflow: hidden; }



.productList-style-4 .bd-product-list .pdl-btn-group {

  width: 200px; }



.productList-style-4 .bd-product-list .pdl-describe-wrap {

  padding-right: 220px; }

  .productList-style-4 .bd-product-list .pdl-describe-wrap .info-list dd {

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 13px; }



.productList-style-4 .bd-product-list .pdl-picbox {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center; }



.productList-style-4 .bd-product-list .pdl-cell {

  display: table-cell;

  vertical-align: middle; }

  .productList-style-4 .bd-product-list .pdl-cell img {

    max-width: 100%; }



.productList-style-4 .bd-product-list .pdl-pro-name {

  display: block;

  margin-bottom: 10px;

  height: 3.2em;

  font-size: 14px;

  text-decoration: none;

  line-height: 1.6em;

  overflow: hidden;

  font-weight: normal; }



.pdl-btn-group {

  overflow: hidden; }

  .pdl-btn-group .btn-group-inner {

    position: relative; }

  .pdl-btn-group .pro-detail-basket {

    display: block;

    /*margin-right: 35px;*/

    border: 1px solid #ccc;

    outline: none;

    border-radius: 0;

    font-size: 14px;

    color: #1f69ad;

    line-height: 34px;

    height: 34px;

    text-align: center; }

  .pdl-btn-group .pro-inquire {

    position: absolute;

    top: 0;

    left: 100%;

    padding-left: 10px;

    text-align: left;

    width: 100%;

    margin-left: -34px;

    height: 34px;

    line-height: 34px;

    border: 0;

    background-color: #dcdcdc; }

    .pdl-btn-group .pro-inquire i {

      margin-right: 10px; }

  .pdl-btn-group .only-inquire .pro-inquire {

    position: static;

    display: block;

    margin-left: 0;

    text-align: center; }

    .pdl-btn-group .only-inquire .pro-inquire i {

      margin-right: 0px; }

  .pdl-btn-group.btn-style-1 .pro-detail-basket {

    display: inline-block;

    border: none;

    margin: 0;

    color: #31394f; }

  .pdl-btn-group.btn-style-1 .pro-inquire {

    position: static;

    display: block;

    width: 100%;

    height: 34px;

    line-height: 34px;

    text-align: center;

    color: #fff;

    background-color: #999;

    margin: 0; }

    .pdl-btn-group.btn-style-1 .pro-inquire:hover {

      background-color: gray; }

    .pdl-btn-group.btn-style-1 .pro-inquire i {

      display: none; }



.pdl-btn-group.btn-style-2 .btn-left {

  background-color: #f06b37;

  border-color: #f06b37;

  color: #fff; }

  .pdl-btn-group.btn-style-2 .btn-left:hover {

    opacity: 0.9; }



.pdl-btn-group.btn-style-2 .btn-right {

  color: #fff;

  background-color: #db2121;

  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-2 .btn-right:hover {

    left: 39px;

    margin-left: 0; }



.pdl-btn-group.btn-style-3 .btn-left {

  background-color: #f6931b;

  border-color: #f6931b;

  color: #fff; }

  .pdl-btn-group.btn-style-3 .btn-left:hover {

    opacity: 0.9; }



.pdl-btn-group.btn-style-3 .btn-right {

  color: #fff;

  background-color: #ef6737;

  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-3 .btn-right:hover {

    left: 39px;

    margin-left: 0; }



.pdl-btn-group.btn-style-4 .btn-left {

  background-color: #e74c3c;

  border-color: #e74c3c;

  color: #fff; }

  .pdl-btn-group.btn-style-4 .btn-left:hover {

    opacity: 0.9; }



.pdl-btn-group.btn-style-4 .btn-right {

  color: #fff;

  background-color: #34495e;

  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-4 .btn-right:hover {

    left: 39px;

    margin-left: 0; }



.pdl-btn-group.btn-style-5 .btn-left {

  background-color: #3498db;

  border-color: #3498db;

  color: #fff; }

  .pdl-btn-group.btn-style-5 .btn-left:hover {

    opacity: 0.9; }



.pdl-btn-group.btn-style-5 .btn-right {

  color: #fff;

  background-color: #1d5991;

  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-5 .btn-right:hover {

    left: 39px;

    margin-left: 0; }



.pdl-btn-group.btn-style-6 .btn-left {

  background-color: #34495e;

  border-color: #34495e;

  color: #fff; }

  .pdl-btn-group.btn-style-6 .btn-left:hover {

    opacity: 0.9; }



.pdl-btn-group.btn-style-6 .btn-right {

  color: #fff;

  background-color: #1abc9c;

  transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-6 .btn-right:hover {

    left: 39px;

    margin-left: 0; }



.pdl-btn-group.btn-style-7 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #c81623; }

  .pdl-btn-group.btn-style-7 .btn-left:hover {

    color: #e82937; }



.pdl-btn-group.btn-style-7 .btn-right {

  color: #fff;

  background-color: #c81623;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-7 .btn-right:hover {

    background-color: #e82937; }



.pdl-btn-group.btn-style-8 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #e64545; }

  .pdl-btn-group.btn-style-8 .btn-left:hover {

    color: #ec7272; }



.pdl-btn-group.btn-style-8 .btn-right {

  color: #fff;

  background-color: #e64545;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-8 .btn-right:hover {

    background-color: #ec7272; }



.pdl-btn-group.btn-style-9 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #f40; }

  .pdl-btn-group.btn-style-9 .btn-left:hover {

    color: #ff6933; }



.pdl-btn-group.btn-style-9 .btn-right {

  color: #fff;

  background-color: #f40;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-9 .btn-right:hover {

    background-color: #ff6933; }



.pdl-btn-group.btn-style-10 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #fd9d39; }

  .pdl-btn-group.btn-style-10 .btn-left:hover {

    color: #feb66b; }



.pdl-btn-group.btn-style-10 .btn-right {

  color: #fff;

  background-color: #fd9d39;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-10 .btn-right:hover {

    background-color: #feb66b; }



.pdl-btn-group.btn-style-11 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #469f1a; }

  .pdl-btn-group.btn-style-11 .btn-left:hover {

    color: #59cb21; }



.pdl-btn-group.btn-style-11 .btn-right {

  color: #fff;

  background-color: #469f1a;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-11 .btn-right:hover {

    background-color: #59cb21; }



.pdl-btn-group.btn-style-12 .btn-left {

  background-color: #fff;

  border-color: #dcdcdc;

  color: #1f69ad; }

  .pdl-btn-group.btn-style-12 .btn-left:hover {

    color: #2783d8; }



.pdl-btn-group.btn-style-12 .btn-right {

  color: #fff;

  background-color: #1f69ad;

  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

  .pdl-btn-group.btn-style-12 .btn-right:hover {

    background-color: #2783d8; }



.productList-style-1 .bd-product-list > ul {

  list-style: none;

  padding: 0;

  margin: 0; }

  .productList-style-1 .bd-product-list > ul li.pdl-item {

    float: left;

    margin-bottom: 15px;

    padding-right: 15px; }

    .productList-style-1 .bd-product-list > ul li.pdl-item .pdl-display {

      margin-bottom: 10px;

      overflow: hidden; }

    @media (min-width: 320px) and (max-width: 479px) {

      .productList-style-1 .bd-product-list > ul li.pdl-item, .productList-style-1 .bd-product-list > ul li.pdl-item.num3, .productList-style-1 .bd-product-list > ul li.pdl-item.num4, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 {

        width: 80%;

        margin-left: 10%; }

        .productList-style-1 .bd-product-list > ul li.pdl-item .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num3 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num4 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 .pdl-display {

          width: 100%;

          height: 220px; } }

    @media (min-width: 480px) {

      .productList-style-1 .bd-product-list > ul li.pdl-item, .productList-style-1 .bd-product-list > ul li.pdl-item.num3, .productList-style-1 .bd-product-list > ul li.pdl-item.num4, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 {

        width: 50%; }

        .productList-style-1 .bd-product-list > ul li.pdl-item .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num3 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num4 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 .pdl-display {

          width: 100%;

          height: 190px; } }

    @media (min-width: 640px) {

      .productList-style-1 .bd-product-list > ul li.pdl-item, .productList-style-1 .bd-product-list > ul li.pdl-item.num3, .productList-style-1 .bd-product-list > ul li.pdl-item.num4, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 {

        width: 33.33%; }

        .productList-style-1 .bd-product-list > ul li.pdl-item .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num3 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num4 .pdl-display, .productList-style-1 .bd-product-list > ul li.pdl-item.num5 .pdl-display {

          width: 100%;

          height: 175px; } }



.col-md-9 .productList-style-1 .bd-product-list > ul {

  margin-right: -15px; }



.col-md-9 .productList-style-1 .bd-product-list li.pdl-item {

  width: 215px; }

  .col-md-9 .productList-style-1 .bd-product-list li.pdl-item .pdl-display {

    width: 186px;

    height: 186px; }

  @media (min-width: 768px) {

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5 {

      width: 142px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale1 .pdl-display {

        width: 115px;

        height: 115px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale2 .pdl-display {

        width: 115px;

        height: 76.66667px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale3 .pdl-display {

        width: 115px;

        height: 172.5px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale4 .pdl-display {

        width: 115px;

        height: 86.25px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale5 .pdl-display {

        width: 115px;

        height: 153.33333px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale6 .pdl-display {

        width: 115px;

        height: 64.6875px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale7 .pdl-display {

        width: 115px;

        height: 204.44444px; }

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4 {

      width: 178px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale1 .pdl-display {

        width: 151px;

        height: 151px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale2 .pdl-display {

        width: 151px;

        height: 100.66667px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale3 .pdl-display {

        width: 151px;

        height: 226.5px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale4 .pdl-display {

        width: 151px;

        height: 113.25px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale5 .pdl-display {

        width: 151px;

        height: 201.33333px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale6 .pdl-display {

        width: 151px;

        height: 84.9375px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale7 .pdl-display {

        width: 151px;

        height: 268.44444px; }

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3 {

      width: 237px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale1 .pdl-display {

        width: 210px;

        height: 210px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale2 .pdl-display {

        width: 210px;

        height: 140px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale3 .pdl-display {

        width: 210px;

        height: 315px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale4 .pdl-display {

        width: 210px;

        height: 157.5px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale5 .pdl-display {

        width: 210px;

        height: 280px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale6 .pdl-display {

        width: 210px;

        height: 118.125px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale7 .pdl-display {

        width: 210px;

        height: 373.33333px; } }

  @media (min-width: 1200px) {

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5 {

      width: 172px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale1 .pdl-display {

        width: 145px;

        height: 145px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale2 .pdl-display {

        width: 145px;

        height: 96.66667px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale3 .pdl-display {

        width: 145px;

        height: 217.5px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale4 .pdl-display {

        width: 145px;

        height: 108.75px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale5 .pdl-display {

        width: 145px;

        height: 193.33333px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale6 .pdl-display {

        width: 145px;

        height: 81.5625px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num5.scale7 .pdl-display {

        width: 145px;

        height: 257.77778px; }

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4 {

      width: 215px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale1 .pdl-display {

        width: 188px;

        height: 188px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale2 .pdl-display {

        width: 188px;

        height: 125.33333px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale3 .pdl-display {

        width: 188px;

        height: 282px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale4 .pdl-display {

        width: 188px;

        height: 141px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale5 .pdl-display {

        width: 188px;

        height: 250.66667px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale6 .pdl-display {

        width: 188px;

        height: 105.75px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num4.scale7 .pdl-display {

        width: 188px;

        height: 334.22222px; }

    .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3 {

      width: 287px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale1 .pdl-display {

        width: 250px;

        height: 250px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale2 .pdl-display {

        width: 250px;

        height: 166.66667px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale3 .pdl-display {

        width: 250px;

        height: 375px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale4 .pdl-display {

        width: 250px;

        height: 187.5px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale5 .pdl-display {

        width: 250px;

        height: 333.33333px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale6 .pdl-display {

        width: 250px;

        height: 140.625px; }

      .col-md-9 .productList-style-1 .bd-product-list li.pdl-item.num3.scale7 .pdl-display {

        width: 250px;

        height: 444.44444px; } }



.col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

  width: 50%; }

  @media (min-width: 320px) and (max-width: 479px) {

    .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 100%; }

      .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item .pdl-display {

        float: none;

        margin: 0 auto; }

      .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item .pdl-describe-wrap {

        padding-left: 0;

        width: 200px;

        margin: 0 auto; } }

  @media (min-width: 480px) {

    .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 420px; } }

  @media (min-width: 640px) {

    .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 500px; } }

  @media (min-width: 768px) {

    .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

      padding-right: 0;

      width: 50%; } }

  @media (min-width: 1200px) {

    .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item {

      padding-right: 0;

      width: 50%; } }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale1 .pdl-display {

    width: 200px;

    height: 200px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale2 .pdl-display {

    width: 200px;

    height: 133.33333px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale3 .pdl-display {

    width: 200px;

    height: 300px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale4 .pdl-display {

    width: 200px;

    height: 150px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale5 .pdl-display {

    width: 200px;

    height: 266.66667px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale6 .pdl-display {

    width: 200px;

    height: 112.5px; }

  .col-md-9 .productList-style-2 .bd-product-list > ul li.pdl-item.scale7 .pdl-display {

    width: 200px;

    height: 355.55556px; }



.col-md-12 .productList-style-1 .bd-product-list > ul {

  margin-right: -15px; }



.col-md-12 .productList-style-1 .bd-product-list li.pdl-item {

  width: 215px; }

  .col-md-12 .productList-style-1 .bd-product-list li.pdl-item .pdl-display {

    width: 186px;

    height: 186px; }

  @media (min-width: 768px) {

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5 {

      width: 147px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale1 .pdl-display {

        width: 120px;

        height: 120px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale2 .pdl-display {

        width: 120px;

        height: 80px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale3 .pdl-display {

        width: 120px;

        height: 180px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale4 .pdl-display {

        width: 120px;

        height: 90px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale5 .pdl-display {

        width: 120px;

        height: 160px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale6 .pdl-display {

        width: 120px;

        height: 67.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale7 .pdl-display {

        width: 120px;

        height: 213.33333px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4 {

      width: 183px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale1 .pdl-display {

        width: 156px;

        height: 156px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale2 .pdl-display {

        width: 156px;

        height: 104px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale3 .pdl-display {

        width: 156px;

        height: 234px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale4 .pdl-display {

        width: 156px;

        height: 117px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale5 .pdl-display {

        width: 156px;

        height: 208px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale6 .pdl-display {

        width: 156px;

        height: 87.75px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale7 .pdl-display {

        width: 156px;

        height: 277.33333px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3 {

      width: 245px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale1 .pdl-display {

        width: 218px;

        height: 218px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale2 .pdl-display {

        width: 218px;

        height: 145.33333px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale3 .pdl-display {

        width: 218px;

        height: 327px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale4 .pdl-display {

        width: 218px;

        height: 163.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale5 .pdl-display {

        width: 218px;

        height: 290.66667px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale6 .pdl-display {

        width: 218px;

        height: 122.625px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale7 .pdl-display {

        width: 218px;

        height: 387.55556px; } }

  @media (min-width: 980px) {

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5 {

      width: 191px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale1 .pdl-display {

        width: 164px;

        height: 164px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale2 .pdl-display {

        width: 164px;

        height: 109.33333px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale3 .pdl-display {

        width: 164px;

        height: 246px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale4 .pdl-display {

        width: 164px;

        height: 123px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale5 .pdl-display {

        width: 164px;

        height: 218.66667px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale6 .pdl-display {

        width: 164px;

        height: 92.25px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale7 .pdl-display {

        width: 164px;

        height: 291.55556px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4 {

      width: 238px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale1 .pdl-display {

        width: 211px;

        height: 211px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale2 .pdl-display {

        width: 211px;

        height: 140.66667px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale3 .pdl-display {

        width: 211px;

        height: 316.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale4 .pdl-display {

        width: 211px;

        height: 158.25px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale5 .pdl-display {

        width: 211px;

        height: 281.33333px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale6 .pdl-display {

        width: 211px;

        height: 118.6875px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale7 .pdl-display {

        width: 211px;

        height: 375.11111px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3 {

      width: 318px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale1 .pdl-display {

        width: 291px;

        height: 291px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale2 .pdl-display {

        width: 291px;

        height: 194px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale3 .pdl-display {

        width: 291px;

        height: 436.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale4 .pdl-display {

        width: 291px;

        height: 218.25px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale5 .pdl-display {

        width: 291px;

        height: 388px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale6 .pdl-display {

        width: 291px;

        height: 163.6875px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale7 .pdl-display {

        width: 291px;

        height: 517.33333px; } }

  @media (min-width: 1200px) {

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5 {

      width: 231px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale1 .pdl-display {

        width: 204px;

        height: 204px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale2 .pdl-display {

        width: 204px;

        height: 136px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale3 .pdl-display {

        width: 204px;

        height: 306px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale4 .pdl-display {

        width: 204px;

        height: 153px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale5 .pdl-display {

        width: 204px;

        height: 272px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale6 .pdl-display {

        width: 204px;

        height: 114.75px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num5.scale7 .pdl-display {

        width: 204px;

        height: 362.66667px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4 {

      width: 288px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale1 .pdl-display {

        width: 261px;

        height: 261px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale2 .pdl-display {

        width: 261px;

        height: 174px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale3 .pdl-display {

        width: 261px;

        height: 391.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale4 .pdl-display {

        width: 261px;

        height: 195.75px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale5 .pdl-display {

        width: 261px;

        height: 348px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale6 .pdl-display {

        width: 261px;

        height: 146.8125px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num4.scale7 .pdl-display {

        width: 261px;

        height: 464px; }

    .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3 {

      width: 385px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale1 .pdl-display {

        width: 358px;

        height: 358px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale2 .pdl-display {

        width: 358px;

        height: 238.66667px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale3 .pdl-display {

        width: 358px;

        height: 537px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale4 .pdl-display {

        width: 358px;

        height: 268.5px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale5 .pdl-display {

        width: 358px;

        height: 477.33333px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale6 .pdl-display {

        width: 358px;

        height: 201.375px; }

      .col-md-12 .productList-style-1 .bd-product-list li.pdl-item.num3.scale7 .pdl-display {

        width: 358px;

        height: 636.44444px; } }



.col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

  width: 50%; }

  @media (min-width: 320px) and (max-width: 479px) {

    .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 100%; }

      .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item .pdl-display {

        float: none;

        margin: 0 auto; }

      .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item .pdl-describe-wrap {

        padding-left: 0;

        width: 200px;

        margin: 0 auto; } }

  @media (min-width: 480px) {

    .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 420px; } }

  @media (min-width: 640px) {

    .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

      width: 500px; } }

  @media (min-width: 768px) {

    .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

      padding-right: 0;

      width: 50%; } }

  @media (min-width: 1200px) {

    .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item {

      padding-right: 100px;

      width: 50%; } }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale1 .pdl-display {

    width: 200px;

    height: 200px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale2 .pdl-display {

    width: 200px;

    height: 133.33333px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale3 .pdl-display {

    width: 200px;

    height: 300px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale4 .pdl-display {

    width: 200px;

    height: 150px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale5 .pdl-display {

    width: 200px;

    height: 266.66667px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale6 .pdl-display {

    width: 200px;

    height: 112.5px; }

  .col-md-12 .productList-style-2 .bd-product-list > ul li.pdl-item.scale7 .pdl-display {

    width: 200px;

    height: 355.55556px; }



.dir-rtl .bd-pdlist-basic .site-widget-hd .list-view-more {

  right: auto;

  left: 10px; }



.bd-pdlist-basic .site-widget-hd {

  position: relative; }

  .bd-pdlist-basic .site-widget-hd .list-view-more {

    position: absolute;

    display: block;

    font-size: 14px;

    right: 10px;

    top: 50%;

    margin-top: -8px; }

    .bd-pdlist-basic .site-widget-hd .list-view-more a {

      color: #666; }

      .bd-pdlist-basic .site-widget-hd .list-view-more a:hover {

        color: #06c; }

    @media (max-width: 768px) {

      .bd-pdlist-basic .site-widget-hd .list-view-more {

        display: none; } }



.bd-pdlist-basic .site-widget-bd .list-view-more {

  margin-bottom: 20px;

  text-align: center; }

  .bd-pdlist-basic .site-widget-bd .list-view-more a {

    display: inline-block;

    padding: 3px 10px;

    border: 1px solid #666;

    border-radius: 3px; }



.bd-product-one .page-ctl .page-btn {

  margin: 20px 0;

  width: 35%; }

  .bd-product-one .page-ctl .page-btn a {

    font-weight: normal;

    display: block;

    border: 1px solid #ddd;

    color: #2c2c2c;

    font-size: 15px;

    line-height: 35px;

    padding: 0 15px;

    white-space: nowrap;

    word-break: keep-all;

    overflow: hidden;

    text-overflow: ellipsis;

    border-radius: 18px; }

    .bd-product-one .page-ctl .page-btn a:hover {

      background-color: #f5f5f5;

      color: #fb6427;

      border-color: #fb6427; }



.bd-product-one em {

  font-style: normal; }



.bd-product-one .pro-info-val {

  display: block;

  overflow: hidden;

  position: relative; }



.bd-product-one .site-widget-productdetail {

  margin-top: 20px; }



.bd-product-one .desc-content {

  padding-left: 320px; }



.bd-product-one .desc-pic-wrap {

  float: left;

  width: 300px;

  margin-right: 20px; }



@media (min-width: 320px) and (max-width: 768px) {

  .bd-product-one .desc-pic-wrap {

    float: none;

    margin: 0 auto; }

  .bd-product-one .desc-content {

    padding-left: 0; } }



.bd-product-one .info-tab {

  width: 100%;

  max-width: 560px; }

  .bd-product-one .info-tab td,

  .bd-product-one .info-tab th {

    border: 1px solid #ddd;

    line-height: 20px;

    padding: 5px; }

  .bd-product-one .info-tab th {

    font-weight: bold; }



.bd-product-one.productOne-style-2 .desc-pic-wrap {

  float: none;

  margin: 0 auto 20px; }



.bd-product-one.productOne-style-2 .desc-content {

  padding-left: 0 !important; }



.bd-product-one.productOne-style-3 .detail-header h1 {

  font-weight: bold;

  font-size: 18px;

  line-height: 1.8; }



.bd-product-one.productOne-style-3 .desc-pic-wrap {

  float: none;

  margin: 0 auto 20px; }



.bd-product-one.productOne-style-3 .pro-pic-box {

  float: right;

  width: 256px;

  padding-left: 20px; }

  .bd-product-one.productOne-style-3 .pro-pic-box .pic {

    border: 1px solid #ddd; }

  @media (max-width: 640px) {

    .bd-product-one.productOne-style-3 .pro-pic-box {

      float: none;

      width: 100%;

      padding-left: 0; } }



.bd-product-one.productOne-style-3 .detail-brief {

  font-size: 14px;

  color: #666;

  line-height: 1.6; }



.bd-product-one.productOne-style-3 .section-title {

  background-color: #eee;

  padding: 8px 10px;

  margin: 10px 0; }



.bd-product-one.productOne-style-3 .handle-wrap {

  margin-bottom: 30px; }



.bd-product-one.productOne-style-3 .handle-btn-add {

  margin: 10px 0; }



.bd-product-one.productOne-style-3 .share-icon-wrap {

  padding-left: 0;

  margin-bottom: 20px; }



.bd-product-one.productOne-style-3 .section-cnt {

  font-size: 14px;

  color: #666; }



.bd-product-one.productOne-style-4 .desc-content {

  padding-left: 0 !important; }



.bd-product-one.productOne-style-4 .desc-pic-wrap {

  float: none;

  margin-right: 0;

  width: 100%; }



.bd-product-one.productOne-style-4 .desc-content {

  padding-left: 0; }



.bd-product-one .pro-img {

  display: table;

  width: 100%;

  height: 300px; }

  .bd-product-one .pro-img .zoom-box {

    display: table-cell;

    height: 100%;

    vertical-align: middle;

    text-align: center;

    border: 1px solid #ddd; }

  .bd-product-one .pro-img img {

    max-height: 100%;

    max-width: 100%; }



.bd-product-one .zoom-nav {

  position: relative;

  height: 75px;

  padding: 10px 22px; }

  .bd-product-one .zoom-nav .next,

  .bd-product-one .zoom-nav .prev {

    display: block;

    position: absolute;

    height: 65px;

    width: 15px;

    background: url("../images/proddetail-img.png") no-repeat;

    cursor: pointer; }

  .bd-product-one .zoom-nav .prev {

    left: 0;

    background-position: -130px 0; }

    .bd-product-one .zoom-nav .prev:hover {

      background-position: -90px 0; }

  .bd-product-one .zoom-nav .next {

    right: 0;

    background-position: -150px 0; }

    .bd-product-one .zoom-nav .next:hover {

      background-position: -109px 0; }

  .bd-product-one .zoom-nav .item {

    float: left;

    margin-right: 5px;

    width: 60px;

    height: 60px; }

    .bd-product-one .zoom-nav .item img {

      max-width: 100%;

      max-height: 100%; }

    .bd-product-one .zoom-nav .item.on {

      position: relative; }

      .bd-product-one .zoom-nav .item.on .item-wrap {

        border: 2px solid #c40000; }

      .bd-product-one .zoom-nav .item.on:after {

        position: absolute;

        top: -5px;

        left: 23px;

        content: "";

        display: block;

        width: 0;

        height: 0;

        border-width: 0 5px 5px;

        border-style: solid;

        border-color: transparent transparent #c40000; }

    .bd-product-one .zoom-nav .item .item-wrap {

      border: 1px solid #ddd;

      width: 100%;

      height: 100%;

      overflow: hidden; }

    .bd-product-one .zoom-nav .item .item-tab {

      display: table;

      width: 100%;

      height: 100%; }

    .bd-product-one .zoom-nav .item .itemc {

      display: table-cell;

      vertical-align: middle;

      text-align: center; }

  .bd-product-one .zoom-nav .nav-scroll {

    position: relative;

    width: 100%;

    height: 65px;

    padding-top: 5px;

    overflow: hidden; }

    .bd-product-one .zoom-nav .nav-scroll .scroll-wrap {

      position: absolute;

      width: 1000px; }



.bd-product-one .pro-desc-name {

  font-size: 18px;

  font-weight: normal;

  line-height: 1.8;

  margin-bottom: 5px; }



.bd-product-one .pro-brief {

  margin-bottom: 5px;

  font-size: 14px;

  line-height: 1.6; }



.bd-product-one .pro-info-list {

  padding-left: 0; }

  .bd-product-one .pro-info-list > li {

    position: relative;

    list-style: none;

    margin-bottom: 10px; }

  .bd-product-one .pro-info-list label {

    display: block;

    float: left;

    width: 80px;

    margin-bottom: 0;

    margin-right: 20px;

    font-weight: normal; }

  .bd-product-one .pro-info-list .content {

    overflow: hidden;

    position: relative;

    vertical-align: middle; }

    .bd-product-one .pro-info-list .content ul {

      padding-left: 0; }

      .bd-product-one .pro-info-list .content ul li {

        list-style-type: none; }

    .bd-product-one .pro-info-list .content .description-btn-wrap {

      margin-bottom: -5px; }

      .bd-product-one .pro-info-list .content .description-btn-wrap li {

        display: inline-block;

        padding: 2px 5px;

        margin-bottom: 5px;

        border: 1px solid #ddd;

        cursor: pointer; }

        .bd-product-one .pro-info-list .content .description-btn-wrap li.active, .bd-product-one .pro-info-list .content .description-btn-wrap li:hover {

          border-color: #c60;

          color: #c60; }

      .bd-product-one .pro-info-list .content .description-btn-wrap [class^="bg-"] {

        padding: 0;

        width: 35px;

        height: 35px;

        vertical-align: middle; }

        .bd-product-one .pro-info-list .content .description-btn-wrap [class^="bg-"] img {

          display: block;

          width: 100%;

          height: 100%; }



.bd-product-one .btn-wrap {

  margin-top: 20px; }



.bd-product-one .pro-img-scroll .item {

  width: 100%;

  text-align: center; }

  .bd-product-one .pro-img-scroll .item img {

    display: inline-block;

    max-width: 100%; }



.bd-product-one .pro-img-scroll .owl-dots {

  height: 30px;

  text-align: center; }



.bd-product-one .pro-img-scroll .owl-dot {

  display: inline-block;

  width: 15px;

  height: 15px;

  border-radius: 50%; }



.bd-product-one .product-info {

  margin-top: 20px;

  border: 1px solid #eee; }

  .bd-product-one .product-info .info-nav {

    margin: 0;

    padding: 0;

    background-color: #efefef;

    border: solid #ddd;

    border-width: 1px 0 1px; }

    .bd-product-one .product-info .info-nav li {

      float: left;

      list-style: none;

      border-right: 1px solid #ddd; }

      .bd-product-one .product-info .info-nav li a {

        display: block;

        padding: 8px 15px;

        font-weight: normal;

        font-size: 14px;

        color: #666; }

        .bd-product-one .product-info .info-nav li a:hover {

          color: #666; }

      .bd-product-one .product-info .info-nav li.on {

        position: relative;

        background-color: #fff; }

        .bd-product-one .product-info .info-nav li.on:after {

          position: absolute;

          content: "";

          display: block;

          width: 100%;

          height: 3px;

          background-color: #666;

          top: -2px;

          left: 0; }

        .bd-product-one .product-info .info-nav li.on:before {

          position: absolute;

          content: "";

          display: block;

          width: 100%;

          height: 1px;

          background-color: #fff;

          bottom: -1px;

          left: 0; }

    .bd-product-one .product-info .info-nav.tab-style-2 li.on a {

      color: #dd2d25; }

    .bd-product-one .product-info .info-nav.tab-style-2 li.on:after {

      background-color: #dd2d25; }

    .bd-product-one .product-info .info-nav.tab-style-3 li.on a {

      color: #4d9058; }

    .bd-product-one .product-info .info-nav.tab-style-3 li.on:after {

      background-color: #4d9058; }

    .bd-product-one .product-info .info-nav.tab-style-4 li.on a {

      color: #0688ba; }

    .bd-product-one .product-info .info-nav.tab-style-4 li.on:after {

      background-color: #0688ba; }

    @media (max-width: 768px) and (min-width: 320px) {

      .bd-product-one .product-info .info-nav li {

        float: none; }

      .bd-product-one .product-info .info-nav li.on:after {

        position: absolute;

        content: "";

        display: block;

        width: 3px;

        height: 100%;

        background-color: #333;

        left: 0;

        top: 0; } }

  .bd-product-one .product-info .info-cnt {

    padding: 10px; }

  .bd-product-one .product-info.tab-hide .info-nav {

    display: none; }

  .bd-product-one .product-info.tab-hide .info-cnt > div {

    display: block !important;

    margin-bottom: 20px; }



.bd-product-one .bottom-desc-content {

  border-top: 1px solid #ddd;

  margin-top: 20px;

  padding-top: 10px; }

  .bd-product-one .bottom-desc-content ul {

    padding-left: 0; }

  .bd-product-one .bottom-desc-content li {

    float: left;

    list-style-type: none;

    font-size: 13px; }

  .bd-product-one .bottom-desc-content label {

    font-weight: normal; }

  .bd-product-one .bottom-desc-content em {

    font-style: normal; }



@media (min-width: 640px) {

  .bd-product-one.productOne-style-1 .product-desc.pic460 .desc-content, .bd-product-one.productOne-style-2 .product-desc.pic460 .desc-content {

    padding-left: 480px; }

  .bd-product-one.productOne-style-1 .product-desc.pic460 .desc-pic-wrap, .bd-product-one.productOne-style-2 .product-desc.pic460 .desc-pic-wrap {

    width: 460px; }

  .bd-product-one.productOne-style-1 .product-desc.pic460 .pro-img, .bd-product-one.productOne-style-2 .product-desc.pic460 .pro-img {

    height: 460px; }

  .bd-product-one.productOne-style-1 .product-desc.pic400 .desc-content, .bd-product-one.productOne-style-2 .product-desc.pic400 .desc-content {

    padding-left: 420px; }

  .bd-product-one.productOne-style-1 .product-desc.pic400 .desc-pic-wrap, .bd-product-one.productOne-style-2 .product-desc.pic400 .desc-pic-wrap {

    width: 400px; }

  .bd-product-one.productOne-style-1 .product-desc.pic400 .pro-img, .bd-product-one.productOne-style-2 .product-desc.pic400 .pro-img {

    height: 400px; }

  .bd-product-one.productOne-style-1 .product-desc.pic350 .desc-content, .bd-product-one.productOne-style-2 .product-desc.pic350 .desc-content {

    padding-left: 370px; }

  .bd-product-one.productOne-style-1 .product-desc.pic350 .desc-pic-wrap, .bd-product-one.productOne-style-2 .product-desc.pic350 .desc-pic-wrap {

    width: 350px; }

  .bd-product-one.productOne-style-1 .product-desc.pic350 .pro-img, .bd-product-one.productOne-style-2 .product-desc.pic350 .pro-img {

    height: 350px; } }



.bd-product-one .bg-Black {

  background-color: #000; }



.bd-product-one .bg-Beige {

  background-color: #f5f5dc; }



.bd-product-one .bg-Blue {

  background-color: #00f; }



.bd-product-one .bg-Brown {

  background-color: #a52a2a; }



.bd-product-one .bg-Dark-Red {

  background-color: #8b0000; }



.bd-product-one .bg-Gold {

  background-color: #ffd700; }



.bd-product-one .bg-Gray {

  background-color: #808080; }



.bd-product-one .bg-Green {

  background-color: #008000; }



.bd-product-one .bg-Ivory {

  background-color: #fffff0; }



.bd-product-one .bg-Khaki {

  background-color: #dac9b9; }



.bd-product-one .bg-Orange {

  background-color: #ffa500; }



.bd-product-one .bg-Pink {

  background-color: #ffc0cb; }



.bd-product-one .bg-Purple {

  background-color: #800080; }



.bd-product-one .bg-Red {

  background-color: #f00; }



.bd-product-one .bg-Silver {

  background-color: #c0c0c0; }



.bd-product-one .bg-White {

  background-color: #fff; }



.bd-product-one .bg-Yellow {

  background-color: #ff0; }



.bd-product-one .bg-Dark-Coffee {

  background-color: #67452a; }



.bd-product-one .bg-Sky {

  background-color: #78b9f3; }



.bd-product-one .bg-Lemon {

  background-color: #f3e143; }



.bd-product-one .bg-Fuchsia {

  background-color: #d02d70; }



.bd-product-one .bg-Emerald {

  background-color: #308e20; }



.bd-product-one .bg-Dark-Gray {

  background-color: #6d6e70; }



.bd-product-one .bg-Light-Gray {

  background-color: #c8c8c8; }



.bd-product-one .bg-Dark-Green {

  background-color: #084d21; }



.bd-product-one .bg-Coffee {

  background-color: #845020; }



.bd-product-one .bg-Burgundy {

  background-color: #66232a; }



.bd-product-one .bg-Clear {

  background-position: -1px -459px; }



.bd-product-one .bg-Multi-Color {

  background-position: -1px -417px; }



.bd-product-one .bg-Multi-Color {

  background-image: url("../images/icon-simple.png");

  background-color: transparent;

  background-repeat: no-repeat; }



.bd-product-one .bg-Clear {

  background-image: url("../images/icon-simple.png");

  background-color: transparent;

  background-repeat: no-repeat; }



.product-share {

  margin-top: 10px; }

  .product-share .share-icon-wrap {

    padding: 0 0 0 10px; }

    .product-share .share-icon-wrap li {

      list-style: none;

      display: inline-block; }



.ipt-calc-group input[type="text"] {

  width: 50px;

  text-align: center; }



.ipt-calc-group input[type="text"],

.ipt-calc-group .calc-reduce {

  float: left;

  margin-right: 5px; }



.ipt-calc-group .calc-add {

  float: left; }



.site-widget-text {

  text-align: center;

  border: 0;

  border-radius: 0; }



.wrap-button .button-link {

  white-space: nowrap;

  text-decoration: none;

  display: inline-block;

  text-align: center;

  border: 0;

  background-color: white;

  color: #333333;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  padding-left: 30px;

  padding-right: 30px;

  border-radius: 5px;

  border-color: #333333;

  border-style: solid;

  border-width: 1px;

  font-size: 16px;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  overflow: hidden; }

  .wrap-button .button-link i {

    color: #333333;

    font-size: 20px; }

  .wrap-button .button-link:hover {

    text-decoration: none;

    color: white;

    background-color: #333333; }

    .wrap-button .button-link:hover i {

      color: white; }



.button-style-1 .button-link i {

  display: none; }



.button-style-2 .button-link span {

  display: none; }



.button-style-3 .button-link span {

  margin-left: 5px; }



.dir-rtl .button-style-3 .button-link span {

  margin-left: 0px;

  margin-right: 5px; }



.button-style-4 .button-link span {

  margin-right: 5px; }



.dir-rtl .button-style-4 .button-link span {

  margin-left: 5px;

  margin-right: 0px; }



/** _formContact */

.wrap-formContact .control-label {

  height: 32px;

  line-height: 32px;

  display: block;

  margin-bottom: 0px; }



.wrap-formContact .control-group {

  position: relative;

  margin-bottom: 15px; }

  .wrap-formContact .control-group:after {

    content: ' ';

    display: block;

    width: 0;

    height: 0;

    clear: both; }



.wrap-formContact .controls {

  position: relative; }

  .wrap-formContact .controls .control {

    color: #545454;

    width: 100%;

    padding: 4px 6px;

    background-color: #fff;

    border: 1px solid #ccc;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    border-radius: 3px;

    transition: border .2s linear 0s,box-shadow .2s linear 0s; }

  .wrap-formContact .controls .control:focus {

    border: 1px solid #ff7a60; }

  .wrap-formContact .controls .tip {

    font-size: 12px; }

    .wrap-formContact .controls .tip b {

      color: #ff7a60; }



.wrap-formContact .error .error-tip {

  color: red; }



.wrap-formContact .required {

  color: red; }



.wrap-formContact .prod-list {

  margin-bottom: 30px; }

  .wrap-formContact .prod-list table {

    width: 100%; }

  .wrap-formContact .prod-list td, .wrap-formContact .prod-list th {

    border: 1px solid #ddd;

    padding: 10px 5px; }

  .wrap-formContact .prod-list td {

    padding: 30px 5px; }

    .wrap-formContact .prod-list td:nth-of-type(3) {

      text-align: center; }

    .wrap-formContact .prod-list td:nth-of-type(4) {

      text-align: center; }

  .wrap-formContact .prod-list th {

    background-color: #eaeaea;

    font-weight: normal; }

  .wrap-formContact .prod-list .pic-wrap {

    text-align: center; }

    .wrap-formContact .prod-list .pic-wrap img {

      max-width: 100%; }

  .wrap-formContact .prod-list .nth-1 {

    width: 20%; }

  .wrap-formContact .prod-list .nth-2 {

    width: 45%; }

  .wrap-formContact .prod-list .nth-3 {

    text-align: center;

    width: 20%; }

  .wrap-formContact .prod-list .nth-4 {

    text-align: center;

    width: 15%; }



.formContact-style-1 .control-label {

  width: 160px;

  float: left;

  text-align: right; }



.formContact-style-1 .controls {

  margin-left: 180px; }



@media (max-width: 769px) {

  .formContact-style-1 .control-label {

    width: 100%;

    float: none;

    text-align: left; }

  .formContact-style-1 .controls {

    margin-left: 0; } }



.formContact-style-2 .control-group {

  width: 100%; }



.formContact-style-4 .control-group-col-12:after {

  content: ' ';

  display: block;

  width: 0;

  height: 0;

  clear: both; }



.formContact-style-4 .control-group-col-12 .control-group {

  width: 49%;

  float: left; }

  .formContact-style-4 .control-group-col-12 .control-group:first-child {

    margin-right: 2%; }



/*inquire-basket 弹窗样式*/

.inquire-basket-listwrap {

  position: fixed;

  z-index: 99;

  right: 0;

  bottom: 0;

  width: 230px;

  background-color: #fff;

  border: 1px solid #aaa;

  box-shadow: 0 0 8px #999; }



.inquire-basket-listwrap .basket-title {

  font-weight: bold;

  font-size: 12px;

  line-height: 36px;

  text-align: center;

  color: #fff;

  background-color: #ff7a60; }



.basket-title .down {

  position: absolute;

  right: 6px;

  top: 12px;

  cursor: pointer; }



.basket-title .up {

  position: absolute;

  right: 6px;

  top: 12px;

  cursor: pointer;

  transform: rotate(180deg);

  -webkit-transform: rotate(180deg); }



.basket-title-pronum {

  color: #fff; }



.basket-lists {

  padding: 2px 1px;

  height: 190px;

  overflow-y: auto; }



.basket-lists li {

  float: left;

  width: 100%;

  padding: 8px 0;

  height: 50px;

  border-bottom: 1px solid #e8e8e8; }



.basket-lists li:hover .basket-list-delate {

  display: inline-block; }



.basket-lists li a {

  float: left;

  margin-left: 10px;

  font-size: 12px;

  line-height: 16px; }



.basket-lists .basket-list-name {

  width: 140px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #246bb3;

  text-decoration: none; }



.basket-lists li .basket-list-delate {

  display: none;

  margin-top: 8px;

  color: #888;

  text-decoration: none; }



/*Inquire btn*/

.basket-btns {

  padding: 10px;

  font-size: 12px; }



.basket-btns button[type="submit"] {

  line-height: 16px;

  padding: 4px 10px;

  font-size: 12px;

  color: #fff;

  border: 0;

  background-color: #ff7a60;

  border-radius: 4px; }



/** formQuickContact */

/** htmlCode */

/* about-us */

.outer-aboutus .wrap-pic .site-widget-bd {

  border: 1px solid #e6e6e6; }



.outer-aboutus .wrap-title-text .site-widget-hd {

  border-bottom: 1px solid #e6e6e6;

  font-size: 48px; }



.outer-aboutus-2 .inner-text .wrap-text .site-widget-bd {

  background: none;

  padding: 0; }



.outer-aboutus-2 .wrap-text .site-widget-bd {

  background: #666;

  padding: 20px 26px; }



.outer-aboutus-5 .wrap-pic .site-widget-bd, .outer-aboutus-6 .wrap-pic .site-widget-bd, .outer-aboutus-11 .wrap-pic .site-widget-bd {

  border: none; }



.outer-aboutus-12 .wrap-title-text .site-widget-hd {

  border: none;

  color: #04293E; }



.outer-aboutus-12 .wrap-title-text .site-widget-bd {

  border-top: 2px solid #04293E;

  border-bottom: 1px solid #04293E;

  padding: 10px 0;

  font-size: 26px;

  color: #04293E; }



.outer-aboutus-12 .wrap-text .site-widget-bd {

  font-size: 20px;

  color: #04293E; }



.outer-aboutus-12 .inner-text .wrap-text .site-widget-bd {

  font-size: 15px;

  color: #04293E; }



.outer-aboutus-14 .wrap-title-text .site-widget-hd {

  border-bottom: 1px solid #04293E;

  font-size: 48px; }



.outer-aboutus-15 .inner-text .wrap-text .site-widget-bd {

  background: none;

  padding: 0; }



.outer-aboutus-15 .wrap-text .site-widget-bd {

  background: #ccc;

  padding: 40px; }



.outer-aboutus-15 .wrap-title-text .site-widget-hd {

  border: none;

  font-size: 48px; }



.outer-aboutus-15 .inners-text .wrap-title-text .site-widget-hd {

  border-bottom: none;

  font-size: 20px; }



.outer-aboutus-15 .inner-text .wrap-title-text .site-widget-hd {

  border-bottom: 1px dotted #04293E;

  font-size: 26px; }



.outer-aboutus-16 .wrap-title-text .site-widget-hd {

  border: none;

  border-radius: 11px;

  padding: 0;

  background: #ccc;

  font-size: 48px; }



/* pic-text */

.outer-pictext {

  padding: 50px 0 40px 0; }

  .outer-pictext .site-widget-hd {

    font-weight: normal;

    margin-bottom: 5px; }

  .outer-pictext .inner-text .site-widget-bd {

    font-size: 14px; }



.outer-pictext-2 .site-widget-hd {

  font-weight: normal; }



.outer-pictext-4 .site-widget-hd {

  margin-top: 0; }



.outer-pictext-5 .site-widget-hd {

  margin-top: 0; }



@media (max-width: 992px) {

  .outer-pictext-5 .col-xs-3 {

    clear: both; } }



.outer-pictext-6 .site-widget-hd {

  margin-top: 0; }



.outer-pictext-7 .site-widget-hd {

  margin-top: 0; }



.outer-pictext-10 {

  padding: 0;

  background-image: url(../images/1.jpg);

  background-repeat: no-repeat;

  background-position: top left;

  background-size: auto; }

  .outer-pictext-10 .edit-wrap {

    padding-left: 0;

    padding-right: 0; }

  .outer-pictext-10 .row {

    margin-left: 0;

    margin-right: 0; }

    .outer-pictext-10 .row > div:last-child {

      padding-right: 0px;

      padding-left: 0px; }

  .outer-pictext-10 .wrap-text {

    background-color: #d8e6e6;

    padding: 60px; }

    .outer-pictext-10 .wrap-text .site-widget-bd {

      font-size: 16px; }

  @media (max-width: 992px) {

    .outer-pictext-10 {

      background-size: cover; }

      .outer-pictext-10 .wrap-placeholder .site-widget-bd {

        min-height: 120px; }

      .outer-pictext-10 .wrap-text {

        margin: 30px 30px;

        padding: 30px; }

        .outer-pictext-10 .wrap-text .site-widget-bd {

          font-size: 16px; } }



.outer-pictext-11 {

  background-image: url(../images/2.jpg);

  background-repeat: no-repeat;

  background-position: center right;

  background-size: cover;

  padding: 0; }

  .outer-pictext-11 .edit-wrap {

    padding-left: 0;

    padding-right: 0; }

  .outer-pictext-11 .row {

    margin-left: 0;

    margin-right: 0; }

    .outer-pictext-11 .row > div:first-child {

      padding-left: 0px;

      padding-right: 0px; }

  .outer-pictext-11 .wrap-text {

    background-color: #d8e6e6;

    padding: 60px; }

    .outer-pictext-11 .wrap-text .site-widget-bd {

      font-size: 16px; }

  @media (max-width: 992px) {

    .outer-pictext-11 {

      background-size: cover; }

      .outer-pictext-11 .wrap-placeholder .site-widget-bd {

        min-height: 120px; }

      .outer-pictext-11 .wrap-text {

        margin: 30px 30px;

        padding: 30px; }

        .outer-pictext-11 .wrap-text .site-widget-bd {

          font-size: 16px; } }



.outer-pictext-12 .inner-text .wrap-title-text .site-widget-hd {

  font-size: 18px; }



.outer-pictext-13 .site-widget-hd {

  font-size: 18px; }



@media (max-width: 992px) {

  .outer-pictext-14 .col-xs-4 {

    clear: both; } }



.outer-text-button {

  padding: 50px 0; }

  .outer-text-button .site-widget-hd {

    font-weight: normal;

    margin-bottom: 5px; }



/**

 * 文字按钮组件的风格1

 */

/** 风格1 */

.outer-text-button-1 .tb-style-1 .site-widget-hd a {

  color: #ff7a60; }



.outer-text-button-1 .tb-style-1 .site-widget-bd .button-link {

  background-color: #ff7a60;

  border-color: #ff7a60;

  color: #fff; }

  .outer-text-button-1 .tb-style-1 .site-widget-bd .button-link i {

    color: #fff; }



.outer-text-button-1 .tb-style-2 .site-widget-hd a {

  color: #4BAF4F; }



.outer-text-button-1 .tb-style-2 .site-widget-bd .button-link {

  background-color: #4BAF4F;

  border-color: #4BAF4F;

  color: #fff; }

  .outer-text-button-1 .tb-style-2 .site-widget-bd .button-link i {

    color: #fff; }



.outer-text-button-1 .tb-style-2 .site-widget-bd .button-link:hover {

  background-color: #fff;

  color: #4BAF4F; }

  .outer-text-button-1 .tb-style-2 .site-widget-bd .button-link:hover i {

    color: #4BAF4F; }



.outer-text-button-1 .tb-style-3 .site-widget-hd a {

  color: #00BBD3; }



.outer-text-button-1 .tb-style-3 .site-widget-bd .button-link {

  background-color: #00BBD3;

  border-color: #00BBD3;

  color: #fff; }

  .outer-text-button-1 .tb-style-3 .site-widget-bd .button-link i {

    color: #fff; }



.outer-text-button-1 .tb-style-3 .site-widget-bd .button-link:hover {

  background-color: #fff;

  color: #00BBD3; }

  .outer-text-button-1 .tb-style-3 .site-widget-bd .button-link:hover i {

    color: #00BBD3; }



/**

 * 文字按钮组件的风格2

 */

.outer-text-button-2 {

  text-align: center; }

  .outer-text-button-2 .wrap-button .site-widget-bd .button-link {

    background-color: #40B3F8;

    border-width: 0;

    border-radius: 0;

    padding: 0 15px;

    height: 34px;

    line-height: 34px;

    color: #fff; }

    .outer-text-button-2 .wrap-button .site-widget-bd .button-link i {

      color: #fff; }

  .outer-text-button-2 .wrap-button .site-widget-bd .button-link:hover {

    color: #40B3F8; }

    .outer-text-button-2 .wrap-button .site-widget-bd .button-link:hover i {

      color: #40B3F8; }



/**

 * 文字按钮组件的风格3

 */

.outer-text-button-3 {

  text-align: center; }

  .outer-text-button-3 .wrap-button .site-widget-bd .button-link {

    background-color: #fff;

    border-color: #545454;

    border-width: 1px;

    border-radius: 0;

    padding: 0 15px;

    height: 34px;

    line-height: 34px;

    color: #545454; }

    .outer-text-button-3 .wrap-button .site-widget-bd .button-link i {

      color: #545454; }

  .outer-text-button-3 .wrap-button .site-widget-bd .button-link:hover {

    color: #ff7a60;

    border-color: #ff7a60; }

    .outer-text-button-3 .wrap-button .site-widget-bd .button-link:hover i {

      color: #ff7a60; }



.outer-header {

  color: #fff;

  padding: 10px 0; }

  .outer-header .wrap-logo .site-widget-bd {

    min-height: 60px;

    line-height: 60px; }

    .outer-header .wrap-logo .site-widget-bd img {

      vertical-align: middle;

      max-width: 350px;

      max-height: 90px; }



@media (min-width: 989px) {

  .outer-header-1 .wrap-nav {

    float: right; }

    .outer-header-1 .wrap-nav.nav-style-5 .li-lev-1.active .a-lev-1, .outer-header-1 .wrap-nav.nav-style-5 .li-lev-1:hover .a-lev-1 {

      color: #3194d2;

      border-bottom: 4px solid #3194d2; }

    .outer-header-1 .wrap-nav .li-lev-2 .a-lev-2 {

      transition: all .3s;

      -webkit-transition: all .3s;

      -o-transition: all .3s;

      -moz-transition: all .3s;

      -ms-transition: all .3s;

      padding: 0 20px; }

    .outer-header-1 .wrap-nav .li-lev-2:hover .a-lev-2 {

      background-color: #3194d2;

      color: #fff;

      padding-left: 30px; } }



.outer-header-1 .wrap-nav .menu-toggle-btn {

  background-color: #0c6fb3;

  color: #fff; }



.outer-header-1 .wrap-nav .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #0c6fb3; }



.outer-header-1 .wrap-nav .li-lev-2:hover .a-lev-2 {

  background-color: #3194d2;

  color: #fff; }



.outer-header-1 .wrap-nav .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #0c6fb3; }



.outer-header-1 .wrap-nav .li-lev-3:hover .a-lev-3 {

  background-color: #3194d2;

  color: #fff; }



@media (max-width: 989px) {

  .outer-header-1 .wrap-nav .ul-lev-1 {

    background-color: #0c6fb3; }

  .outer-header-1 .wrap-nav .li-lev-1 .a-lev-1 {

    color: #fff; }

  .outer-header-1 .wrap-nav .li-lev-1:hover .a-lev-1 {

    color: #fff;

    border: none;

    margin-bottom: 4px; } }



.outer-header-2.outer-header-bg-2 {

  background: #4c4c4c;

  padding: 0; }



.outer-header-2 .wrap-logo {

  margin: 15px 0; }



.outer-header-2 .wrap-nav .menu-toggle-btn {

  background-color: #fb6427;

  color: #fff; }



.outer-header-2 .wrap-nav .li-lev-1 .a-lev-1 {

  color: #fff; }



.outer-header-2 .wrap-nav .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #4c4c4c; }



.outer-header-2 .wrap-nav .li-lev-2:hover .a-lev-2 {

  background-color: #5d5d5d;

  color: #fff; }



.outer-header-2 .wrap-nav .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #4c4c4c; }



.outer-header-2 .wrap-nav .li-lev-3:hover .a-lev-3 {

  background-color: #5d5d5d;

  color: #fff; }



@media (min-width: 989px) {

  .outer-header-2 .wrap-nav.nav-style-1 .li-lev-1.active .a-lev-1, .outer-header-2 .wrap-nav.nav-style-1 .li-lev-1:hover .a-lev-1 {

    background-color: #fb6427; } }



@media (max-width: 989px) {

  .outer-header-2 .wrap-nav .ul-lev-1 {

    background: #5d5d5d; }

  .outer-header-2 .wrap-nav .li-lev-1.active .a-lev-1, .outer-header-2 .wrap-nav .li-lev-1:hover .a-lev-1 {

    background: none; } }



@media (max-width: 768px) {

  .outer-header-2.outer-header-bg-2 {

    background: none; } }



.outer-header-3 {

  background: #004f8f;

  padding: 10px 0; }

  .outer-header-3 .wrap-nav .menu-toggle-btn {

    background: #005da8;

    color: #fff; }

  .outer-header-3 .wrap-nav .li-lev-1 .a-lev-1 {

    color: #fff; }

  .outer-header-3 .wrap-nav .li-lev-2 .a-lev-2 {

    color: #fff;

    background-color: #005da8; }

  .outer-header-3 .wrap-nav .li-lev-2:hover .a-lev-2 {

    background-color: #0089d1;

    color: #fff; }

  .outer-header-3 .wrap-nav .li-lev-3 .a-lev-3 {

    color: #fff;

    background-color: #005da8; }

  .outer-header-3 .wrap-nav .li-lev-3:hover .a-lev-3 {

    background-color: #0089d1;

    color: #fff; }

  .outer-header-3 .wrap-nav.nav-style-1 .li-lev-1:hover .a-lev-1 {

    background: #005da8; }

  @media (max-width: 989px) {

    .outer-header-3 .wrap-nav .ul-lev-1 {

      background: #005da8; } }

  @media (min-width: 989px) {

    .outer-header-3 .wrap-logo {

      margin-top: 10px; }

    .outer-header-3 .wrap-nav {

      float: right; }

      .outer-header-3 .wrap-nav .li-lev-1 .a-lev-1 {

        line-height: 80px; } }



.outer-header-4 .wrap-text, .outer-header-5 .wrap-text {

  padding: 5px 0;

  margin: 0; }

  .outer-header-4 .wrap-text .site-widget-bd, .outer-header-5 .wrap-text .site-widget-bd {

    font-size: 13px;

    color: #888; }

    .outer-header-4 .wrap-text .site-widget-bd span, .outer-header-5 .wrap-text .site-widget-bd span {

      color: #ffae00; }



.outer-header-4.outer-header-bg-4, .outer-header-5.outer-header-bg-4 {

  background: #071c33; }



.outer-header-4 .wrap-logo .site-widget-bd, .outer-header-5 .wrap-logo .site-widget-bd {

  min-height: 60px;

  line-height: 60px; }



.outer-header-4 .wrap-nav .menu-toggle-btn, .outer-header-5 .wrap-nav .menu-toggle-btn {

  background: #ffae00; }



@media (min-width: 989px) {

  .outer-header-4 .wrap-nav, .outer-header-5 .wrap-nav {

    background: none;

    float: right; }

    .outer-header-4 .wrap-nav .li-lev-1, .outer-header-5 .wrap-nav .li-lev-1 {

      line-height: 45px; }

      .outer-header-4 .wrap-nav .li-lev-1.active .a-lev-1, .outer-header-4 .wrap-nav .li-lev-1:hover .a-lev-1, .outer-header-5 .wrap-nav .li-lev-1.active .a-lev-1, .outer-header-5 .wrap-nav .li-lev-1:hover .a-lev-1 {

        color: #ffae00; }

      .outer-header-4 .wrap-nav .li-lev-1 .a-lev-1, .outer-header-5 .wrap-nav .li-lev-1 .a-lev-1 {

        color: #fff; } }



.outer-header-4 .wrap-nav .li-lev-2 .a-lev-2, .outer-header-5 .wrap-nav .li-lev-2 .a-lev-2 {

  color: #fff;

  background-color: #efa302; }



.outer-header-4 .wrap-nav .li-lev-2:hover .a-lev-2, .outer-header-5 .wrap-nav .li-lev-2:hover .a-lev-2 {

  background-color: #fbb828;

  color: #fff; }



.outer-header-4 .wrap-nav .li-lev-3 .a-lev-3, .outer-header-5 .wrap-nav .li-lev-3 .a-lev-3 {

  color: #fff;

  background-color: #efa302; }



.outer-header-4 .wrap-nav .li-lev-3:hover .a-lev-3, .outer-header-5 .wrap-nav .li-lev-3:hover .a-lev-3 {

  background-color: #fbb828;

  color: #fff; }



@media (max-width: 989px) {

  .outer-header-4 .wrap-nav .ul-lev-1, .outer-header-5 .wrap-nav .ul-lev-1 {

    background: #ffae00; } }



.outer-header-5 {

  background: #2c2b2e;

  padding-bottom: 10px; }

  .outer-header-5 .wrap-text {

    padding: 10px 0; }

    .outer-header-5 .wrap-text .site-widget-bd {

      text-align: right;

      font-size: 13px;

      color: #fff; }

      .outer-header-5 .wrap-text .site-widget-bd i {

        color: #ff3f3f; }

  .outer-header-5 .wrap-nav .menu-toggle-btn {

    background: #ff3f3f; }

  .outer-header-5 .wrap-nav .ul-lev-2:before {

    border-bottom-color: #ff3f3f; }

  @media (min-width: 989px) {

    .outer-header-5 .wrap-nav.nav-style-1 .li-lev-1 {

      margin-right: 2px; }

      .outer-header-5 .wrap-nav.nav-style-1 .li-lev-1 .a-lev-1 {

        border-radius: 25px;

        line-height: 50px; }

      .outer-header-5 .wrap-nav.nav-style-1 .li-lev-1:hover .a-lev-1 {

        background-color: #ff3f3f;

        color: #fff; } }

  @media (max-width: 989px) {

    .outer-header-5 .wrap-nav .ul-lev-1 {

      background: #ff3f3f; }

    .outer-header-5 .wrap-nav .li-lev-1:hover .a-lev-1 {

      background-color: #ff3f3f; } }

  .outer-header-5 .wrap-nav .li-lev-2 .a-lev-2 {

    color: #fff;

    background-color: #ff3f3f; }

  .outer-header-5 .wrap-nav .li-lev-2:hover .a-lev-2 {

    background-color: #ff7474; }

  .outer-header-5 .wrap-nav .li-lev-3 .a-lev-3 {

    color: #fff;

    background-color: #ff3f3f; }

  .outer-header-5 .wrap-nav .li-lev-3:hover .a-lev-3 {

    background-color: #ff7474;

    color: #fff; }



.outer-header-6 {

  padding: 10px 0; }

  @media (min-width: 989px) {

    .outer-header-6 .wrap-nav {

      float: right; } }



.outer-header-7 {

  padding: 0; }

  .outer-header-7 .wrap-text-out {

    background: #2c2c2c; }

  .outer-header-7 .wrap-text {

    padding: 5px; }

    .outer-header-7 .wrap-text .site-widget-bd {

      color: #fff; }

      .outer-header-7 .wrap-text .site-widget-bd i {

        margin-right: 5px; }

  .outer-header-7 .wrap-logo {

    padding: 10px 0; }

  .outer-header-7 .wrap-nav .menu-toggle-btn {

    background: #ffae00; }

  @media (min-width: 989px) {

    .outer-header-7 .wrap-nav {

      float: right;

      margin-top: 5px; }

      .outer-header-7 .wrap-nav .li-lev-1:hover .a-lev-1 {

        color: #ffae00;

        border-bottom: 4px solid #ffae00; } }

  .outer-header-7 .wrap-nav .li-lev-2 .a-lev-2 {

    color: #fff;

    background-color: #ffae00; }

  .outer-header-7 .wrap-nav .li-lev-2:hover .a-lev-2 {

    background-color: #fbbb32; }

  .outer-header-7 .wrap-nav .li-lev-3 .a-lev-3 {

    color: #fff;

    background-color: #ffae00; }

  .outer-header-7 .wrap-nav .li-lev-3:hover .a-lev-3 {

    background-color: #fbbb32;

    color: #fff; }

  @media (max-width: 989px) {

    .outer-header-7 .wrap-nav .ul-lev-1 {

      background: #ffae00; } }



.outer-footer {

  line-height: 1.6; }

  .outer-footer.outer-footer-2 {

    background-color: #000;

    color: #fff; }



.wrap-slide img {

  max-width: 100%; }



.wrap-slide .item {

  text-align: center; }



.wrap-slide .edit-slide-content {

  position: relative;

  height: 400px;

  top: 0px;

  left: 0px;

  overflow: hidden;

  z-index: 98; }



.wrap-slide .edit-slide-inner {

  position: absolute;

  overflow: hidden;

  left: 0px;

  top: 0px; }



.wrap-slide .edit-slide-nav {

  bottom: 20px; }



.wrap-slide .edit-slide-left {

  left: 10px; }



.wrap-slide .edit-slide-right {

  right: 10px; }



.wrap-slide .edit-slide-nav,

.wrap-slide .edit-slide-left,

.wrap-slide .edit-slide-right {

  opacity: 0;

  transition: opacity 300ms ease; }



.wrap-slide .inited .edit-slide-nav,

.wrap-slide .inited .edit-slide-left,

.wrap-slide .inited .edit-slide-right {

  opacity: 1; }



.wrap-slide .dot-text {

  display: none; }



.wrap-slide.slide-style-1 .edit-slide-nav {

  position: absolute;

  bottom: 20px; }



.wrap-slide.slide-style-1 .edit-slide-nav div,

.wrap-slide.slide-style-1 .edit-slide-nav div:hover,

.wrap-slide.slide-style-1 .edit-slide-nav .av {

  position: absolute;

  width: 16px;

  height: 16px;

  background: url(../images/dot-1.png) no-repeat;

  overflow: hidden;

  cursor: pointer; }



.wrap-slide.slide-style-1 .edit-slide-nav div {

  background-position: -7px -7px; }



.wrap-slide.slide-style-1 .edit-slide-nav div:hover,

.wrap-slide.slide-style-1 .edit-slide-nav .av:hover {

  background-position: -37px -7px; }



.wrap-slide.slide-style-1 .edit-slide-nav .av {

  background-position: -67px -7px; }



.wrap-slide.slide-style-1 .edit-slide-nav .dn,

.wrap-slide.slide-style-1 .edit-slide-nav .dn:hover {

  background-position: -97px -7px; }



.wrap-slide.slide-style-1 .edit-slide-left,

.wrap-slide.slide-style-1 .edit-slide-right {

  display: block;

  position: absolute;

  width: 55px;

  height: 55px;

  cursor: pointer;

  background: url(../images/arrow-1.png) center center no-repeat;

  overflow: hidden; }

  @media (max-width: 640px) {

    .wrap-slide.slide-style-1 .edit-slide-left,

    .wrap-slide.slide-style-1 .edit-slide-right {

      transform: scale(0.6); } }



.wrap-slide.slide-style-1 .edit-slide-left {

  background-position: -3px -33px; }



.wrap-slide.slide-style-1 .edit-slide-right {

  background-position: -63px -33px; }



.wrap-slide.slide-style-1 .edit-slide-left:hover {

  background-position: -123px -33px; }



.wrap-slide.slide-style-1 .edit-slide-right:hover {

  background-position: -183px -33px; }



.wrap-slide.slide-style-1 .edit-slide-left.edit-slide-leftdn {

  background-position: -243px -33px; }



.wrap-slide.slide-style-1 .edit-slide-right.edit-slide-rightdn {

  background-position: -303px -33px; }



.wrap-slide.slide-style-2 .dot-text {

  display: block; }



.wrap-slide.slide-style-2 .edit-slide-nav {

  position: absolute; }



.wrap-slide.slide-style-2 .edit-slide-nav div,

.wrap-slide.slide-style-2 .edit-slide-nav div:hover,

.wrap-slide.slide-style-2 .edit-slide-nav .av {

  position: absolute;

  width: 21px;

  height: 21px;

  text-align: center;

  line-height: 21px;

  color: white;

  font-size: 12px;

  background: url(../images/dot-2.png) no-repeat;

  overflow: hidden;

  cursor: pointer; }



.wrap-slide.slide-style-2 .edit-slide-nav div {

  background-position: -5px -4px; }



.wrap-slide.slide-style-2 .edit-slide-nav div:hover,

.wrap-slide.slide-style-2 .edit-slide-nav .av:hover {

  background-position: -35px -4px; }



.wrap-slide.slide-style-2 .edit-slide-nav .av {

  background-position: -65px -4px; }



.wrap-slide.slide-style-2 .edit-slide-nav .dn,

.wrap-slide.slide-style-2 .edit-slide-nav .dn:hover {

  background-position: -95px -4px; }



.wrap-slide.slide-style-2 .edit-slide-left,

.wrap-slide.slide-style-2 .edit-slide-right {

  display: block;

  position: absolute;

  width: 55px;

  height: 55px;

  cursor: pointer;

  background: url(../images/arrow-2.png) no-repeat;

  overflow: hidden; }

  @media (max-width: 640px) {

    .wrap-slide.slide-style-2 .edit-slide-left,

    .wrap-slide.slide-style-2 .edit-slide-right {

      transform: scale(0.6); } }



.wrap-slide.slide-style-2 .edit-slide-left {

  background-position: -3px -33px; }



.wrap-slide.slide-style-2 .edit-slide-right {

  background-position: -63px -33px; }



.wrap-slide.slide-style-2 .edit-slide-left:hover {

  background-position: -123px -33px; }



.wrap-slide.slide-style-2 .edit-slide-right:hover {

  background-position: -183px -33px; }



.wrap-slide.slide-style-2 .edit-slide-left.edit-slide-leftdn {

  background-position: -243px -33px; }



.wrap-slide.slide-style-2 .edit-slide-right.edit-slide-rightdn {

  background-position: -303px -33px; }



.wrap-slide.slide-style-3 .edit-slide-nav {

  position: absolute; }



.wrap-slide.slide-style-3 .edit-slide-nav div,

.wrap-slide.slide-style-3 .edit-slide-nav div:hover,

.wrap-slide.slide-style-3 .edit-slide-nav .av {

  position: absolute;

  width: 16px;

  height: 16px;

  background: url("../images/dot-3.png") no-repeat;

  overflow: hidden;

  cursor: pointer; }



.wrap-slide.slide-style-3 .edit-slide-nav div {

  background-position: -7px -7px; }



.wrap-slide.slide-style-3 .edit-slide-nav div:hover,

.wrap-slide.slide-style-3 .edit-slide-nav .av:hover {

  background-position: -37px -7px; }



.wrap-slide.slide-style-3 .edit-slide-nav .av {

  background-position: -67px -7px; }



.wrap-slide.slide-style-3 .edit-slide-nav .dn,

.wrap-slide.slide-style-3 .edit-slide-nav .dn:hover {

  background-position: -97px -7px; }



.wrap-slide.slide-style-3 .edit-slide-left,

.wrap-slide.slide-style-3 .edit-slide-right {

  display: block;

  position: absolute;

  width: 40px;

  height: 40px;

  cursor: pointer;

  background: url(../images/arrow-3.png) no-repeat;

  overflow: hidden; }

  @media (max-width: 640px) {

    .wrap-slide.slide-style-3 .edit-slide-left,

    .wrap-slide.slide-style-3 .edit-slide-right {

      transform: scale(0.6); } }



.wrap-slide.slide-style-3 .edit-slide-left {

  background-position: -10px -40px; }



.wrap-slide.slide-style-3 .edit-slide-right {

  background-position: -70px -40px; }



.wrap-slide.slide-style-3 .edit-slide-left:hover {

  background-position: -130px -40px; }



.wrap-slide.slide-style-3 .edit-slide-right:hover {

  background-position: -190px -40px; }



.wrap-slide.slide-style-3 .edit-slide-left.edit-slide-leftdn {

  background-position: -250px -40px; }



.wrap-slide.slide-style-3 .edit-slide-right.edit-slide-rightdn {

  background-position: -310px -40px; }



.wrap-slide.slide-style-4 .edit-slide-nav {

  position: absolute; }



.wrap-slide.slide-style-4 .edit-slide-nav div,

.wrap-slide.slide-style-4 .edit-slide-nav div:hover,

.wrap-slide.slide-style-4 .edit-slide-nav .av {

  position: absolute;

  /* size of bullet elment */

  width: 12px;

  height: 12px;

  filter: alpha(opacity=70);

  opacity: .7;

  overflow: hidden;

  cursor: pointer;

  border: #fff 1px solid; }



.wrap-slide.slide-style-4 .edit-slide-nav div {

  background-color: #d3d3d3; }



.wrap-slide.slide-style-4 .edit-slide-nav div:hover,

.wrap-slide.slide-style-4 .edit-slide-nav .av:hover {

  background-color: gray; }



.wrap-slide.slide-style-4 .edit-slide-nav .av {

  background-color: #000; }



.wrap-slide.slide-style-4 .edit-slide-nav .dn,

.wrap-slide.slide-style-4 .edit-slide-nav .dn:hover {

  background-color: #a9a9a9; }



.wrap-slide.slide-style-4 .edit-slide-left,

.wrap-slide.slide-style-4 .edit-slide-right {

  display: block;

  position: absolute;

  /* size of arrow element */

  width: 20px;

  height: 38px;

  cursor: pointer;

  background: url(../images/arrow-4.png) no-repeat;

  overflow: hidden; }

  @media (max-width: 640px) {

    .wrap-slide.slide-style-4 .edit-slide-left,

    .wrap-slide.slide-style-4 .edit-slide-right {

      transform: scale(0.8); } }



.wrap-slide.slide-style-4 .edit-slide-left {

  background-position: -20px -41px; }



.wrap-slide.slide-style-4 .edit-slide-right {

  background-position: -80px -41px; }



.wrap-slide.slide-style-4 .edit-slide-left:hover {

  background-position: -140px -41px; }



.wrap-slide.slide-style-4 .edit-slide-right:hover {

  background-position: -200px -41px; }



.wrap-slide.slide-style-4 .edit-slide-left.edit-slide-leftdn {

  background-position: -260px -41px; }



.wrap-slide.slide-style-4 .edit-slide-right.edit-slide-rightdn {

  background-position: -320px -41px; }



.wrap-fontIcon .icon-link {

  display: inline-block;

  text-align: center;

  color: #999;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out; }

  .wrap-fontIcon .icon-link i {

    font-size: 60px;

    line-height: 60px; }



.fontIcon-style-1 .icon-link {

  color: #999; }



.fontIcon-style-2 .icon-link {

  border-radius: 50%;

  background-color: #000;

  width: 100px;

  height: 100px;

  border: none; }

  .fontIcon-style-2 .icon-link i {

    line-height: 100px; }



.fontIcon-style-3 .icon-link {

  border-radius: 50%;

  border: 2px solid #333;

  background-color: #fff;

  width: 100px;

  height: 100px; }

  .fontIcon-style-3 .icon-link:hover {

    border: 2px solid #000;

    background-color: #333;

    color: #fff; }

  .fontIcon-style-3 .icon-link i {

    line-height: 100px; }



.fontIcon-style-4 .icon-link {

  border-radius: 5px;

  background-color: #fff;

  width: 100px;

  height: 100px;

  border: none; }

  .fontIcon-style-4 .icon-link:hover {

    background-color: #333;

    color: #fff; }

  .fontIcon-style-4 .icon-link i {

    line-height: 100px; }



.wrap-pic-scroll .site-widget-hd {

  position: relative; }



.wrap-pic-scroll .view-more {

  position: absolute;

  top: 50%;

  right: 10px;

  line-height: 1em;

  margin-top: -0.5em; }

  .wrap-pic-scroll .view-more a {

    font-size: 14px;

    text-align: left; }

    .wrap-pic-scroll .view-more a:hover {

      text-decoration: none; }



.wrap-pic-scroll .item {

  text-align: center; }

  .wrap-pic-scroll .item .desc {

    white-space: normal;

    word-break: break-all; }

  .wrap-pic-scroll .item img {

    display: inline-block;

    width: auto; }



.wrap-pic-scroll .owl-next,

.wrap-pic-scroll .owl-prev {

  position: absolute;

  z-index: 3;

  top: 50%;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  padding: 0;

  background-color: transparent !important;

  text-indent: -999px;

  overflow: hidden;

  background-repeat: no-repeat; }



.wrap-pic-scroll .owl-prev {

  left: 10px;

  background-position: left top; }

  .wrap-pic-scroll .owl-prev:hover {

    background-position: left center; }

  .wrap-pic-scroll .owl-prev.disabled {

    background-position: left bottom; }



.wrap-pic-scroll .owl-next {

  right: 10px;

  background-position: right top; }

  .wrap-pic-scroll .owl-next:hover {

    background-position: right center; }

  .wrap-pic-scroll .owl-next.disabled {

    background-position: right bottom; }



.wrap-pic-scroll .nav-1 .owl-next,

.wrap-pic-scroll .nav-1 .owl-prev {

  opacity: 1;

  margin-top: -21px;

  height: 42px;

  width: 21px;

  background-image: url("../images/btn1.png"); }



.wrap-pic-scroll .dot-1,

.wrap-pic-scroll .dot-2,

.wrap-pic-scroll .dot-3 {

  text-align: center; }

  .wrap-pic-scroll .dot-1 .owl-dot span,

  .wrap-pic-scroll .dot-2 .owl-dot span,

  .wrap-pic-scroll .dot-3 .owl-dot span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 5px 3px;

    filter: Alpha(Opacity=50);

    opacity: .5;

    border-radius: 20px;

    background: #869791;

    cursor: pointer; }

  .wrap-pic-scroll .dot-1 .owl-dot,

  .wrap-pic-scroll .dot-2 .owl-dot,

  .wrap-pic-scroll .dot-3 .owl-dot {

    display: inline-block;

    zoom: 1;

    *display: inline; }



.wrap-pic-scroll .dot-1 .owl-dot.active span,

.wrap-pic-scroll .dot-1 .owl-dot:hover span {

  filter: Alpha(Opacity=100);

  opacity: 1; }



.wrap-pic-scroll .dot-2 .owl-dot span {

  background: url("../images/dot1.png") top center no-repeat; }



.wrap-pic-scroll .dot-2 .owl-dot.active span {

  background-position: bottom center; }



.wrap-pic-scroll .dot-3 .owl-dot span {

  background-color: #e6e6e6;

  box-shadow: inset 1px 1px 3px #acacac; }



.wrap-pic-scroll .dot-3 .owl-dot.active span {

  background-color: #326ca6; }



.wrap-pic-scroll .nav-2 .owl-prev,

.wrap-pic-scroll .nav-2 .owl-next {

  opacity: 1;

  margin-top: -21px;

  height: 42px;

  width: 42px;

  background-image: url("../images/btn2.png"); }



.wrap-pic-scroll .nav-2 .owl-prev:hover,

.wrap-pic-scroll .nav-2 .owl-next:hover {

  opacity: .8; }



.wrap-pic-scroll .nav-3 .owl-prev,

.wrap-pic-scroll .nav-3 .owl-next {

  border-radius: 0;

  opacity: .8;

  margin-top: -37px;

  height: 74px;

  width: 40px;

  background-image: url("../images/btn3.png"); }



.wrap-pic-scroll .nav-3 .owl-prev:hover,

.wrap-pic-scroll .nav-3 .owl-next:hover {

  opacity: .8; }



.wrap-pic-scroll .ctl-4 {

  margin-top: 5px;

  height: 80px; }

  .wrap-pic-scroll .ctl-4 .nav-4 {

    bottom: 10px;

    position: absolute;

    height: 32px;

    width: 200px;

    left: 50%;

    margin-left: -100px; }

    .wrap-pic-scroll .ctl-4 .nav-4 .owl-prev,

    .wrap-pic-scroll .ctl-4 .nav-4 .owl-next {

      top: 0;

      opacity: 1;

      height: 32px;

      width: 32px;

      background-image: url("../images/btn4.png"); }

    .wrap-pic-scroll .ctl-4 .nav-4 .owl-prev:hover,

    .wrap-pic-scroll .ctl-4 .nav-4 .owl-next:hover {

      opacity: .8; }



.wrap-tab ul,

.wrap-tab li {

  padding: 0;

  margin: 0;

  list-style: none; }



.wrap-tab .get-more {

  text-align: center; }



.wrap-tab .transition-all {

  transition: none !important; }



.wrap-tab .widget-tab {

  position: relative; }

  .wrap-tab .widget-tab .tab-content > li {

    position: absolute;

    opacity: 0;

    width: 100%;

    filter: alpha(opacity=0); }

  .wrap-tab .widget-tab .tab-content > li.selected {

    position: relative;

    opacity: 1;

    filter: alpha(opacity=100);

    animation: tab-fade-in 500ms; }



@keyframes tab-fade-in {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



.wrap-tab .tab-nav {

  margin-bottom: 20px; }



.wrap-tab.tab-style-1 .nav-wrap {

  overflow: auto;

  -webkit-overflow-scrolling: touch; }



.wrap-tab.tab-style-1 .tab-nav {

  white-space: nowrap; }



.wrap-tab.tab-style-1 .tab-nav li {

  display: inline-block;

  margin-right: 5px; }

  .wrap-tab.tab-style-1 .tab-nav li:last-child {

    margin-right: 0; }

  .wrap-tab.tab-style-1 .tab-nav li a {

    display: block;

    background-color: #e1e2e4;

    color: #666;

    padding: 0 20px;

    height: 40px;

    line-height: 40px; }



.wrap-tab.tab-style-1 .tab-nav a.selected {

  background-color: #318de1;

  color: #fff; }



.wrap-tab.tab-style-2 .nav-wrap {

  overflow: auto;

  -webkit-overflow-scrolling: touch; }



.wrap-tab.tab-style-2 .tab-nav {

  white-space: nowrap;

  margin-bottom: 10px;

  border-bottom: 4px solid #e1e2e4; }



.wrap-tab.tab-style-2 .tab-nav li {

  position: relative;

  display: inline-block;

  margin-right: 10px; }

  .wrap-tab.tab-style-2 .tab-nav li:last-child {

    margin-right: 0; }

  .wrap-tab.tab-style-2 .tab-nav li a {

    display: block;

    color: #666;

    padding: 0 20px;

    height: 40px;

    line-height: 40px;

    transition: none; }



.wrap-tab.tab-style-2 .tab-nav a.selected {

  position: relative;

  color: #318de1; }

  .wrap-tab.tab-style-2 .tab-nav a.selected:after {

    content: ' ';

    display: block;

    position: absolute;

    width: 100%;

    height: 4px;

    left: 0;

    bottom: -4px;

    background-color: #318de1; }



.wrap-tab.tab-style-3 .nav-wrap {

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  text-align: center; }



.wrap-tab.tab-style-3 .tab-nav {

  margin-bottom: 20px;

  white-space: nowrap; }



.wrap-tab.tab-style-3 .tab-nav li {

  display: inline-block;

  margin-right: 5px; }

  .wrap-tab.tab-style-3 .tab-nav li:last-child {

    margin-right: 0; }

  .wrap-tab.tab-style-3 .tab-nav li a {

    display: block;

    background-color: #e1e2e4;

    color: #666;

    padding: 0 20px;

    height: 40px;

    line-height: 40px; }



.wrap-tab.tab-style-3 .tab-nav a.selected {

  background-color: #318de1;

  color: #fff; }



.wrap-tab.tab-style-4 .nav-wrap {

  overflow: auto;

  -webkit-overflow-scrolling: touch; }



.wrap-tab.tab-style-4 .tab-nav {

  white-space: nowrap; }



.wrap-tab.tab-style-4 .tab-nav li {

  display: inline-block;

  margin-right: 20px; }

  .wrap-tab.tab-style-4 .tab-nav li:last-child {

    margin-right: 0; }

  .wrap-tab.tab-style-4 .tab-nav li a {

    display: block;

    border-radius: 20px;

    background-color: #e1e2e4;

    color: #666;

    padding: 0 20px;

    height: 40px;

    line-height: 40px; }



.wrap-tab.tab-style-4 .tab-nav a.selected {

  background-color: #318de1;

  color: #fff; }



.wrap-tab .xsm-screen .pdl-item .pdl-btn-group {

  margin: 0 auto; }



.wrap-tab .tab-wrap-product {

  margin-right: -20px; }

  .wrap-tab .tab-wrap-product .pdl-display {

    margin-bottom: 10px; }

  .wrap-tab .tab-wrap-product .pdl-picbox {

    display: table;

    width: 100%; }

  .wrap-tab .tab-wrap-product .pdl-inner {

    overflow: hidden; }

  .wrap-tab .tab-wrap-product .pdl-cell {

    display: table-cell;

    text-align: center;

    vertical-align: middle; }

    .wrap-tab .tab-wrap-product .pdl-cell img {

      max-width: 100%; }

  .wrap-tab .tab-wrap-product .height-control {

    margin-bottom: 20px; }

  .wrap-tab .tab-wrap-product .pdl-item {

    margin-bottom: 20px; }

  .wrap-tab .tab-wrap-product .pdl-btn-group {

    max-width: 240px; }

  .wrap-tab .tab-wrap-product.style-1 .pdl-item {

    width: 25%;

    float: left;

    padding-right: 20px; }

  .wrap-tab .tab-wrap-product.style-1.num5 .pdl-item {

    width: 20%;

    float: left;

    padding-right: 20px; }

  .wrap-tab .tab-wrap-product.style-1.num4 .pdl-item {

    width: 25%;

    float: left;

    padding-right: 20px; }

  .wrap-tab .tab-wrap-product.style-1.num3 .pdl-item {

    width: 33.33%;

    float: left;

    padding-right: 20px; }

  .wrap-tab .tab-wrap-product.style-2 .pdl-item {

    position: relative;

    width: 50%;

    float: left;

    padding-right: 20px; }

  .wrap-tab .tab-wrap-product.style-2 .pdl-display {

    float: left;

    width: 50%;

    margin-right: 20px; }

  .wrap-tab .tab-wrap-product.style-2 .pdl-describe-wrap {

    margin-top: 20px; }

  .wrap-tab .tab-wrap-product.style-3 {

    margin-right: 0; }

    .wrap-tab .tab-wrap-product.style-3 .pdl-item {

      width: 100%;

      float: none;

      padding-right: 0; }

    .wrap-tab .tab-wrap-product.style-3 .pdl-display {

      float: left;

      width: 30%;

      margin: 0 20px 0 0; }

      .wrap-tab .tab-wrap-product.style-3 .pdl-display img {

        max-width: 100%; }

  .wrap-tab .tab-wrap-product.style-4 {

    margin-right: 0; }

    .wrap-tab .tab-wrap-product.style-4 .pdl-item {

      width: 100%;

      float: none;

      padding-right: 0; }

    .wrap-tab .tab-wrap-product.style-4 .pdl-display {

      float: right;

      width: 30%;

      margin: 0 0 0 20px; }

      .wrap-tab .tab-wrap-product.style-4 .pdl-display img {

        max-width: 100%; }



.wrap-tab .tab-wrap-article .list-view-more {

  display: none;

  margin-bottom: 20px;

  text-align: center; }

  .wrap-tab .tab-wrap-article .list-view-more a {

    display: inline-block;

    padding: 3px 10px;

    border: 1px solid #666;

    border-radius: 3px; }



.wrap-tab .tab-wrap-article ul {

  list-style: none;

  padding: 0;

  margin: 0; }



.wrap-tab .tab-wrap-article .article-item {

  position: relative;

  margin-bottom: 5px; }

  .wrap-tab .tab-wrap-article .article-item p {

    margin: 5px 0 0 0; }

  .wrap-tab .tab-wrap-article .article-item .article-month {

    margin: 0; }

  .wrap-tab .tab-wrap-article .article-item .article-img-left {

    float: left;

    margin-right: 20px;

    text-align: center;

    box-sizing: content-box; }

    .wrap-tab .tab-wrap-article .article-item .article-img-left img {

      width: 160px;

      height: 120px;

      border: 1px solid #ccc; }

  .wrap-tab .tab-wrap-article .article-item .article-title {

    font-size: 16px;

    margin: 0;

    line-height: 1.4; }

    .wrap-tab .tab-wrap-article .article-item .article-title a {

      font-weight: normal; }

  .wrap-tab .tab-wrap-article .article-item .article-tit-left {

    float: left;

    width: 100%;

    padding-right: 90px;

    margin-right: -90px; }

  .wrap-tab .tab-wrap-article .article-item .article-time {

    font-size: 12px;

    color: #999;

    float: right;

    line-height: 1.8; }

  .wrap-tab .tab-wrap-article .article-item .article-info {

    font-size: 12px;

    color: #999;

    margin-top: 10px; }

  .wrap-tab .tab-wrap-article .article-item .article-more a {

    color: #326ca6;

    font-weight: normal; }

  .wrap-tab .tab-wrap-article .article-item .fa {

    margin-right: 5px; }

  .wrap-tab .tab-wrap-article .article-item .abstract {

    font-size: 14px;

    color: #999;

    margin-top: 5px; }



.wrap-tab .tab-wrap-article .bd-article-list {

  margin-bottom: 20px; }



.wrap-tab .tab-wrap-article .customize-bg-color {

  background: #4db8ff; }



.wrap-tab .tab-wrap-article .list-page {

  text-align: center; }

  .wrap-tab .tab-wrap-article .list-page span,

  .wrap-tab .tab-wrap-article .list-page a {

    border-radius: 0; }



.wrap-tab .tab-wrap-article .title-ellipsis .article-title {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap; }



.wrap-tab .tab-wrap-article.style-2 .bd-article-list {

  overflow: hidden; }



@media (min-width: 992px) {

  .wrap-tab .tab-wrap-article.style-2 .article-item {

    width: 50%;

    float: left;

    padding: 0 10px; } }



.wrap-tab .tab-wrap-article.style-3 .article-item {

  padding: 10px 0; }

  .wrap-tab .tab-wrap-article.style-3 .article-item .article-title a {

    font-weight: bold; }



.wrap-tab .tab-wrap-article.style-4 .article-item {

  margin: 0 0 15px 0; }

  .wrap-tab .tab-wrap-article.style-4 .article-item .article-tit-con {

    position: relative;

    overflow: hidden; }

    .wrap-tab .tab-wrap-article.style-4 .article-item .article-tit-con .article-title a {

      font-weight: bold; }

  @media (max-width: 767px) {

    .wrap-tab .tab-wrap-article.style-4 .article-item {

      margin: 0 0 25px 0; }

      .wrap-tab .tab-wrap-article.style-4 .article-item .article-img-left {

        float: none;

        margin: 0 0 10px 0; } }



.wrap-tab .tab-wrap-article.style-5 .article-item {

  margin: 10px 0; }

  .wrap-tab .tab-wrap-article.style-5 .article-item .article-det {

    position: relative;

    overflow: hidden; }

  @media (max-width: 767px) {

    .wrap-tab .tab-wrap-article.style-5 .article-item .article-img-left {

      float: none;

      margin: 0 0 10px 0; } }



.wrap-tab .tab-wrap-article.style-6 .article-item {

  margin: 0 0 20px 0; }

  .wrap-tab .tab-wrap-article.style-6 .article-item .article-title {

    margin: 5px 0; }

    .wrap-tab .tab-wrap-article.style-6 .article-item .article-title a {

      font-weight: bold; }

  .wrap-tab .tab-wrap-article.style-6 .article-item .article-date {

    margin: 5px 0; }

  .wrap-tab .tab-wrap-article.style-6 .article-item .article-det {

    position: relative;

    overflow: hidden; }

    .wrap-tab .tab-wrap-article.style-6 .article-item .article-det .article-more a {

      color: #326ca6;

      font-weight: normal; }

  @media (max-width: 767px) {

    .wrap-tab .tab-wrap-article.style-6 .article-item .article-det {

      clear: both; } }



.wrap-tab .tab-wrap-article.style-7 .article-item {

  margin: 0 0 20px 0; }

  .wrap-tab .tab-wrap-article.style-7 .article-item .article-mon-day {

    display: block;

    float: left;

    width: 62px;

    height: 66px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 25px;

    text-align: center;

    padding: 8px 0;

    margin-right: 20px;

    color: #333;

    margin-bottom: 5px; }

    .wrap-tab .tab-wrap-article.style-7 .article-item .article-mon-day b {

      font-weight: normal;

      font-size: 24px; }

  .wrap-tab .tab-wrap-article.style-7 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-7 .article-item .article-title a {

      font-weight: bold; }



.wrap-tab .tab-wrap-article.style-8 .article-item {

  margin: 0 0 20px 0; }

  .wrap-tab .tab-wrap-article.style-8 .article-item .article-mon-year {

    float: left;

    width: 62px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    margin-right: 20px;

    color: #333;

    margin-bottom: 5px; }

    .wrap-tab .tab-wrap-article.style-8 .article-item .article-mon-year .article-month {

      background: #e6e6e6;

      font-size: 14px; }

    .wrap-tab .tab-wrap-article.style-8 .article-item .article-mon-year .article-year {

      font-weight: bold; }

  .wrap-tab .tab-wrap-article.style-8 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-8 .article-item .article-title a {

      font-weight: bold; }

  .wrap-tab .tab-wrap-article.style-8 .article-item .article-more {

    color: #326ca6; }



.wrap-tab .tab-wrap-article.style-9 .article-imgwrap {

  padding-bottom: 30px; }

  .wrap-tab .tab-wrap-article.style-9 .article-imgwrap .article-img img {

    max-width: 100%; }

  .wrap-tab .tab-wrap-article.style-9 .article-imgwrap .article-title {

    font-size: 16px;

    margin: 10px 0; }

    .wrap-tab .tab-wrap-article.style-9 .article-imgwrap .article-title a {

      font-weight: bold; }



.wrap-tab .tab-wrap-article.style-9 .article-item {

  margin: 0 0 20px 0; }

  .wrap-tab .tab-wrap-article.style-9 .article-item .article-day-year {

    float: left;

    width: 60px;

    text-align: center;

    margin-right: 20px;

    color: #666;

    margin-bottom: 5px; }

    .wrap-tab .tab-wrap-article.style-9 .article-item .article-day-year .article-day {

      line-height: 40px;

      margin-bottom: 1px;

      background-color: #f2f2f2;

      font-size: 25px; }

    .wrap-tab .tab-wrap-article.style-9 .article-item .article-day-year .article-year {

      line-height: 22px;

      font-size: 12px;

      background-color: #f2f2f2; }

  .wrap-tab .tab-wrap-article.style-9 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-9 .article-item .article-title a {

      font-weight: bold; }



.wrap-tab .tab-wrap-article.style-10 .article-item {

  padding: 15px 0; }

  .wrap-tab .tab-wrap-article.style-10 .article-item .article-det-right {

    position: relative;

    overflow: hidden; }

    .wrap-tab .tab-wrap-article.style-10 .article-item .article-det-right .article-title a {

      font-weight: bold; }

    .wrap-tab .tab-wrap-article.style-10 .article-item .article-det-right .article-date {

      color: #333;

      border-bottom: 1px dotted #333;

      padding-bottom: 5px; }

    .wrap-tab .tab-wrap-article.style-10 .article-item .article-det-right .article-content {

      margin-top: 5px; }

  @media (max-width: 767px) {

    .wrap-tab .tab-wrap-article.style-10 .article-item .article-img-left {

      float: none;

      margin: 0 0 10px; } }



.wrap-tab .tab-wrap-article.style-11 .bd-article-list {

  background: url(../images/article-bg-11.png) repeat-y center; }



.wrap-tab .tab-wrap-article.style-11 .article-hd-year {

  width: 74px;

  height: 74px;

  border-radius: 50%;

  margin: 0 auto;

  text-align: center;

  color: #fff;

  font-size: 24px;

  line-height: 74px; }



.wrap-tab .tab-wrap-article.style-11 .article-item {

  width: 46%;

  position: relative;

  margin-top: 10px; }

  .wrap-tab .tab-wrap-article.style-11 .article-item .circle {

    display: block;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    position: absolute;

    top: 17px;

    border: 1px solid #ccc;

    background: #FFF; }

  .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-hd {

    padding: 0 20px;

    color: #fff;

    height: 48px;

    line-height: 48px;

    position: relative; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-hd .day {

      font-size: 32px; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-hd .year {

      margin: 0 10px; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-hd .read-more {

      color: #fff;

      padding: 0; }

  .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-bd {

    padding: 20px; }

  .wrap-tab .tab-wrap-article.style-11 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-title a {

      font-weight: bold; }

  .wrap-tab .tab-wrap-article.style-11 .article-item .article-content {

    overflow: hidden;

    line-height: 1.5em;

    max-height: 6em; }

  .wrap-tab .tab-wrap-article.style-11 .article-item.article-left {

    float: left; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-left .circle {

      right: -8.7%;

      margin-right: -7px; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-left .article-item-hd .arrow {

      right: -12px;

      border-right: 0; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-left .article-item-hd .day {

      float: right; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-left .article-item-hd .year {

      float: right; }

  .wrap-tab .tab-wrap-article.style-11 .article-item.article-right {

    float: right; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-right .circle {

      left: -8.7%;

      margin-left: -6px; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-right .article-item-hd {

      text-align: right; }

      .wrap-tab .tab-wrap-article.style-11 .article-item.article-right .article-item-hd .arrow {

        left: -12px;

        border-left: 0; }

      .wrap-tab .tab-wrap-article.style-11 .article-item.article-right .article-item-hd .day {

        float: left; }

      .wrap-tab .tab-wrap-article.style-11 .article-item.article-right .article-item-hd .year {

        float: left; }

  .wrap-tab .tab-wrap-article.style-11 .article-item.article-second {

    margin-top: 100px; }



.wrap-tab .tab-wrap-article.style-11 .article-item-hd .arrow {

  width: 0;

  height: 0;

  border-left: 12px solid;

  border-right: 12px solid;

  border-top: 24px solid;

  border-bottom: 24px solid;

  position: absolute;

  top: 0; }



.wrap-tab .tab-wrap-article.style-11 .customize-bg-color .arrow {

  border-color: transparent #4db8ff transparent #4db8ff; }



.wrap-tab .tab-wrap-article.style-11 .article-end {

  text-align: center;

  clear: both;

  height: 26px; }

  .wrap-tab .tab-wrap-article.style-11 .article-end:after {

    content: '';

    display: inline-block;

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #c0c0c0; }



@media (max-width: 767px) {

  .wrap-tab .tab-wrap-article.style-11 .article-item {

    width: 100%; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .circle {

      display: none; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-hd .arrow {

      display: none; }

    .wrap-tab .tab-wrap-article.style-11 .article-item .article-item-bd {

      background: #FFF; }

    .wrap-tab .tab-wrap-article.style-11 .article-item.article-second {

      margin-top: 10px; }

  .wrap-tab .tab-wrap-article.style-11 .article-end {

    padding-top: 20px; } }



.wrap-tab .tab-wrap-article.style-12 .article-item {

  padding: 20px 0 0; }

  .wrap-tab .tab-wrap-article.style-12 .article-item .article-day-mon {

    float: left;

    width: 62px;

    border: 1px solid #c6c6c6;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    margin-right: 20px;

    color: #000;

    margin-bottom: 5px; }

    .wrap-tab .tab-wrap-article.style-12 .article-item .article-day-mon .day {

      font-size: 20px; }

    .wrap-tab .tab-wrap-article.style-12 .article-item .article-day-mon .month {

      font-size: 12px;

      background-color: #e6e6e6; }

  .wrap-tab .tab-wrap-article.style-12 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-12 .article-item .article-title a {

      font-weight: bold; }



.wrap-tab .tab-wrap-article.style-12 .article-item-first {

  border-bottom: 1px dashed #333;

  padding-bottom: 30px; }

  .wrap-tab .tab-wrap-article.style-12 .article-item-first .article-img img {

    max-width: 100%; }

  .wrap-tab .tab-wrap-article.style-12 .article-item-first .article-det .more {

    display: block;

    width: 140px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid #b6b8ba;

    margin-top: 15px;

    font-size: 16px; }



@media (min-width: 768px) {

  .wrap-tab .tab-wrap-article.style-12 .article-item-first .article-img {

    float: left;

    width: 40%; }

  .wrap-tab .tab-wrap-article.style-12 .article-item-first .article-det {

    float: right;

    width: 58%; } }



.wrap-tab .tab-wrap-article.style-13 .article-item {

  position: relative;

  padding-bottom: 15px; }

  .wrap-tab .tab-wrap-article.style-13 .article-item .article-title {

    margin: 0; }

    .wrap-tab .tab-wrap-article.style-13 .article-item .article-title a {

      font-weight: bold; }

  .wrap-tab .tab-wrap-article.style-13 .article-item .article-date-more .date {

    font-size: 30px;

    line-height: 1.6;

    color: #616161; }

  .wrap-tab .tab-wrap-article.style-13 .article-item .article-date-more .more {

    background-clip: content-box;

    background-color: #40aef8;

    border: 1px solid #40aef8;

    padding: 3px;

    display: block;

    width: 117px;

    height: 38px;

    line-height: 32px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    margin-top: 10px; }



@media (min-width: 992px) {

  .wrap-tab .tab-wrap-article.style-13 .article-item {

    min-height: 120px;

    padding-right: 30%;

    margin-bottom: 30px; }

    .wrap-tab .tab-wrap-article.style-13 .article-item .article-date-more {

      position: absolute;

      right: 0;

      top: 0;

      height: 100%;

      width: 26%;

      padding-left: 6%;

      border-left: 2px solid #40aef8; } }



@media (max-width: 991px) {

  .wrap-tab .tab-wrap-article.style-13 .article-item {

    padding-top: 50px;

    margin-bottom: 0; }

    .wrap-tab .tab-wrap-article.style-13 .article-item .article-date-more .date {

      position: absolute;

      top: 0;

      left: 0; } }



.wrap-tab .tab-wrap-article.style-14 .article-item {

  margin-bottom: 25px; }

  .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner {

    position: relative;

    padding-left: 90px;

    padding-right: 40px; }

    .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-day-year {

      position: absolute;

      height: 62px;

      width: 62px;

      padding: 5px 0;

      border: 1px solid #4a68ec;

      font-size: 12px;

      left: 0;

      top: 3px;

      background-color: #fff;

      text-align: center; }

      .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-day-year .day {

        color: #4c67e8;

        font-size: 20px;

        line-height: 30px; }

      .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-day-year .year {

        color: #c4c4c4;

        line-height: 20px; }

    .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-title {

      margin: 0; }

      .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-title a {

        font-weight: bold; }

    .wrap-tab .tab-wrap-article.style-14 .article-item .article-item-inner .article-more {

      position: absolute;

      right: 0;

      top: 3px;

      height: 20px;

      width: 20px;

      line-height: 20px;

      text-align: center;

      background-color: #b0b0b0;

      color: #fff;

      display: inline-block;

      font-size: 18px; }

  .wrap-tab .tab-wrap-article.style-14 .article-item:hover .article-item-inner .article-day-year {

    background: #4a68ec; }

    .wrap-tab .tab-wrap-article.style-14 .article-item:hover .article-item-inner .article-day-year .day {

      color: #fff; }

  .wrap-tab .tab-wrap-article.style-14 .article-item:hover .article-item-inner .article-more {

    background: #4a68ec; }



@media (min-width: 992px) {

  .wrap-tab .tab-wrap-article.style-14 .article-item {

    width: 50%;

    float: left; }

  .wrap-tab .tab-wrap-article.style-14 .article-item-odd {

    padding-right: 20px;

    clear: both; }

  .wrap-tab .tab-wrap-article.style-14 .article-item-even {

    padding-left: 20px; } }



.wrap-tab .tab-wrap-pictext.style-1 {

  margin: 0 -10px; }

  .wrap-tab .tab-wrap-pictext.style-1 .item {

    float: left;

    margin: 0 10px 20px 10px; }



.wrap-tab .tab-wrap-pictext.style-2 {

  margin: 0 -10px; }

  .wrap-tab .tab-wrap-pictext.style-2 .pic-text-wrap {

    overflow: hidden; }

  .wrap-tab .tab-wrap-pictext.style-2 .item {

    float: left;

    margin: 0 10px 20px 10px;

    overflow: hidden;

    position: relative; }

    .wrap-tab .tab-wrap-pictext.style-2 .item .edit-img-wrap {

      width: 100%;

      height: 100%; }

    .wrap-tab .tab-wrap-pictext.style-2 .item img {

      width: 100%;

      height: 100%; }



.wrap-tab .tab-wrap-pictext.style-3 {

  margin: 0 -10px; }

  .wrap-tab .tab-wrap-pictext.style-3 .pic-text-wrap {

    position: relative; }

  .wrap-tab .tab-wrap-pictext.style-3 .item {

    float: left;

    width: 200px;

    margin: 0 10px 20px 10px; }



.wrap-onlineService .service-list ul {

  list-style-type: none;

  margin: 0;

  padding: 0; }



.wrap-onlineService .service-item {

  position: relative; }

  .wrap-onlineService .service-item .service-a {

    display: block;

    position: absolute;

    top: 0;

    width: 54px;

    height: 54px;

    line-height: 54px;

    background: #323232;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all 0.4s; }

    .wrap-onlineService .service-item .service-a:hover {

      background: #ae1c1c; }

    .wrap-onlineService .service-item .service-a .icon {

      display: inline-block;

      width: 54px;

      height: 54px;

      line-height: 54px;

      text-align: center;

      font-size: 24px; }



.wrap-onlineService .service-slide .service-a:hover {

  width: 164px; }



@media (min-width: 768px) {

  .wrap-onlineService.fixed-left .edit-wrap-content, .wrap-onlineService.fixed-right .edit-wrap-content {

    position: fixed;

    z-index: 200;

    top: 214px; }

  .wrap-onlineService.fixed-left .service-item, .wrap-onlineService.fixed-right .service-item {

    width: 54px;

    height: 55px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    background: #323232; }

    .wrap-onlineService.fixed-left .service-item:last-child, .wrap-onlineService.fixed-right .service-item:last-child {

      width: 54px;

      height: 54px;

      border: none; }

  .wrap-onlineService.fixed-right .edit-wrap-content {

    right: 0; }

  .wrap-onlineService.fixed-right .service-item .service-a {

    right: 0;

    text-align: left; }

    .wrap-onlineService.fixed-right .service-item .service-a .icon {

      float: left; }

  .wrap-onlineService.fixed-left .edit-wrap-content {

    left: 0; }

  .wrap-onlineService.fixed-left .service-item .service-a {

    left: 0;

    text-align: right; }

    .wrap-onlineService.fixed-left .service-item .service-a .icon {

      float: right; } }



@media (max-width: 767px) {

  .wrap-onlineService.fixed-left .edit-wrap-content, .wrap-onlineService.fixed-right .edit-wrap-content {

    position: fixed;

    z-index: 200;

    left: 0;

    bottom: 0;

    width: 100%; }

  .wrap-onlineService.fixed-left .service-list, .wrap-onlineService.fixed-right .service-list {

    position: relative;

    height: 50px; }

  .wrap-onlineService.fixed-left .service-item, .wrap-onlineService.fixed-right .service-item {

    background: #323232;

    float: left; }

    .wrap-onlineService.fixed-left .service-item .service-a, .wrap-onlineService.fixed-right .service-item .service-a {

      width: auto;

      position: relative;

      height: 50px;

      text-align: center;

      padding: 0 5px; }

      .wrap-onlineService.fixed-left .service-item .service-a .icon, .wrap-onlineService.fixed-right .service-item .service-a .icon {

        display: block;

        width: auto;

        height: auto;

        line-height: 1; }

      .wrap-onlineService.fixed-left .service-item .service-a .txt, .wrap-onlineService.fixed-right .service-item .service-a .txt {

        display: block;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap; }

  .wrap-onlineService.fixed-left .service-slide .service-a, .wrap-onlineService.fixed-right .service-slide .service-a {

    line-height: 1; }

    .wrap-onlineService.fixed-left .service-slide .service-a .icon, .wrap-onlineService.fixed-right .service-slide .service-a .icon {

      margin: 5px 0; }

    .wrap-onlineService.fixed-left .service-slide .service-a:hover, .wrap-onlineService.fixed-right .service-slide .service-a:hover {

      width: auto; }

  .wrap-onlineService.fixed-left .service-top .service-a .icon, .wrap-onlineService.fixed-right .service-top .service-a .icon {

    line-height: 50px; } }



.wrap-onlineService.relative .service-item {

  float: left;

  width: 54px;

  height: 54px;

  margin-right: 5px;

  margin-bottom: 5px; }

  .wrap-onlineService.relative .service-item:last-child {

    border: none;

    margin-right: 0; }

  .wrap-onlineService.relative .service-item .service-a {

    border-radius: 5px; }

    .wrap-onlineService.relative .service-item .service-a .icon {

      float: left; }



.wrap-onlineService.relative .service-slide .service-a {

  z-index: 10; }

  .wrap-onlineService.relative .service-slide .service-a:hover {

    z-index: 200; }



.wrap-friend-link .edit-friendLink-list {

  height: auto;

  overflow: hidden;

  margin-right: -10px; }

  .wrap-friend-link .edit-friendLink-list .friend-link {

    display: block;

    float: left;

    padding-right: 10px;

    text-align: center;

    margin-bottom: 10px;

    text-align: center; }

    .wrap-friend-link .edit-friendLink-list .friend-link .text {

      display: block;

      text-align: center;

      line-height: 28px; }

  .wrap-friend-link .edit-friendLink-list .img-style-album .img-friend {

    padding: 2px;

    border: 1px solid #ccc; }



.wrap-search ul,

.wrap-search li {

  padding: 0;

  margin: 0;

  list-style: none; }



.wrap-search.search-style-1 .position-1, .wrap-search.search-style-1 .position-2, .wrap-search.search-style-1 .position-3, .wrap-search.search-style-1 .position-4, .wrap-search.search-style-1 .position-5, .wrap-search.search-style-2 .position-1, .wrap-search.search-style-2 .position-2, .wrap-search.search-style-2 .position-3, .wrap-search.search-style-2 .position-4, .wrap-search.search-style-2 .position-5 {

  position: relative; }



.wrap-search.search-style-1 .search .search-form, .wrap-search.search-style-2 .search .search-form {

  border: 2px solid #ccc;

  border-width: 1px;

  border-radius: 0px;

  background-color: #fff;

  margin-top: 0;

  margin-left: -1px; }

  .wrap-search.search-style-1 .search .search-form .searchs, .wrap-search.search-style-2 .search .search-form .searchs {

    position: relative;

    overflow: hidden; }



.wrap-search.search-style-1 .search .search-keywords, .wrap-search.search-style-2 .search .search-keywords {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  word-break: break-all; }

  .wrap-search.search-style-1 .search .search-keywords .hkeyw, .wrap-search.search-style-2 .search .search-keywords .hkeyw {

    font-weight: bold;

    cursor: text; }

  .wrap-search.search-style-1 .search .search-keywords q.keyw, .wrap-search.search-style-2 .search .search-keywords q.keyw {

    cursor: pointer; }

  .wrap-search.search-style-1 .search .search-keywords q.keyw:before, .wrap-search.search-style-1 .search .search-keywords q.keyw:after, .wrap-search.search-style-2 .search .search-keywords q.keyw:before, .wrap-search.search-style-2 .search .search-keywords q.keyw:after {

    content: ''; }



.wrap-search.search-style-1 .search .select_box, .wrap-search.search-style-2 .search .select_box {

  float: left;

  padding-right: 20px;

  padding-left: 10px;

  z-index: 1;

  position: relative; }

  .wrap-search.search-style-1 .search .select_box span:after, .wrap-search.search-style-2 .search .select_box span:after {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 6px 5px 0 5px;

    border-color: #b5b5b5 transparent transparent transparent;

    margin-top: 0.625rem;

    display: inline-block;

    position: relative;

    top: -0.125rem;

    margin-left: 0.3125rem;

    padding: 0;

    line-height: 0; }

  .wrap-search.search-style-1 .search .select_box span, .wrap-search.search-style-2 .search .select_box span {

    cursor: pointer;

    display: block;

    line-height: 30px;

    width: 100%;

    height: 30px;

    overflow: hidden; }

  .wrap-search.search-style-1 .search .select_box ul li, .wrap-search.search-style-2 .search .select_box ul li {

    cursor: pointer; }

  .wrap-search.search-style-1 .search .select_box .son_ul, .wrap-search.search-style-2 .search .select_box .son_ul {

    width: 100%;

    position: absolute;

    left: 0;

    top: 30px;

    border: 1px solid #ccc;

    border-top: 0;

    margin-left: -1px;

    background: #fff;

    display: none; }

    .wrap-search.search-style-1 .search .select_box .son_ul.active, .wrap-search.search-style-2 .search .select_box .son_ul.active {

      display: block; }

  .wrap-search.search-style-1 .search .select_box .son_ul li, .wrap-search.search-style-2 .search .select_box .son_ul li {

    line-height: 25px;

    padding-left: 10px;

    width: 100%; }

    .wrap-search.search-style-1 .search .select_box .son_ul li.hover, .wrap-search.search-style-2 .search .select_box .son_ul li.hover {

      background: #ccc; }



.wrap-search.search-style-1 .search input.inp_srh, .wrap-search.search-style-1 .search .search button.search-bon, .wrap-search.search-style-2 .search input.inp_srh, .wrap-search.search-style-2 .search .search button.search-bon {

  border: none;

  background: none;

  width: 100%;

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  color: #333; }



.wrap-search.search-style-1 .search input.inp_srh:focus, .wrap-search.search-style-2 .search input.inp_srh:focus {

  outline: none; }



.wrap-search.search-style-1.search-style-1 .position-3 .search-form, .wrap-search.search-style-2.search-style-1 .position-3 .search-form {

  margin-top: 10px;

  float: none; }



.wrap-search.search-style-1.search-style-1 .position-4 .search-form, .wrap-search.search-style-2.search-style-1 .position-4 .search-form {

  margin-top: -25px;

  margin-bottom: 40px;

  float: none; }



.wrap-search.search-style-1.search-style-1 .position-1 .search-form, .wrap-search.search-style-2.search-style-1 .position-1 .search-form {

  width: 300px;

  float: left; }



.wrap-search.search-style-1.search-style-1 .position-1 .search-keywords, .wrap-search.search-style-2.search-style-1 .position-1 .search-keywords {

  float: left;

  margin-right: 26px;

  height: 32px;

  line-height: 32px; }



.wrap-search.search-style-1.search-style-1 .position-2 .search-form, .wrap-search.search-style-2.search-style-1 .position-2 .search-form {

  width: 300px; }



.wrap-search.search-style-1.search-style-1 .position-2 .search-keywords, .wrap-search.search-style-2.search-style-1 .position-2 .search-keywords {

  position: absolute;

  left: 340px;

  top: 0;

  right: 0;

  height: 32px;

  line-height: 32px; }



.wrap-search.search-style-1.search-style-1 .position-4 .search-keywords, .wrap-search.search-style-2.search-style-1 .position-4 .search-keywords {

  position: relative;

  left: 0;

  top: 38px;

  right: 0;

  height: 100%;

  line-height: 28px; }



.wrap-search.search-style-1.search-style-1 .position-5 .search-keywords, .wrap-search.search-style-2.search-style-1 .position-5 .search-keywords {

  display: none;

  position: absolute;

  background: #fff;

  border: 1px solid #ccc;

  left: 0;

  top: 100%;

  right: 0;

  line-height: 28px;

  z-index: 1;

  margin-left: -1px; }

  .wrap-search.search-style-1.search-style-1 .position-5 .search-keywords .hkeyw, .wrap-search.search-style-2.search-style-1 .position-5 .search-keywords .hkeyw {

    margin-left: 10px; }

  .wrap-search.search-style-1.search-style-1 .position-5 .search-keywords .keyw, .wrap-search.search-style-2.search-style-1 .position-5 .search-keywords .keyw {

    display: block;

    width: 100%;

    margin-left: 10px; }



.wrap-search.search-style-1.search-style-1 button.search-bon, .wrap-search.search-style-2.search-style-1 button.search-bon {

  position: absolute;

  top: 0;

  right: 0;

  width: 30px;

  height: 28px;

  background: #fff;

  border: 0; }



.wrap-search.search-style-2 .position-3 .search-form {

  margin-top: 10px;

  float: none; }



.wrap-search.search-style-2 .position-4 .search-form {

  margin-top: -25px;

  margin-bottom: 40px;

  float: none; }



.wrap-search.search-style-2 .position-1 .search-form {

  width: 300px;

  float: left; }



.wrap-search.search-style-2 .position-1 .search-keywords {

  float: left;

  margin-right: 26px;

  height: 32px;

  line-height: 32px; }



.wrap-search.search-style-2 .position-2 .search-form {

  width: 300px; }



.wrap-search.search-style-2 .position-2 .search-keywords {

  position: absolute;

  left: 340px;

  top: 0;

  right: 0;

  height: 32px;

  line-height: 32px; }



.wrap-search.search-style-2 .position-4 .search-keywords {

  position: relative;

  left: 0;

  top: 38px;

  right: 0;

  height: 100%;

  line-height: 28px; }



.wrap-search.search-style-2 .position-5 .search-keywords {

  display: none;

  position: absolute;

  background: #fff;

  border: 1px solid #ccc;

  left: 0;

  top: 100%;

  right: 0;

  line-height: 28px;

  z-index: 1;

  margin-left: -1px; }

  .wrap-search.search-style-2 .position-5 .search-keywords .hkeyw {

    margin-left: 10px; }

  .wrap-search.search-style-2 .position-5 .search-keywords .keyw {

    display: block;

    width: 100%;

    margin-left: 10px; }



.wrap-search.search-style-2 .searchs {

  margin-left: 30px; }



.wrap-search.search-style-2 input.inp_srh {

  padding-left: 30px; }



.wrap-search.search-style-2 button.search-bon {

  position: absolute;

  top: 0;

  left: 0;

  width: 30px;

  height: 28px;

  background: #fff;

  border: 0; }