.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:"Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial,sans-serif; }
a:focus {
  outline: none;
}
li, ul {
    list-style: none;
    margin: 0;
}

.cover {
  overflow: hidden;
}
.blocks,
[class*="blocks-"] {
  padding: 0;
  margin: 0;
  margin-right: -15px;
  margin-left: -15px;
  list-style: none;
}
.blocks:before,
[class*="blocks-"]:before,
.blocks:after,
[class*="blocks-"]:after {
  display: table;
  content: " ";
}
.blocks:after,
[class*="blocks-"]:after {
  clear: both;
}
.blocks > li,
[class*="blocks-"] > li {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 22px;
}
.blocks.no-space,
[class*="blocks-"].no-space {
  margin: 0;
}
.blocks.no-space > li,
[class*="blocks-"].no-space > li {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.blocks-2 > li:nth-child(2n+3),
.blocks-3 > li:nth-child(3n+4),
.blocks-4 > li:nth-child(4n+5),
.blocks-5 > li:nth-child(5n+6),
.blocks-6 > li:nth-child(6n+7),
.block-first {
  clear: both;
}
.blocks-100 > li {
  width: 100%;
}
.blocks-2 > li {
  width: 50%;
}
.blocks-3 > li {
  width: 33.33333333%;
}
.blocks-4 > li {
  width: 25%;
}
.blocks-5 > li {
  width: 20%;
}
.blocks-6 > li {
  width: 16.66666667%;
}
@media (min-width: 480px) {
  .blocks-xs-100 > li {
    width: 100%;
  }
}
@media (min-width: 480px) {
  .blocks-xs-2 > li {
    width: 50%;
  }
}
@media (min-width: 480px) {
  .blocks-xs-3 > li {
    width: 33.33333333%;
  }
}
@media (min-width: 480px) {
  .blocks-xs-4 > li {
    width: 25%;
  }
}
@media (min-width: 480px) {
  .blocks-xs-5 > li {
    width: 20%;
  }
}
@media (min-width: 480px) {
  .blocks-xs-6 > li {
    width: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-100 > li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-2 > li {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-3 > li {
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-4 > li {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-5 > li {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .blocks-sm-6 > li {
    width: 16.66666667%;
  }
}
@media (min-width: 992px) {
  .blocks-md-100 > li {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .blocks-md-2 > li {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .blocks-md-3 > li {
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .blocks-md-4 > li {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .blocks-md-5 > li {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .blocks-md-6 > li {
    width: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-100 > li {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-2 > li {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-3 > li {
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-4 > li {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-5 > li {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .blocks-lg-6 > li {
    width: 16.66666667%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-100 > li {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-2 > li {
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-3 > li {
    width: 33.33333333%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-4 > li {
    width: 25%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-5 > li {
    width: 20%;
  }
}
@media (min-width: 1600px) {
  .blocks-xlg-6 > li {
    width: 16.66666667%;
  }
}

/*位置控制*/

.vertical-align {
    font-size: 0
}

.vertical-align:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.vertical-align-bottom,
.vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 14px
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

/*导航*/
.mm-page__blocker {
    background: rgba(0, 0, 0, 0.3);
}
.met-nav {
  margin-top: 0px;
  margin-bottom: 0px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.met-nav .nav > li > a,
.met-nav .dropdown-menu > li > a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.met-nav .econav {
  margin-right: 10px;
}
.met-nav .econav > ul {
  line-height: 0;
  margin: 0px;
  padding-left: 25px;
}
.met-nav .econav > ul > li {
  display: inline-block;
  margin-right: 0px;
  height: 80px;
  line-height: 80px;
}
.met-nav .econav button {
  font-size: 18px;
  color: #333;
  background-color: transparent;
  line-height: 0.8em;
  padding: 8px;
  border: 0px solid #ff6700;
  position: relative;
  z-index: 3;
  border-radius: 50%;
  outline: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -o-transition: all .3s ease;
}
.met-nav .econav button:hover {
  background: #000000;
  border-color: #272C0F;
  color: #fff;
}
.met-nav .econav button.navbar-toggle {
  color: #fff;
  font-size: 20px;
  border: 0px solid #C4CAB3;
  height: 1.6em;
  padding: 0px 3px;
  float: none;
  margin-top: -7px;
}
.met-nav .econav button.navbar-toggle .hamburger-bar {
  background: #fff;
}
.met-nav .econav button.navbar-toggle:before,
.met-nav .econav button.navbar-toggle:after {
  background: #fff;
}
.met-nav .econav ul.dropdown-menu {
  margin-top: 0px;
}
.met-nav .econav ul.dropdown-menu a:before {
  content: '';
}
.met-nav .navbar-collapse {
  border-top: 0px;
}
@media (min-width: 768px) {
	.navbar-header {height: 80px;}
  .met-nav .nav > li {
    padding: 25px 0;
  }
  .met-nav .nav > li > a {
    height: 30px;
    line-height: 30px;
    color: #333!important;
    padding: 0px 20px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .met-nav .nav > li > a:hover,
  .met-nav .nav > li > a.active,
  .met-nav .nav > li > a:focus,
  .met-nav .dropdown.open > a,
  .met-nav .dropdown.ecoopen > a {
    background: #d68b37!important;
    color: #fff!important;
  }
  .met-nav .nav > li > a:after {
    content: "";
    display: block;
    margin-top: 4px;
    background: transparent;
    transition: width 0.3s ease, background-color 0.3s ease;
    -webkit-transition: width 0.3s ease, background-color 0.3s ease;
    -o-transition: width 0.3s ease, background-color 0.3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 25%;
  }
  .met-nav .nav > li > a:hover:after,
  .met-nav .nav > li > a.active:after,
  .met-nav .nav > li > a:focus:after,
  .met-nav .dropdown.open > a:after,
  .met-nav .dropdown.ecoopen > a:after {
    width: 50%;
    margin: 0 25%;
    content: "";
    background: #ffffff;
  }
  .met-nav .dropdown.ecodropdown > a.active:after,
  .met-nav .dropdown.ecodropdown > a:hover:after,
  .met-nav .dropdown.ecodropdown > a:focus:after,
  .met-nav .dropdown.ecodropdown > a:after {
    margin: 0 30% 0 20%;
  }
  .met-nav .dropdown-menu {
    top: 100%;
    transition: all 0.5s ease !important;
    border-color: #da9700;
    z-index: 9999;
    padding: 0px;
    border: 0;
    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
    background: #2b2b2b;
    color: #fff;
    border-bottom: 3px solid  #1b1a1a;
  }
  .met-nav .dropdown-menu.bullet {
    top: 100%;
    border-bottom-color: transparent;
  }
  .met-nav .dropdown-menu.bullet:after,
  .met-nav .dropdown-menu.bullet:before {
    top: -7px !important;
    border-bottom-color: #2b2b2b;
    right: 35px!important;
  }
  .met-nav .dropdown-menu li {
    border-bottom: 0px solid rgba(255, 255, 255, 0.05);
  }
  .met-nav .dropdown-menu li > a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #bbb!important;
  }
  .met-nav .dropdown-menu li > a.active,
  .met-nav .dropdown-menu li > a:hover,
  .met-nav .dropdown-menu li > a.focus {
    color: #ff6700 !important;
    background: transparent!important;
  }
  .met-nav .dropdown-menu li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-right: 10px;
  }
  .met-nav .navbar-nav > li.ecodropdown > ul {
    top: 150%;
    visibility: hidden;
    opacity: 0;
    display: block;
  }
  .met-nav .navbar-nav > li.ecodropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
  }
  .met-nav .navbar-nav > li.ecodropdown > ul > li > ul {
    left: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
  }
  .met-nav .navbar-nav > li.ecodropdown > ul > li.dropdown-submenu:hover > ul {
    visibility: visible;
    opacity: 1;
    left: 100%;
  }
  .met-nav .dropdown-mega .dropdown-menu {
    right: auto;
    left: auto;
  }
  .met-nav .dropdown-megas .dropdown-menu {
    right: 0;
    left: auto;
  }
  .met-nav .mega-content {
    padding: 10px 25px;
  }
  .met-nav .mega-content .list-icons {
    padding-left: 15px;
  }
  .met-nav .mega-content .mega-about {
    padding: 5px 20px;
    max-width: 480px;
  }
  .met-nav .mega-content .mega-menu {
    min-width: 50px;
  }
  .met-nav .mega-content h5 a {
    color: #ff6700;
    font-size: 16px;
  }
  .met-nav .mega-content h5 a:before {
    content: '';
  }
}
@media (max-width: 767px) {
  .met-nav {
    min-height: 60px;
  }
  .met-nav .navbar-header {
    float: left;
    height: 60px;
    padding-left: 10px;
  }
  .met-nav .navbar-collapse {
    float: none;
    width: 100%;
    border-top: 1px solid #2b2b2b;
    background: #2b2b2b;
  }
  .met-nav .dropdown-menu.bullet:after,
  .met-nav .dropdown-menu.bullet:before {
    border: 0;
  }
  .met-nav .navbar-logo img {
    max-width: 200px;
  }
  .met-nav .nav > li {
    padding: 0!important;
  }
  .met-nav .nav > li > a {
    color: #bbb!important;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .met-nav .dropdown-menu > li > a,
  .met-nav .mega-menu a {
    height: 30px;
    line-height: 30px;
    color: #bbb!important;
  }
  .met-nav .nav > li > a:hover,
  .met-nav .nav > li > a.active,
  .met-nav .nav > li > a:focus,
  .met-nav .dropdown.open > a,
  .met-nav .dropdown.ecoopen > a,
  .met-nav .dropdown-menu > li > a:hover,
  .met-nav .mega-menu a:hover {
    color: #fff!important;
    background: transparent!important;
  }
  .met-nav .econav > ul > li {
    height: 60px;
    line-height: 60px;
  }
  .met-nav .navbar-logo {
    height: 60px;
  }
  .met-nav .dropdown-menu li,
  .met-nav .mega-content li {
    margin: 2px 0;
    padding: 0px;
  }
  .met-nav .dropdown-menu li a,
  .met-nav .mega-content li a {
    padding: 3px 15px 3px 25px!important;
    line-height: 22px!important;
    display: block!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
  }
  .met-nav .mega-content {
    padding: 0px;
  }
  .met-nav .mega-content .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .met-nav .mega-content .blocks,
  .met-nav .mega-content [class*="blocks-"] {
    margin-right: 0px;
    margin-left: 0px;
  }
  .met-nav .mega-content .mega-menu {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .met-nav .mega-content .mega-menu h5 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .met-nav .mega-content .mega-menu .mega-menus {
    padding-left: 15px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .met-nav .nav > li > a {
    padding: 0px 10px;
    font-size: 14px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .met-nav .nav > li > a {
    padding: 0px 5px;
    font-size: 12px;
  }
}
body.met-navfixed {
  padding-top: 0;
}
.met-nav.navbar-fixed-top {
  position: relative;
}
.met-nav.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: rgba(255, 255, 255, 0.9);
  min-height: 80px;
}
.met-nav.stricky-fixed .navbar-logo {
  height: 80px;
}
.met-nav.stricky-fixed .nav > li {
  padding: 25px 0;
}
.met-nav.stricky-fixed .econav > ul > li {
  height: 80px;
  line-height: 80px;
}
/* 新增手机版菜单 */
.mm-menu_offcanvas {
	background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8);
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: rgba(255,255,255,.7);
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(255,255,255,.7);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgba(255,255,255,.7);
}
.mm-listitem:after {border-bottom: 1px solid #666;left:0px;}
.mm-navbar {border-bottom: 1px solid #999;left:0px;}

.mm-slideout {
  z-index: inherit!important;
}
a.mobileMenuBtn {
  border-radius: 10px!important;
}
a.mobileMenuBtn {
  display: none!important;
  margin-right: 15px;
}
@media (max-width: 767px) {
  a.mobileMenuBtn {
    display: inline-block !important;
  }
}
#mobileNav li.active,
#mobileNav li:hover {
  background: #ff6700;
}
#mobileNav li.active a,
#mobileNav li:hover a {
  color: #fff!important;
}
@media (max-width: 767px) {
  #site-navbar-search .modal-center {
    height: auto!important;
  }
}
#site-navbar-search .modal-content {
  border-radius: 0px;
}
#site-navbar-search .modal-content .modal-body {
  padding: 40px 40px 20px;
  position: relative;
}
#site-navbar-search .modal-content .modal-body .close {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 40px;
}
#site-navbar-search .modal-content a.btn {
  border: none;
  font-size: 16px;
  text-align: left;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
}
#site-navbar-search .modal-content a.btn span.flag-icon {
  font-size: 30px;
  margin-top: 10px;
  margin-right: 8px;
}
/* 新增顶部导航 */
.topbar {
  background: #262626;
}
.topbar .social ul li {
  display: inline;
}
.topbar .social ul.social-icons li a {
  display: inline-block;
  font-size: 12px;
  line-height: 40px;
  padding: 0 6px;
  color: #868686;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.topbar .social ul.social-icons li:hover a {
  color: #ff6700;
}
.topbar .social ul.social-icons li a i {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.topbar .social ul.social-icons li:hover a {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.topbar .contact-info ul.aet {
  float: left;
}
.topbar .contact-info ul.aet li {
  float: left;
}
.topbar .contact-info ul.aet li a {
  display: inline-block;
  font-size: 13px;
  line-height: 40px;
  padding: 0 0px;
  margin-right: 22px;
  color: #868686;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.topbar .contact-info ul.aet li:hover a,
.topbar .contact-info ul.aet li a:before {
  color: #868686;
}
.topbar .contact-info ul.aet li a i.fa {
  font-size: 15px;
  margin-right: 5px;
  color: #868686;
}
.topbar .met-nav-right-shop {
  margin: 0px;
}
.topbar .met-nav-right-shop a,
.topbar .met-nav-right-shop i {
  color: #868686;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.topbar .met-nav-right-shop.nav > li {
  background: transparent!important;
}
.topbar .met-nav-right-shop li.dropdown > a:hover,
.topbar .met-nav-right-shop li.open > a {
  background: #ff6700;
  color: #fff;
}
.topbar .met-nav-right-shop li.dropdown > a:hover i,
.topbar .met-nav-right-shop li.open > a i {
  color: #fff;
}
.topbar .met-nav-right-shop .dropdown-menu {
  top: 40px;
}
.topbar .met-nav-right-shop .dropdown > a > i {
  color: #868686;
}
.topbar .met-nav-right-shop .avatar img {
  width: 80%;
}
.topbar .met-nav-login .btn {
  background: transparent!important;
  border-color: transparent!important;
  padding: 0px 15px;
  height: 40px;
  margin: 0px;
  line-height: 40px;
  color: #868686!important;
  font-size: 14px!important;
}
.topbar .met-nav-login .btn:hover {
  background: #ff6700 !important;
  color: #fff!important;
}
/* 新增顶部手机左侧会员优化 */
@media (max-width: 767px) {
  #mobileNav .met-nav-login {
    margin: 20px 0px 0px 0px;
  }
  #mobileNav .met-nav-login a.btn-success {
    color: #fff!important;
  }
  #mobileNav .met-nav-login .dropdown-menu {
    top: 100%;
    background: #fff;
    color: #666666;
    border-bottom: 0px;
    margin: 10px 20px;
  }
  #mobileNav .met-nav-right-shop {
    margin: 10px 0px 20px 0px;
    position: relative;
  }
  #mobileNav .met-nav-right-shop:after {
    content: '';
    border-bottom: 1px solid #2b2b2b;
    display: block;
    position: absolute;
    right: 25px;
    top: 60px;
    left: 25px;
  }
  #mobileNav .met-nav-right-shop .dropdown > a > i {
    color: #fff;
  }
  #mobileNav .met-nav-right-shop li.dropdown {
    float: left;
    width: 50%;
    background: transparent!important;
    position: static;
  }
  #mobileNav .met-nav-right-shop li.dropdown a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  #mobileNav .met-nav-right-shop li.dropdown > a {
    color: #fff;
    background: transparent!important;
  }
  #mobileNav .met-nav-right-shop li.dropdown:hover > a {
    background: transparent!important;
    color: #ff6700 !important;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu {
    position: absolute;
    width: 100%;
    top: 60px;
    background: #fff;
    color: #666666;
    border-bottom: 0px;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li.dropdown-menu-header {
    border-bottom: 1px solid #e4eaec;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li:hover {
    background: transparent!important;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a {
    color: #666666 !important;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a:hover {
    color: #ff6700 !important;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a:before {
    content: ' ';
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown > a > i {
    color: #fff;
  }
  #mobileNav .met-nav-right-shop li.dropdown .dropdown-menu li a.btn-danger {
    color: #fff!important;
  }
  #mobileNav .nav .open > a,
  #mobileNav .nav .open > a:focus,
  #mobileNav .nav .open > a:hover {
    background-color: transparent!important;
  }
}

.rat-banner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}

.ecoleftwap {
  margin-left: 20px;
}
.ecoleftwap .topcartremove li a.btn-danger {
  color: #fff!important;
}
.input-search-close{color:#000;text-shadow:none;filter:alpha(opacity=20);opacity:.2}
.input-search-close.icon{font-size:inherit;line-height:inherit}
.input-search-close:focus,.input-search-close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.input-search-close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.input-search{position:relative}
.input-search .form-control{border-radius:200px}
.input-search .input-search-close,.input-search .input-search-icon{position:absolute;top:50%;z-index:1;width:36px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.input-search .input-search-close{right:8px}
.input-search .input-search-icon+.form-control{padding-left:43.5px}
.input-search .input-search-icon{left:8px;font-size:16px;color:#a3afb7;text-align:center;pointer-events:none}
.input-search-btn+.form-control{padding-right:50px}
.input-search-btn{position:absolute;top:0;right:0;height:100%;padding:0 10px;background:0 0;border:none;border-radius:0 200px 200px 0}
.input-search-btn>.icon{margin:0 3px}
.input-search-dark .input-search-icon{color:#76838f}
.input-search-dark .form-control{background:#f3f7f9;-webkit-box-shadow:none;box-shadow:none}
.input-search-dark .form-control:focus{background-color:transparent}
.form-inline .form-group{margin-right:20px}
.form-inline .form-group:last-child{margin-right:0}
.form-inline .control-label{margin-right:5px}
@media (max-width:767px){
	.form-inline .form-group{margin-right:0}
}

/*首页公用*/
.met-index-body {
  padding: 50px 0px 30px 0;
  background: #fff;
}
.met-index-body:nth-of-type(odd) {
  background: #fff;
}
.met-index-body h3 {
  font-size: 22px;
  margin-top: 0px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.met-index-body h3 a {
  color: #2a333c;
  position: relative;
}
.met-index-body h3 a:after {
  background: #ff6700 none repeat scroll 0 0;
  content: "";
  height: 3px;
  width: 30%;
  left: 35%;
  top: 35px;
  position: absolute;
}
.met-index-body p.desc {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #666;
  margin: 0px auto;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .met-index-body {
    padding: 50px 0px;
  }
  .met-index-body p.desc {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .met-index-body {
    padding: 30px 0px;
  }
  .met-index-body p.desc {
    margin-bottom: 20px;
  }
}
@media (max-width: 488px) {
  .met-index-body {
    padding: 20px 0px;
  }
  .met-index-body p.desc {
    margin-bottom: 20px;
  }
}
@media (max-width: 358px) {
  .met-index-body {
    padding: 20px 0px;
  }
  .met-index-body p.desc {
    margin-bottom: 20px;
  }
}

/*首页产品展示*/
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    top: 40%;
    pointer-events: auto;
    text-align: center;
    position: absolute;
    z-index: 999!important;
    cursor: pointer;
    background: #000;
    color: #fff;
    line-height: 38px;
    font-size: 20px;
    width: 48px;
    height: 48px;
    padding-top: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%
}

.met-index-product .owl-nav .owl-prev {
    left: -5%
}

.met-index-product .owl-nav .owl-next {
    right: -5%
}

@media (max-width:991px) {
    .met-index-product .owl-nav .owl-prev {
        left: 5px
    }
    .met-index-product .owl-nav .owl-next {
        right: 5px
    }
}

.met-index-product .owl-nav .owl-next:hover,
.met-index-product .owl-nav .owl-prev:hover {
    background: #d68b37;
    color: #fff
}

.met-index-product .project-item a {
    color: #fff
}

.met-index-product .project-item a:hover {
    color: #fff;
    border: none
}

.met-index-product .project-item .project-img {
    position: relative;
    overflow: hidden
}

.met-index-product .project-item .project-img img {
    display: block
}

.met-index-product .project-item .project-intro {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 32px 30px 0;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden
}

.met-index-product .project-item .project-intro:hover {
    opacity: 1
}

.met-index-product .project-item .project-intro .project-title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff
}

.met-index-product .project-item .project-intro .project-title:before {
    content: "";
    border: 1px solid #d68b37;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 10%;
    margin: 0 45%
}

.met-index-product .project-item .project-intro .project-descr {
    line-height: 16px
}

@media (max-width:991px) {
    .met-index-product .project-item .project-intro {
        padding: 32px 70px 0
    }
}

.met-index-product .project-item .project-descr,
.met-index-product .project-item .project-title {
    position: relative;
    z-index: 3;
    -webkit-transition: all .3s cubic-bezier(.3, .1, .6, 1);
    -moz-transition: all .3s cubic-bezier(.3, .1, .6, 1);
    -o-transition: all .3s cubic-bezier(.3, .1, .6, 1);
    -ms-transition: all .3s cubic-bezier(.3, .1, .6, 1);
    transition: all .3s cubic-bezier(.3, .1, .6, 1)
}

.met-index-product .project-item .project-title {
    top: -10px
}

.met-index-product .project-item .project-descr {
    margin-top: 50px
}

.met-index-product .project-item:hover .project-title {
    top: 10px
}

.met-index-product .project-item:hover .project-descr {
    margin-top: 30px
}

.met-index-product .project-item .project-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 10px;
    right: 10px;
    bottom: 15px;
    background: rgba(250, 250, 250, 0);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.met-index-product .project-item:hover .project-img:after {
    background: rgba(0,0,0,0.7);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.met-index-product .project-item .project-img>img {
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
    -moz-transition: all .3s cubic-bezier(.3, .1, .58, 1);
    -o-transition: all .3s cubic-bezier(.3, .1, .58, 1);
    -ms-transition: all .3s cubic-bezier(.3, .1, .58, 1);
    transition: all .3s cubic-bezier(.3, .1, .58, 1)
}

.met-index-product .project-item:hover .project-img>img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

/*首页公司简介*/
.met-index-about {
    padding: 0;
    background-color: #d68b37
}

.met-index-about .container-fluid {
    padding: 0;
    background-color: #1b1b1b
}

.met-index-about .left_side {
    background-size: cover;
    height: 510px;
    width: 50%;
    position: relative;
    float: left
}

.met-index-about .we_are_opacity {
    background: rgba(47, 45, 55, .2);
    height: 510px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.met-index-about .we_are_border {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.met-index-about .we_are_border h2 {
    font-weight: 700;
    font-size: 1.625em;
    color: #fff;
    background: #d68b37;
    display: inline;
    position: absolute;
    padding: 12px 39px;
    top: 40px;
    right: 0
}

.met-index-about .right_side {
    height: 510px;
    width: 50%;
    position: relative;
    float: right
}

.met-index-about .we_are_deatails {
    padding-left: 61px
}

.met-index-about .right_side h2 {
    font-weight: 700;
    font-size: 1.625em;
    color: #fff;
    position: relative;
    padding-top: 47px;
    word-spacing: 6px;
    padding-bottom: 38px
}

.met-index-about .right_side h2 a {
    color: #fff
}

.met-index-about .right_side h2:before {
    content: '';
    width: 45px;
    height: 3px;
    background: #d68b37;
    position: absolute;
    top: 85px
}

.met-index-about .right_side .we_are_deatails>div {
    color: #bcc1c7;
    width: 72%;
    line-height: 30px;
}

.met-index-about .right_side .list_item p {
    display: inline-block;
    font-size: 1.125em;
    color: #fff;
    padding-left: 35px;
    padding-right: 32px;
    margin-top: 63px;
    margin-right: 27px
}

.met-index-about .right_side .list_item p:not(.support) {
    border-right: 1px dashed #6e6e6e
}

.met-index-about .right_side img {
    vertical-align: baseline
}

@media (max-width:991px) {
    .met-index-about .right_side {
        width: 100%;
        padding-top: 10px;
        height: auto
    }
    .met-index-about .right_side .we_are_deatails {
        padding: 10px 20px 20px
    }
    .met-index-about .right_side .we_are_deatails h2 {
        padding-top: 10px
    }
    .met-index-about .right_side .we_are_deatails h2:before {
        top: 48px
    }
    .met-index-about .left_side,
    .met-index-about .right_side .we_are_deatails div {
        width: 100%
    }
}

@media (max-width:767px) {
    .met-index-about .left_side,
    .met-index-about .we_are_opacity {
        height: 340px;
        line-height: 24px;
    }
}

/* 文章列表 */
.met-index-news .single-blog-post {
  margin-bottom: 10px;
  border: 1px solid #eaeaea;
}
.met-index-news .single-blog-post .img-holder {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.met-index-news .single-blog-post .img-holder .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.met-index-news .single-blog-post .img-holder .overlay .overlays {
  width: 100%;
  height: 100%;
  position: relative;
}
.met-index-news .single-blog-post .img-holder .overlay .overlays:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: block;
  opacity: 0.7;
}
.met-index-news .single-blog-post .img-holder:hover .overlay {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.met-index-news .single-blog-post .img-holder .overlay .inner-holder {
  display: table;
  width: 100%;
  height: 100%;
}
.met-index-news .single-blog-post .img-holder .date {
  background: #262626;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  line-height: 20px;
  padding: 10px 15px;
  font-weight: 500;
}
.met-index-news .single-blog-post .img-holder .date b {
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
}
.met-index-news .single-blog-post a h2 {
  color: #242424;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  height: 22px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.met-index-news .single-blog-post a h2:hover {
  color: #ff6700;
}
.met-index-news .single-blog-post .newsdetail {
  padding: 20px 20px;
}
.met-index-news .single-blog-post p {
  color: #898989;
  font-weight: 500;
  margin: 15px 0 0;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.met-index-news .single-blog-post ul {
  padding: 5px 0px;
  margin-bottom: 10px;
}
.met-index-news .single-blog-post ul li {
  display: inline;
}
.met-index-news .single-blog-post ul li p,
.met-index-news .single-blog-post ul li span {
  display: inline-block;
  line-height: 16px;
  padding: 0 12px;
  color: #9A9A99;
  font-weight: 500;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.met-index-news .single-blog-post ul li span {
  border-right: 1px solid #9A9A99;
  padding-left: 0;
  color: #9A9A99;
}
.met-index-news .single-blog-post ul li span b {
  color: #898989;
  font-weight: normal;
}
.met-index-news .single-blog-post ul li a:hover {
  color: #ff6700;
}
.met-index-news .single-blog-post .img-holder:before {
  background: #ff6700;
}
.met-index-news .single-blog-post:hover .img-holder:before,
.met-index-news .single-blog-post:focus .img-holder:before,
.met-index-news .single-blog-post:active .img-holder:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media (max-width: 767px) {
  .met-index-news .single-blog-post {
    margin-top: 10px;
  }
}
/*首页联系我们*/
.contact_list_met_28_1{
    padding-top: 50px;
    text-align: center;
}
.contact_list_met_28_1.bgcolor{
    background: #ffffff;
    background: ;
}
.contact_list_met_28_1.imgbg{
    background: url('../images/contact-bg.jpg') no-repeat center center;
}
.contact_list_met_28_1 .envelope{
    width: 553px;
    height: 425px;
    padding-top: 45px;
    display: inline-block;
}
.contact_list_met_28_1 .envelope.default_img{
    background: url('../images/img29.png') no-repeat center top;
}
.contact_list_met_28_1 .envelope.enveimg{
    background: url('') no-repeat center top;
}
.contact_list_met_28_1 .envelope .head_box h3{
    color:#333333;
    color:;
    margin:0;
}
.contact_list_met_28_1 .envelope .head_box .desc{
    color:#999999;
    color:;
}
.contact_list_met_28_1 .envelope .xian{
    width: 20px;
    height: 2px;
    background: #4f7edc;
    background: ;
    margin: 10px auto;
}
.contact_list_met_28_1 .bianji p span{
    color:#555555;
    font-size: 15px;
}
.contact_list_met_28_1 .bianji>p:first-child{
    padding: 0% 12%;
}
@media (max-width:767px){
    .contact_list_met_28_1 .envelope{
        width:90%;
    }
}

footer {
  border: 0;
  padding: 20px 0px 20px 0px;
  color: #aaaaaa;
  background: #282d32;
}
footer a {
  color: #aaaaaa !important;
  border-color: #aaaaaa !important;
}


.subcolumn_nav_met_11_3 { text-align: center; background: ; }
.overflow-visible { overflow: visible !important; }
.subcolumn_nav_met_11_3.bordernone { border-bottom: none }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul { padding: 0; list-style: none; margin: 0; padding: 10px 0; text-align: center; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: left; }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li { white-space: nowrap; display: inline-block; float: none }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link { text-decoration: none; display: block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 20px; height: 30px; color: #032030; color: ; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:active, .subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:focus, .subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover { text-decoration: none }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link:hover, .subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li a.link.active { color: #fff; background-color: #0082cb; background-color: ; }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li>ul>li>a.active { color: #0082cb !important; color:  !important; }
.subcolumn_nav_met_11_3 .subcolumn_nav_met_11_3-ul>li .dropdown-menu { top: 40px }
.subcolumn_nav_met_11_3 .product-search:first-child { margin-top: 10px }
.subcolumn_nav_met_11_3 .product-search .form-group { max-width: 500px; }
.subcolumn_nav_met_11_3 .input-search .form-control { border-radius: 0; }
.subcolumn_nav_met_11_3 .form-control.focus, .form-control:focus { border-color: #0082cb; border-color: ; }
.subcolumn_nav_met_11_3 .subcolumn-nav-location { float: left; font-size: 12px; padding: 10px 0;}
.subcolumn_nav_met_11_3 .subcolumn-nav-location .location{
  color: #032030 ; color:  ; 
}
.subcolumn_nav_met_11_3 .subcolumn-nav-location li { line-height: 30px; float: left }
.subcolumn_nav_met_11_3 .subcolumn-nav-location a { text-decoration: none; display: inline-block; font-size: 12px; line-height: 30px; text-align: center; color: #032030; color: ; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:active, .subcolumn_nav_met_11_3 .subcolumn-nav-location a:focus, .subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover { text-decoration: none }
.subcolumn_nav_met_11_3 .subcolumn-nav-location a:hover { color: #0082cb; color: ; }
.subcolumn_nav_met_11_3 .subcolumn-nav-location .fa { padding: 0 10px }
.subcolumn_nav_met_11_3 .subcolumn-nav { float: right;}
.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a { color: #032030 !important; color:  !important; }
.subcolumn_nav_met_11_3 .subcolumn-nav .dropdown-menu a:hover { color: #0082cb !important; color:  !important; }
@media (max-width:767px) {
  .subcolumn_nav_met_11_3 { border-bottom: 1px solid #f0f2f5 }
  .subcolumn_nav_met_11_3 .row { margin: 0 }
  .subcolumn_nav_met_11_3 .subcolumn-nav { height: 54px; float: none }
  .subcolumn_nav_met_11_3 .subcolumn-nav-location { float: none }
  .subcolumn_nav_met_11_3 .subcolumn-nav-location{width: 100%;}
}

/*内页开始*/

.met-show-container {
    background: #ffffff;
    background: ;
    padding: 30px 0px 30px;
}
.met-show-container .ab-tit {margin-bottom: 20px;}
.met-editor {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    min-height: 230px;
}
#dituContent img {max-width: inherit;}

@media (max-width: 767px) {
    .met-editor img {width: 100%;}
}
/*新闻板块*/
 .rat-news {
    padding: 30px 0;
    background: #f2f2f2;
    border-top: 1px solid #f0f2f5;
}
.rat-news-list {
  padding: 30px;
  background: #ffffff;
  padding-bottom: 30px;
  overflow: hidden;
}

.media-left, .media>.pull-left {
    padding-right: 20px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.rat-news-list ul.rat-page-ajax {
  padding: 0px;
  list-style: none;
}
.rat-news-list ul.rat-page-ajax li {
  border-bottom: 1px solid #f0f2f5;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.rat-news-list ul.rat-page-ajax li .media {padding-bottom: 0px; border-bottom: 0px;}
.rat-news-list ul.rat-page-ajax li:last-child {
  margin-bottom: 0px;
}
.rat-news-list ul.rat-page-ajax li h4 {
  margin: 0 0 10px;
  font-size: 18px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.rat-news-list ul.rat-page-ajax li h4 a {
  color: #464646;
}
.rat-news-list ul.rat-page-ajax li h4 a:hover {
  color: #696969;
}
.rat-news-list ul.rat-page-ajax li p {
  font-size: 16px;
}
.rat-news-list ul.rat-page-ajax li p.des {
  color: #6a6a6a;
  margin-bottom: 10px;
  font-size: 13px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.rat-news-list ul.rat-page-ajax li p.info {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
  color: #a3afb7;
}
.rat-news-list ul.rat-page-ajax li p.info span {
  margin-left: 10px;
}
.rat-news-list ul.rat-page-ajax li p.info span:first-child {
  margin: 0;
}
.rat-news-list ul.rat-page-ajax li p.info i {
  color: #a3afb7;
  font-weight: 300;
}
  .rat-news-list ul.rat-page-ajax li .media .media-left .media-object {
    height: 120px;
    max-width: none;
  }

@media (max-width: 991px) {
  .rat-news-list ul.rat-page-ajax li h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .rat-editor {padding: 0px 10px;}
  .rat-news-list ul.rat-page-ajax li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
  }
  .rat-news-list ul.rat-page-ajax li h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .rat-news-list ul.rat-page-ajax li p {
    font-size: 14px;
  }
  .rat-news-list ul.rat-page-ajax li p.des {
    height: 3em;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .rat-news-list ul.rat-page-ajax li .media .media-left {
    padding-right: 10px;
  }
  .rat-news-list ul.rat-page-ajax li .media .media-left .media-object {
    width: 100px;
    max-width: none;
  }
}
.rat-news-bar{background:#fff;margin-left:30px;padding:20px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
@media (max-width:992px){.rat-news-bar{margin-left:0;margin-top:30px;padding:30px}}
@media (max-width:768px){.rat-news-bar{margin-left:0;margin-top:0;padding:20px 15px}}
.rat-news-bar ul.column{padding:0;list-style:none}
.rat-news-bar ul.column li{margin-bottom:10px}
.rat-news-bar ul.column li a{font-size:16px;color:#2a333c}
.rat-news-bar ul.column li a:hover{color:#4e97d9}
.rat-news-bar ul.column li a.active{color:#4e97d9}
.rat-news-bar .recommend{margin:20px 0;padding:20px 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}
.rat-news-bar .recommend h3{font-size:18px;font-weight:300;margin:0}
.rat-news-bar .recommend .list-group{margin-top:10px;margin-bottom:0}
.rat-news-bar .recommend .list-group a{color:#2a333c;font-size:15px}
.rat-news-bar .recommend .list-group a:hover{color:#4e97d9}

/*产品模块*/
.product_list_page_rat{padding: 30px 0;background:;background:#f2f2f2;}
.product_list_page_rat .less-page-content {  }
.product_list_page_rat .card-header a { display: block; position: relative; }
.product_list_page_rat .card-header a .mask { position: absolute; width: 100%; height: 100%; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); z-index: 2; }
.product_list_page_rat .card-header a img { -webkit-transition: all .6s cubic-bezier(.17, .84, .44, 1); transition: all .6s cubic-bezier(.17, .84, .44, 1); width: 100%; }
.product_list_page_rat .card-title { text-align: left; border-bottom: 1px solid #e0e0e0; text-shadow: none; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1); transition: all .6s cubic-bezier(.215, .61, .355, 1); margin-bottom:0; color: #444444; padding: 0px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product_list_page_rat .card-title a { color: #444444;color: ; text-shadow: none; font-size: 16px; }
.product_list_page_rat .card-title p { color: #848484;color: ; padding:5px 0; margin: 0; font-size: 13px; }
.product_list_page_rat .card:hover .card-title { border-bottom: 1px solid #444444;border-bottom: 1px solid ; }
.product_list_page_rat .product-list .item { opacity: 0; transform: translate(0, 10%);margin-bottom: 20px; }
.product_list_page_rat-list .card {background-color: #fff; text-align: center;}
.product_list_page_rat-list .item .fa { color: #fff; width: 22px; height: 22px; font-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.product_list_page_rat-list .item .fa:hover { text-decoration: none; }
.product_list_page_rat .card-title .btn{
  margin-top:15px;
  font-size:14px;
  background: transparent;
  border: 1px solid #e4c17e;
    border: 1px solid ;
  border-radius: 0;
}
.product_list_page_rat .card-title a.btn {color:#e4c17e;color:;}
.product_list_page_rat .card-title .btn:hover{
    background: #e4c17e;
  background: ;
    border: 1px solid #e4c17e;
  border: 1px solid ;
  color: #fff;
}
@media (max-width:767px){
  .product_list_page_rat{
    padding:10px 0;
  }
    .product_list_page_rat .card-title{padding:10px !important;}
    .product_list_page_rat .less-page-content ul{margin:0;}
    .product_list_page_rat .less-page-content li{padding-left: 5px !important;padding-right: 5px !important;margin-bottom:10px;}
}
/*产品内容页*/
.page-content {
  padding: 30px 30px;
  background: #f2f2f2;
}
@media (max-width:479px) {
.page-content {
  padding: 10px
}
}
@media (max-width: 767px){
.page-content {
    padding: 15px 0px;
}
}
[class*=animation-] {
animation-fill-mode:none
}
@media (max-width:991px) {
.page-content {
  padding: 20px 0px
}
.panel {
  margin-bottom: 20px
}
.panel-body {
  padding: 20px
}
}
@media (max-width:767px) {
.page-content {
  padding: 15px 0px
}
.panel, .well, .card-shadow {
  margin-bottom: 15px
}
.panel-body, .well, .modal-body, .modal-header, .modal-footer {
  padding: 15px
}
.modal-footer {
  padding-top: 0
}
}
.shopproduct_list_detail_rat .section { padding: 15px 0;background: #fff; }
.shopproduct_list_detail_rat .content .rat-editor,.shopproduct_list_detail_rat .content .product-para{
  padding:30px;
}
.shopproduct_list_detail_rat .product-para li a {color:#e4c17e;color:;}
.shopproduct_list_detail_rat .block-bg {background: #fff;}
@media (max-width:767px) {
  .shopproduct_list_detail_rat .content .rat-editor,.shopproduct_list_detail_rat .content .product-para{
  padding:15px;
}
.panel-body, .well, .modal-body, .modal-header, .modal-footer {
    padding: 15px;
}
}
.block-bg, .panel {
    background: #fff;
}


/*分页*/
.pagination{color: #666; text-align: center; clear:both; margin-top: 20px; margin-bottom: 10px;}
.pagination>li{display: inline-block; *display: inline; *zoom: 1; margin-left: -1px; }
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination a{padding: 0 12px; height: 32px; line-height: 32px; color: #428bca; border: 1px solid #ddd; background: #fff; text-decoration: none; overflow:hidden;}
.pagination .prev::before{font-family: "fontawesome";display: inline-block; content:"\f104"; width: 10px; height: 10px; margin-right: 5px;}
.pagination .next::after{font-family: "fontawesome";display: inline-block; content: "\f105"; width: 10px; height: 10px; margin-left: 5px;}
.pagination a:not(.goto):hover{background-color: #eee; color: #2a6496}
.pagination a.cur,
.pagination a.cur:hover{background-color: #428bca; color: #fff; border-color: #428bca; margin-right: 1px}
.pagination a.disabled{background-color: #e6e6e6!important; color: #bbb!important; cursor: no-drop}
.pagination .prev{border-radius: 5px 0 0 5px}
.pagination .next{border-radius: 0 5px 5px 0; }

/* 商品详情页-产品信息 */
.shopproduct_list_detail_rat.rat-showproduct-head .product-para { margin: 0; padding: 10px 0; }
.shopproduct_list_detail_rat .navbar-toggle { line-height: 66px; background: transparent; border: 0; float: right; outline: 0; }
.shopproduct_list_detail_rat.rat-showproduct-head .product-intro h1{color:#444444;}
.shopproduct_list_detail_rat.rat-showproduct-head .product-intro h1{color:;}
.shopproduct_list_detail_rat .rat-showproduct-head .product-intro p.description{color:#848484;color:;}

.shopproduct_list_detail_rat .product-intro h1{color:#444444;color:;}
@media (max-width:991px) { }
.shopproduct_list_detail_rat.rat-showproduct-head .product-intro { margin-top: 20px; }
}
.shopproduct_list_detail_rat .product-para { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 15px 0; }

/* 商品详情页-产品内容详情 */
.shopproduct_list_detail_rat .product-detail .rat-editor .product-para { margin-bottom: 15px; overflow: hidden; }
.shopproduct_list_detail_rat .product-detail .rat-editor .product-para li { padding: 10px; }
.shopproduct_list_detail_rat .product-detail .rat-editor {padding: 0px; margin:0px;}
.rat-editor img{ width: 100%; }
@media (max-width:767px) {
.shopproduct_list_detail_rat .content { padding: 15px; }
}

/* 产品详情页-侧栏 */
.shopproduct_list_detail_rat .sidebar-piclist h4>a { color: #444444;color: ; text-shadow: none; }
.shopproduct_list_detail_rat .sidebar-piclist li:hover a{color:#e4c17e;color:;}
.shopproduct_list_detail_rat .sidebar-piclist h4 { text-align: center; }
.shopproduct_list_detail_rat .sidebar-piclist p { text-align: left; color: #444444; }
.pro-nyleft-text {font-size: 14px;}

.shopproduct_list_detail_rat .rat-sidebar >:not(:first-child) { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #f0f2f5; }
.shopproduct_list_detail_rat .leftsidebar { margin-left: 0 !important; margin-right: 30px; }
@media (max-width:991px) {
.shopproduct_list_detail_rat   .leftsidebar { margin-right: 0px; }
}
.shopproduct_list_detail_rat .sidebar-column li a { display: block; font-size: 16px; }
.shopproduct_list_detail_rat .sidebar-column li i { float: right; margin-top: 2px; font-size: 14px; }
.shopproduct_list_detail_rat .sidebar-column li ul a { font-size: 14px; }
@media (min-width:768px) {
.shopproduct_list_detail_rat   .navbar-toggle { display: none; }
}

/* ========================================================================
   Component: Overlay
 ========================================================================== */
.overlay {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.overlay > :first-child,
.overlay .overlay-figure {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
/* Sub-object `overlay-panel`
 ========================================================================== */
.overlay-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: #fff;
}
.overlay-panel a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
.overlay-panel > :last-child {
  margin-bottom: 0;
}
.overlay-panel h1,
.overlay-panel h2,
.overlay-panel h3,
.overlay-panel h4,
.overlay-panel h5,
.overlay-panel h6 {
  color: inherit;
}
/* Sub-object `overlay-hover`
 ========================================================================== */
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
  opacity: 0;
}
/* Modifier `overlay-background`
 ========================================================================== */
.overlay-background {
  background: rgba(0, 0, 0, .5);
}
/* Modifier `overlay-image`
 ========================================================================== */
.overlay-image {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
/* Modifier `overlay-shade`
 ========================================================================== */
.overlay-shade {
  background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
}
/* Position modifiers
 ========================================================================== */
.overlay-top {
  bottom: auto;
}
.overlay-bottom {
  top: auto;
}
.overlay-left {
  right: auto;
}
.overlay-right {
  left: auto;
}
/* Sub-object `overlay-icon`
 ========================================================================== */
.overlay-icon {
  font-size: 0;
  text-align: center;
}
.overlay-icon:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.overlay-icon .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}
/* Sub-object `overlay-anchor`
 ========================================================================== */
.overlay-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* Transitions
 ========================================================================== */
.overlay-fade,
.overlay-scale,
.overlay-spin,
.overlay-grayscale,
.overlay-blur,
[class*='overlay-slide'] {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;
       -o-transition-property: opacity -o-transform filter;
          transition-property: opacity transform filter;
}
.overlay-fade {
  opacity: .7;
}
.overlay-hover:hover .overlay-fade {
  opacity: 1;
}
.overlay-scale {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.overlay-hover:hover .overlay-scale {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.overlay-spin {
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
       -o-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}
.overlay-hover:hover .overlay-spin {
  -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
       -o-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
}
.overlay-grayscale {
          filter: grayscale(100%);

  -webkit-filter: grayscale(100%);
}
.overlay-hover:hover .overlay-grayscale {
          filter: grayscale(0%);

  -webkit-filter: grayscale(0%);
}
[class*='overlay-slide'] {
  opacity: 0;
}
/* Top */
.overlay-slide-top {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
/* Bottom */
.overlay-slide-bottom {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
}
/* Left */
.overlay-slide-left {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
/* Right */
.overlay-slide-right {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}
/* Hover */
.overlay-hover:hover [class*='overlay-slide'] {
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
       -o-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
}

.fixedNav{position:fixed;right:46px;bottom:100px;cursor:pointer;z-index:999;border-bottom:1px solid #f1f1f1}
.fixedNav .xiaojiejie{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:76px;width:76px;border:1px solid #f1f1f1;border-bottom:0;background:#fff;color:#d68b37;text-align: center;}
.fixedNav .xiaojiejie a {color:#d68b37;}
.fixedNav .xiaojiejie i{width: 100%;}
.fixedNav .xiaojiejie .zx{display:block;width:100%;background:#fff;font-size:12px;text-align:center}
.fixedNav .xiaojiejie .pic {display: none;position: fixed; bottom: 150px; right: 130px;}
.fixedNav .xiaojiejie .pic img {width: 130px;}
.fixedNav .xiaojiejie.weixin:hover .pic {display: block;border-radius: 8px; border: 1px solid #ccc; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2)}
.fixedNav .xiaojiejie .txt {display: none;position: fixed; bottom: 190px; right: 135px;}
.fixedNav .xiaojiejie .txt:after {position: absolute;
	right: -6px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #fff;
	content: '';
	border: 0px;
	border-top-width: 0;
	z-index: -1;
	top: 12px;
	border-bottom-color: #fff !important;
	transform: rotate(135deg);
	box-shadow: -2px -2px 2px #ccc;
}
.fixedNav .xiaojiejie.weixin:hover .txt {display: block;border-radius: 4px; background: #fff; line-height: 40px; font-size: 18px; padding: 0px 20px; border: 1px solid #ccc; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2)}
.fixedNav .xiaojiejie span{font-size:12px}
@media (max-width:767px) {
	.fixedNav {display: none;}
}