.tem98-header {
 width:100%;
 color:#666;
 position:relative;
 z-index:40
}
.tem98-header .header {
 background-color:#fff
}
.tem98-header .head_bottom {
 background-color:inherit
}
.tem98-header a {
 color:inherit
}
.tem98-header.show-full .container {
 padding:0;
 width:100%
}
.tem98-header .container {
 padding:0
}
.tem98-header .head_top {
 background-color:#333;
 width:100%;
 position:relative;
 z-index:22;
 color:#fff
}
.tem98-header .head_top .con {
 width:98%;
 margin:auto;
 height:40px;
 font-size:12px
}
.tem98-header .head_bottom .con {
 width:98%;
 margin:auto;
 height:70px;
 position:relative
}
.tem98-header .head_top .con .head_editor {
 height:100%;
 line-height:40px;
 float:left
}
.tem98-header .head_top .con .icon {
 float:right;
 height:100%;
 user-select:none
}
.tem98-header .head_top .con .icon .icons {
 float:left;
 position:relative
}
.tem98-header .head_top .con .icon .icons .txt {
 line-height:40px;
 display:block;
 cursor:pointer;
 padding:0 8px;
 transition:.3s;
 height:40px
}
.tem98-header .head_top .con .icon .icons .txt .icon-people4 {
 margin-right:2px
}
.tem98-header .head_top .con .icon .icons:last-child .txt {
 padding-right:0
}
.tem98-header .head_top .con .icon .icons.language .txt img {
 width:30px;
 height:30px
}
.tem98-header .head_top .con .icon .icons.language .txt span {
 vertical-align:middle
}
.tem98-header .head_top .con .icon .icons.language .txt {
 padding-right:30px
}
.tem98-header .head_top .con .icon .icons.language .txt:after {
 content:"";
 display:block;
 position:absolute;
 right:8px;
 top:50%;
 margin-top:-4px;
 width:0;
 height:0;
 border:8px solid rgba(0,0,0,0);
 border-top-color:inherit;
 border-right-width:5px;
 border-left-width:5px
}
.tem98-header .head_top .icon ul {
 position:absolute;
 top:100%;
 right:0;
 white-space:nowrap;
 color:#666;
 background-color:#fff;
 box-shadow:0 2px 12px rgba(0,0,0,.1);
 border-radius:4px
}
.tem98-header .head_top .icon .language ul {
 z-index:4;
 transform:translateY(6px);
 opacity:0;
 visibility:hidden;
 transition:.3s
}
.tem98-header .head_top .icon .language ul.active {
 transform:translateY(0);
 opacity:1;
 visibility:visible
}
.tem98-header .head_top .icon ul li a {
 padding:10px 16px;
 display:block
}
.tem98-header .head_top .icon ul li a:hover {
 background-color:rgba(0,0,0,.05)
}
.tem98-header .head_top .icon img {
 width: 15px;
 vertical-align: middle;
 margin: 0 10px;
}
.tem98-header .head_top .icon .lan {
 vertical-align:middle
}
.tem98-header .head_bottom .logo {
 float:left;
 height:70px;
 line-height:50px;
 width:250px;
 padding:10px 0
}
.tem98-header .head_bottom .logo a {
 display:block;
 height:100%
}
.tem98-header .head_bottom .logo img {
 vertical-align:middle;
 max-width:100%;
 max-height:100%
}
.tem98-header .head_bottom .navigation {
 float:right;
 width:calc(100% - 250px);
 height:70px
}
.tem98-header .head_bottom .navigation .search {
 float:right;
 height:70px;
 padding-left:30px;
 padding-top:15px;
 position:relative;
 z-index:4
}
.tem98-header .head_bottom .navigation .search .icon_bx {
 float:right;
 height:40px;
 line-height:40px;
 width:40px;
 text-align:center;
 cursor:pointer;
 position:relative;
 margin-left:10px
}
.tem98-header .head_bottom .navigation .search .icon_bx>span {
 display:block;
 width:100%;
 height:100%;
 line-height:40px;
 font-weight:700;
 font-size:20px
}
.tem98-header .head_bottom .navigation .search .icon_bx>.txt {
 display:block;
 width:100%;
 height:100%;
 line-height:42px;
 position:relative
}
.tem98-header .head_bottom .navigation .search .icon_bx>.txt>span {
 font-weight:700;
 font-size:20px
}
.tem98-header .head_bottom .navigation .search .icon_bx>.txt i {
 position:absolute;
 top:0;
 right:0;
 display:block;
 width:16px;
 height:16px;
 line-height:16px;
 text-align:center;
 border-radius:50%;
 font-size:8px;
 color:#fff;
 font-style:normal
}
.tem98-header .head_bottom .navigation .search .icon_bx>span:hover,
.tem98-header .head_bottom .navigation .search .icon_bx>.txt:hover {
 opacity:.6
}
.tem98-header .head_bottom .navigation .search .icon_bx.active>span {
 opacity:.6
}
.tem98-header .head_bottom .navigation .search .icon_bx.active .search_box {
 opacity:1;
 visibility:visible
}
.tem98-header .head_bottom .navigation .search .icons.language {
 float:right;
 width:40px;
 height:40px;
 line-height:40px;
 position:relative
}
.tem98-header .head_bottom .icons.language .img_txt {
 display:block;
 width:100%;
 position:relative;
 text-align:center;
 line-height:40px;
 font-size:0
}
.tem98-header .head_bottom .icons.language .img_txt img {
 width:30px;
 height:30px;
 margin:0
}
.tem98-header .head_bottom .icons.language .img_txt span {
 vertical-align:middle
}
.tem98-header .head_bottom .icon ul {
 position:absolute;
 top:100%;
 right:0;
 white-space:nowrap;
 color:#666;
 background-color:#fff;
 box-shadow:0 2px 12px rgba(0,0,0,.1);
 border-radius:4px
}
.tem98-header .head_bottom .icons.language ul {
 z-index:4;
 transform:translateY(6px);
 opacity:0;
 visibility:hidden;
 transition:.3s;
 position:absolute;
 top:100%;
 right:0;
 white-space:nowrap;
 color:#666;
 background-color:#fff;
 box-shadow:0 2px 12px rgba(0,0,0,.1);
 border-radius:4px;
 line-height:20px
}
.tem98-header .head_bottom .icons.language ul.active {
 transform:translateY(0);
 opacity:1;
 visibility:visible
}
.tem98-header .head_bottom .icons.language ul li a {
 padding:10px 16px;
 display:block
}
.tem98-header .head_bottom .icons.language ul li a:hover {
 background-color:rgba(0,0,0,.05)
}
.tem98-header .head_bottom .icons.language img {
 width: 15px;
 vertical-align: middle;
 margin: 0 10px;
}
.tem98-header .head_bottom .icons.language .lan {
 vertical-align:middle
}
.tem98-header .head_bottom .navigation nav {
 float:right;
 position:relative
}
.tem98-header .head_bottom .search_box {
 position:absolute;
 top:100%;
 width:300px;
 height:70px;
 z-index:20;
 right:0;
 opacity:0;
 visibility:hidden;
 transition:.3s;
 margin-top:10px;
 border-radius:8px;
 box-shadow:0 2px 12px rgba(122,122,122,.1)
}
.tem98-header .head_bottom .search_box form {
 width:100%;
 height:100%;
 position:relative;
 padding:15px;
 background-color:#fff;
 border-radius:8px
}
.tem98-header .head_bottom .search_box form .header_search_select {
 text-align:left;
 line-height:24px
}
.tem98-header .head_bottom .search_box form input {
 width:100%;
 height:100%;
 border:none;
 background:none;
 outline:none;
 padding:0 40px;
 border-bottom:1px solid;
 border-color:rgba(255,255,255,.1)
}
.tem98-header .head_bottom .search_box form button {
 position:absolute;
 left:15px;
 top:15px;
 height:40px;
 width:40px;
 border:none;
 background:0;
 outline:none;
 font-size:18px
}
.tem98-header .head_bottom .search_box form i {
 position:absolute;
 right:15px;
 top:15px;
 width:40px;
 height:40px;
 display:block;
 text-align:center;
 line-height:40px;
 font-size:24px;
 cursor:pointer;
 opacity:.6;
 transition:.3s
}
.tem98-header .head_bottom .search_box form i:hover {
 opacity:1
}
.tem98-header .head_bottom .navigation nav .lr {
 display:none
}
.tem98-header .head_bottom .navigation .search_btn_ {
 display:none
}
@media (min-width:993px) {
 .tem98-header {
  height:110px
 }
 .tem98-header .head_bottom .navigation .search .icons.language {
  display:none
 }
 .tem98-header .head_top .con .icon .icons .txt {
  opacity:.8
 }
 .tem98-header .head_top .con .icon .icons .txt:hover {
  opacity:1
 }
 .tem98-header .head_bottom .navigation nav .nav {
  overflow:visible;
  white-space:nowrap;
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul {
  display:flex;
  line-height:70px;
  margin-left:0;
  transition:.3s;
  position:absolute;
  left:0;
  top:0
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text {
  position:relative;
  font-size:16px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text.active:after {
  content:"";
  border-bottom:4px solid;
  display:block;
  height:0;
  width:100%;
  position:absolute;
  bottom:0;
  left:0
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li:hover>.text {
  opacity:.6
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text a {
  padding:0 15px;
  display:block;
  position:relative;
  transition:0s
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text>a {
  padding:0 22px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after {
  border:none
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  display:block;
  top:50%;
  right:14px;
  border:6px solid transparent;
  border-top-color:inherit;
  margin-top:-3px;
  transition:.3s;
  border-right-width:5px;
  border-left-width:5px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia a {
  padding-right:34px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li {
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul {
  background-color:#fff;
  position:absolute;
  top:100%;
  left:0;
  line-height:initial;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  opacity:0;
  visibility:hidden;
  transition:all .3s;
  pointer-events:none;
  padding:10px 6px;
  border-radius:6px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul>li {
  background-color:inherit
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul {
  left:100%;
  top:0;
  background-color:inherit
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul,
 .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul {
  left:auto;
  right:0
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul ul,
 .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul ul {
  right:100%
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li:hover>ul {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  margin-top:-10px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul li .text a {
  padding-top:12px;
  padding-bottom:12px
 }
 .tem98-header .head_bottom .navigation nav.add {
  padding:0 20px;
  height:100%
 }
 .tem98-header .head_bottom .navigation nav {
  background:none!important
 }
 .tem98-header .head_bottom .navigation nav.add .lr {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:0;
  z-index:8;
  display:block
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left,
 .tem98-header .head_bottom .navigation nav.add .lr .right {
  position:absolute;
  top:20px;
  height:30px;
  width:20px;
  cursor:pointer;
  line-height:30px;
  text-align:center;
  color:#fff;
  font-size:20px;
  border-radius:2px;
  opacity:.6;
  transition:.3s
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left:hover,
 .tem98-header .head_bottom .navigation nav.add .lr .right:hover {
  opacity:1
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left {
  left:0
 }
 .tem98-header .head_bottom .navigation nav.add .lr .right {
  right:0
 }
 .tem98-header .head_bottom .navigation nav.add .nav {
  overflow:hidden;
  height:100%
 }
 .tem98-header .head_bottom .navigation nav.add .nav.hig {
  height:650px
 }
 .tem98-header .head_bottom {
  top:-90px;
  left:0;
  width:100%
 }
 .tem98-header .head_bottom.fixeds {
  position:fixed;
  transition:.3s;
  box-shadow:0 0 12px rgba(0,0,0,.1);
  z-index:99
 }
 .tem98-header .head_bottom.fixeds.top_show {
  top:0
 }
 body.cms_product .tem98-header .head_bottom.fixeds {
  position:relative;
  top:0
 }
}
.tem98-header .nav_button {
 display:none
}
@media (max-width:992px) {
 .tem98-header .head_bottom .icons.language .img_txt img {
  display:none
 }
 .tem98-header {
  height:60px
 }
 .tem98-header .header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:1000
 }
 .tem98-header .head_top {
  display:none
 }
 .tem98-header .head_top .con .head_editor span {
  font-size:12px!important
 }
 .tem98-header .head_top .con {
  width:94%
 }
 .tem98-header .head_bottom .con {
  height:60px;
  width:94%
 }
 .tem98-header .head_bottom .search_box form i {
  opacity:.9
 }
 .tem98-header .head_bottom .logo {
  width:auto;
  height:60px;
  padding:10px 0;
  line-height:40px
 }
 .tem98-header .head_bottom .navigation {
  width:auto;
  height:60px;
  position:relative
 }
 .tem98-header .head_bottom .navigation .search {
  height:60px;
  padding:0;
  padding-top:10px
 }
 .tem98-header .head_bottom .navigation .search .icon_bx {
  margin:0
 }
 .tem98-header .head_bottom .navigation nav {
  position:fixed;
  width:100%!important;
  max-width:400px!important;
  top:60px;
  left:0;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  transform:translateX(50px);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  max-height:400px;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:999
 }
 .tem98-header .head_bottom .con.active .navigation nav {
  transform:translateX(0);
  opacity:1;
  visibility:visible
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text {
  position:relative;
  border-bottom:1px solid rgba(122,122,122,.1)
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text {
  border-bottom:none
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text:after {
  content:"";
  display:block;
  position:absolute;
  right:0;
  top:20px;
  bottom:20px;
  border-right:1px solid;
  border-color:rgba(122,122,122,.1)
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text a {
  padding:10px 20px;
  display:block;
  position:relative;
  transition:0s
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after {
  border:none
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  display:block;
  top:50%;
  right:18px;
  border:4px solid transparent;
  border-top-color:inherit;
  margin-top:-2px;
  transition:.3s
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia {
  padding:10px 20px;
  padding-right:30px;
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia a {
  padding:0;
  display:inline
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li {
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul {
  display:none;
  padding:10px 0;
  background:none!important
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul .text.xia,
 .tem98-header .head_bottom .navigation nav .nav>ul ul .text a {
  padding-left:30px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text.xia,
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text a {
  padding-left:40px
 }
 .tem98-header .nav_button {
  outline:none;
  border:0;
  width:40px;
  height:40px;
  padding:10px;
  transition:all .45s;
  z-index:99;
  display:block;
  background:0;
  float:left;
  margin-top:10px;
  margin-right:6px
 }
 .tem98-header .nav_button .nav_button_icon {
  position:relative;
  width:16px;
  height:16px;
  margin:auto
 }
 .tem98-header .nav_button .nav_button_icon span {
  display:block;
  position:absolute;
  right:0;
  left:0;
  height:0;
  transition:all .15s;
  border-bottom:2px solid
 }
 .tem98-header .nav_button .nav_button_icon span:after {
  content:"";
  display:block;
  width:2px;
  height:0;
  border-bottom:2px solid;
  position:absolute;
  left:-4px
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(1) {
  top:50%;
  transform:translate3d(0,-50%,0)
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(2) {
  top:0;
  transform:translateZ(0) rotate(0) scaleX(1)
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(3) {
  bottom:0;
  transform:translateZ(0) rotate(0) scaleX(1)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(1) {
  opacity:0
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(2) {
  transform:rotate(45deg) translate3d(5px,5px,0)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(3) {
  transform:rotate(-45deg) translate3d(5px,-5px,0)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:after {
  display:none
 }
}
@media (max-width:360px) {
 .tem98-header .head_bottom .navigation .search {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  width:100px;
  background-color:#fff;
  color:#333;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  padding-right:10px;
  border-radius:4px
 }
 .tem98-header .head_bottom .navigation .search.active {
  display:block
 }
 .tem98-header .head_bottom .navigation .search_btn_ {
  display:block;
  width:20px;
  height:40px;
  margin-top:10px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span {
  display:block;
  border:2px solid;
  height:0;
  width:0;
  border-radius:50%;
  position:absolute;
  left:50%;
  margin-left:-2px;
  top:50%
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(1) {
  margin-top:-8px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(2) {
  margin-top:-2px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(3) {
  margin-top:4px
 }
}
.tem30-bread {
 background-size:cover
}
.tem30-bread.content-left .box,
.tem30-bread.content-left .tem01-location {
 text-align:left
}
.tem30-bread.content-middle .box,
.tem30-bread.content-middle .tem01-location {
 text-align:center
}
.tem30-bread.content-right .box,
.tem30-bread.content-right .tem01-location {
 text-align:right
}
.tem30-bread .item {
 color:#333
}
.tem30-bread .item .title {
 font-size:2rem;
 padding:15px 0 5px
}
.tem30-bread .box .icon {
 font-size:3rem
}
.tem30-bread .tem01-location a,
.tem30-bread .tem01-location span {
 color:inherit
}
@media (max-width:768px) {
 .tem30-bread {
  padding:20px 0!important
 }
 .tem30-bread .box .icon {
  font-size:1.25rem
 }
 .tem30-bread .item .title {
  padding:0
 }
 .tem30-bread .box {
  padding:0 1%
 }
 .tem30-bread .tem01-location {
  font-size:12px
 }
}
.swiper-container {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 overflow:hidden;
 z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
 float:left
}
.swiper-container-vertical>.swiper-wrapper {
 -webkit-box-orient:vertical;
 -moz-box-orient:vertical;
 -ms-flex-direction:column;
 -webkit-flex-direction:column;
 flex-direction:column
}
.swiper-wrapper {
 position:relative;
 width:100%;
 height:100%;
 z-index:1;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-transition-property:-webkit-transform;
 -moz-transition-property:-moz-transform;
 -o-transition-property:-o-transform;
 -ms-transition-property:-ms-transform;
 transition-property:transform;
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate(0,0);
 -ms-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
 -webkit-box-lines:multiple;
 -moz-box-lines:multiple;
 -ms-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
 -webkit-transition-timing-function:ease-out;
 -moz-transition-timing-function:ease-out;
 -ms-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out;
 margin:0 auto
}
.swiper-slide {
 -webkit-flex-shrink:0;
 -ms-flex:0 0 auto;
 flex-shrink:0;
 width:100%;
 height:100%;
 position:relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
 height:auto
}
.swiper-container-autoheight .swiper-wrapper {
 -webkit-box-align:start;
 -ms-flex-align:start;
 -webkit-align-items:flex-start;
 align-items:flex-start;
 -webkit-transition-property:-webkit-transform,height;
 -moz-transition-property:-moz-transform;
 -o-transition-property:-o-transform;
 -ms-transition-property:-ms-transform;
 transition-property:transform,height
}
.swiper-container .swiper-notification {
 position:absolute;
 left:0;
 top:0;
 pointer-events:none;
 opacity:0;
 z-index:-1000
}
.swiper-wp8-horizontal {
 -ms-touch-action:pan-y;
 touch-action:pan-y
}
.swiper-wp8-vertical {
 -ms-touch-action:pan-x;
 touch-action:pan-x
}
.swiper-button-next,
.swiper-button-prev {
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 -moz-background-size:27px 44px;
 -webkit-background-size:27px 44px;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 opacity:.35;
 cursor:auto;
 pointer-events:none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 left:10px;
 right:auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 right:10px;
 left:auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
 position:absolute;
 text-align:center;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 -webkit-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
 opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 bottom:10px;
 left:0;
 width:100%
}
.swiper-pagination-bullet {
 width:8px;
 height:8px;
 display:inline-block;
 border-radius:100%;
 background:#000;
 opacity:.2
}
button.swiper-pagination-bullet {
 border:none;
 margin:0;
 padding:0;
 box-shadow:none;
 -moz-appearance:none;
 -ms-appearance:none;
 -webkit-appearance:none;
 appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
 background:#fff
}
.swiper-pagination-bullet-active {
 opacity:1;
 background:#D62020
}
.swiper-pagination-white .swiper-pagination-bullet-active {
 background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
 background:#000
}
.swiper-container-vertical>.swiper-pagination-bullets {
 right:10px;
 top:50%;
 -webkit-transform:translate3d(0,-50%,0);
 -moz-transform:translate3d(0,-50%,0);
 -o-transform:translate(0,-50%);
 -ms-transform:translate3d(0,-50%,0);
 transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin:5px 0;
 display:block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin:0 5px
}
.swiper-pagination-progress {
 background:rgba(0,0,0,.25);
 position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
 background:#D62020;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 -webkit-transform-origin:left top;
 -moz-transform-origin:left top;
 -ms-transform-origin:left top;
 -o-transform-origin:left top;
 transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
 -webkit-transform-origin:right top;
 -moz-transform-origin:right top;
 -ms-transform-origin:right top;
 -o-transform-origin:right top;
 transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
 width:100%;
 height:4px;
 left:0;
 top:0
}
.swiper-container-vertical>.swiper-pagination-progress {
 width:4px;
 height:100%;
 left:0;
 top:0
}
.swiper-pagination-progress.swiper-pagination-white {
 background:rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
 background:#fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
 background:#000
}
.swiper-container-3d {
 -webkit-perspective:1200px;
 -moz-perspective:1200px;
 -o-perspective:1200px;
 perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -ms-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 pointer-events:none;
 z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
 background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
 background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
 background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
 background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
 -ms-perspective:1200px
}
.swiper-container-cube,
.swiper-container-flip {
 overflow:visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
 pointer-events:none;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
 pointer-events:none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
 pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
 z-index:0;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 backface-visibility:hidden
}
.swiper-container-cube .swiper-slide {
 visibility:hidden;
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0;
 width:100%;
 height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
 -webkit-transform-origin:100% 0;
 -moz-transform-origin:100% 0;
 -ms-transform-origin:100% 0;
 transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
 pointer-events:auto;
 visibility:visible
}
.swiper-container-cube .swiper-cube-shadow {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:100%;
 background:#000;
 opacity:.6;
 -webkit-filter:blur(50px);
 filter:blur(50px);
 z-index:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
 -webkit-transition-timing-function:ease-out;
 -moz-transition-timing-function:ease-out;
 -ms-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
 pointer-events:none;
 -webkit-transition-property:opacity;
 -moz-transition-property:opacity;
 -o-transition-property:opacity;
 transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
 pointer-events:none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
 pointer-events:auto
}
.swiper-zoom-container {
 width:100%;
 height:100%;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -moz-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 text-align:center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
 max-width:100%;
 max-height:100%;
 object-fit:contain
}
.swiper-scrollbar {
 border-radius:10px;
 position:relative;
 -ms-touch-action:none;
 background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
 position:absolute;
 left:1%;
 bottom:3px;
 z-index:50;
 height:5px;
 width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
 position:absolute;
 right:3px;
 top:1%;
 z-index:50;
 width:5px;
 height:98%
}
.swiper-scrollbar-drag {
 height:100%;
 width:100%;
 position:relative;
 background:rgba(0,0,0,.5);
 border-radius:10px;
 left:0;
 top:0
}
.swiper-scrollbar-cursor-drag {
 cursor:move
}
.swiper-lazy-preloader {
 width:42px;
 height:42px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-21px;
 margin-top:-21px;
 z-index:10;
 -webkit-transform-origin:50%;
 -moz-transform-origin:50%;
 transform-origin:50%;
 -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
 -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
 animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
 display:block;
 content:"";
 width:100%;
 height:100%;
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 background-position:50%;
 -webkit-background-size:100%;
 background-size:100%;
 background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
 100% {
  -webkit-transform:rotate(360deg)
 }
}
@keyframes swiper-preloader-spin {
 100% {
  transform:rotate(360deg)
 }
}
.tem11-pro-detail-sm .bigpic_wrap {
 float:left;
 width:400px;
 position:relative
}
.tem11-pro-detail-sm .swiper-container {
 margin-left:auto;
 margin-right:auto
}
.tem11-pro-detail-sm .swiper-slide {
 background-size:cover;
 background-position:center
}
.tem11-pro-detail-sm .gallery-top {
 height:400px;
 width:100%;
 box-shadow:0 0 4px rgba(0,0,0,.2)
}
.tem11-pro-detail-sm .gallery-top img {
 width:100%
}
.tem11-pro-detail-sm .min_wrap {
 width:100%;
 background-color:rgba(0,0,0,.05)
}
.tem11-pro-detail-sm .gallery-thumbs {
 height:70px;
 width:300px;
 padding:10px 0;
 float:left
}
.tem11-pro-detail-sm .gallery-thumbs img {
 width:100%;
 height:100%
}
.tem11-pro-detail-sm .gallery-thumbs .swiper-slide {
 height:100%;
 border:2px solid rgba(0,0,0,0)
}
.tem11-pro-detail-sm .gallery-thumbs .swiper-slide.active {
 border-color:red
}
.tem11-pro-detail-sm .swiper-button-next,
.tem11-pro-detail-sm .swiper-button-prev {
 position:initial;
 float:left;
 margin:0;
 width:50px;
 margin-top:10px;
 background-size:40%
}
.tem11-pro-detail-sm .mark {
 width:200px;
 height:200px;
 background-color:rgba(0,0,0,.5);
 position:absolute;
 top:0;
 left:0;
 display:none;
 padding:0;
 cursor:crosshair
}
.tem11-pro-detail-sm .bigpic_wrap .zoom_pic {
 position:absolute;
 left:420px;
 top:20px;
 width:100%;
 height:400px;
 overflow:hidden;
 box-shadow:0 0 5px rgba(0,0,0,.2);
 display:none;
 background-color:#fafafa;
 z-index:10;
 pointer-events:none
}
.tem11-pro-detail-sm .bigpic_wrap .zoom_pic img {
 width:200%;
 position:absolute;
 top:0;
 left:0;
 max-width:none
}
.tem11-pro-detail-sm .pro_info {
 float:left;
 width:calc(100% - 400px);
 padding:30px;
 padding-top: 0;
}
.tem11-pro-detail-sm .pro_info>h1,
.tem11-pro-detail-sm .pro_info>.h1 {
 margin:0;
 margin-bottom:15px;
 font-size:20px;
 line-height:125%
}
.tem11-pro-detail-sm .pro_info .amount {
 display:table-row
}
.tem11-pro-detail-sm .pro_info .metatit {
 display:table-cell;
 padding:6px 0;
 padding-right:16px;
 white-space:nowrap
}
.tem11-pro-detail-sm .pro_info .suggest {
 color:#777;
 display:table-cell;
 padding:6px 0;
 clear: both;
 overflow: hidden;
 width: auto;
 word-break: break-all;
 word-wrap: break-word;
}
.tem11-pro-detail-sm .pro_info .pro_info_btn {
 margin-top:30px;
 position:relative
}
.tem11-pro-detail-sm .pro_info .pro_info_btn .btn {
 padding:9px 25px
}
.tem11-pro-detail-sm .swiper-pagination {
 display:none
}
.tem11-pro-detail-sm .detail-share {
 margin-top:10px
}
.tem11-pro-detail-sm .detail-share a {
 margin:0 2px;
 display:inline-block;
 width:30px;
 height:30px;
 line-height:28px;
 text-align:center;
 border-radius:50%;
 border-style:solid;
 border-width:1px;
 font-size:16px
}
.tem11-pro-detail-sm [proinfo-inquire-btn].amount.active {
 display:none
}
@media(max-width:980px) {
 .tem11-pro-detail-sm .gallery-top {
  height:auto
 }
 .tem11-pro-detail-sm .swiper-pagination {
  display:block
 }
 .tem11-pro-detail-sm .min_wrap {
  display:none
 }
 .tem11-pro-detail-sm .bigpic_wrap,
 .tem11-pro-detail-sm .pro_info {
  float:none;
  width:100%
 }
 .tem11-pro-detail-sm .pro_info {
  padding:20px 10px
 }
}
.tem02-pro-detail .leftlist .relate {
 border:1px solid #ccc;
 padding-top:15px
}
.tem02-pro-detail .leftlist .imgbar-full {
 overflow:hidden;
 vertical-align:middle;
 width:100%
}
.tem02-pro-detail .leftlist .imgbar-full img {
 width:100%;
 height:100%;
 min-height:100%;
 -webkit-transition:opacity 1s,-webkit-transform 1s;
 transition:opacity 1s,transform 1s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.tem02-pro-detail .leftlist .imgbar-full:hover img {
 opacity:.4;
 -webkit-transform:scale3d(1.1,1.1,1);
 transform:scale3d(1.1,1.1,1)
}
.tem02-pro-detail .leftlist .col-md-4 {
 float:none;
 width:100%;
 padding:0
}
.tem02-pro-detail .leftlist .caption a {
 color:#333
}
.tem02-pro-detail .leftlist h3,
.tem02-pro-detail .leftlist .h3 {
 font-size:16px;
 text-transform:uppercase;
 line-height:20px;
 padding:10px 15px;
 margin:0;
 font-weight:300
}
.tem02-pro-detail .relate {
 background:#fff
}
.tem02-pro-detail .leftlist .relate .thumbnail {
 border-radius:0;
 border:0;
 border-bottom:1px solid #eee;
 padding:0;
 margin-bottom:10px
}
.tem02-pro-detail .leftlist .relate .thumbnail:last-child {
 margin:0;
 border:0
}
.tem02-pro-detail .leftlist .relate h5,
.tem02-pro-detail .leftlist .relate .h5 {
 font-size:12px;
 line-height:20px;
 margin:0;
 height:40px;
 line-height:20px;
 overflow:hidden
}
.tem02-pro-detail .leftlist .relate .thumbnail .caption {
 color:#333;
 padding:9px 0
}
@media(max-width:640px) {
 .tem02-pro-detail .leftlist .relate .col-xs-6 {
  width:50%
 }
 .tem02-pro-detail .leftlist .imgbar-full {
  height:240px
 }
}
@media(max-width:480px) {
 .tem02-pro-detail .leftlist .relate .col-xs-6 {
  width:100%
 }
 .tem02-pro-detail .leftlist .imgbar-full {
  height:auto
 }
}
.tem02-pro-detail-sm .rightlist {
 padding:10px
}
.tem02-pro-detail-sm .pro-detail-tab {
 background-color:#fff
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs>li {
 height:44px;
 line-height:44px;
 float:left;
 text-align:center;
 background-color:#ddd;
 border-radius:6px 6px 0 0;
 color:#000;
 margin-right:5px
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs>li>a {
 display:block;
 color:#000
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs li.on {
 background-color:#fff
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs li.on a {
 color:#3167db
}
.tem02-pro-detail-sm .pro-detail-tab>.description {
 padding:20px 10px
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header {
 background-color:#f7f7f7;
 border-top:1px solid #eee;
 border-left:1px solid #eee;
 border-right:1px solid #eee
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li {
 height:40px;
 line-height:40px;
 background:none;
 border-radius:0;
 margin-right:0
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li:first-child {
 margin-left:-1px
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li:hover {
 color:inherit
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li a {
 line-height:40px;
 padding:0 12px;
 border:none;
 border-radius:0;
 margin-right:0
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li a:hover {
 color:var(--main-color);
 background:none
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li.active {
 background:var(--main-color)
}
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li.active>a,
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li.active>a:hover,
.tem02-pro-detail-sm .pro-detail-tab .nav-tabs.nav-tabs-header>li.active>a:focus {
 color:#fff;
 background:var(--main-color);
 border:none
}
.tem02-pro-detail-sm #describe .col-md-12 {
 border:1px solid #ccc;
 margin:10px 0;
 padding:10px 0
}
.tem02-pro-detail-sm #describe .col-md-12 .col-md-4 {
 font-size:12px;
 line-height:20px;
 margin:5px 0
}
.tem02-pro-detail-sm #describe .col-md-12 .col-md-4 img {
 width:100%
}
.tem02-pro-detail-sm #describe .images {
 width:100%
}
.tem02-pro-detail-sm #describe .images img {
 width:100%;
 display:block;
 margin-top:10px
}
@media (max-width:767px) {
 .tem02-pro-detail-sm .leftlist .imgbar-full {
  height:auto;
  display:block
 }
}
.tem02-pro-detail-sm .comment-con .comment-info {
 overflow:hidden;
 padding:15px 0 25px 0
}
.tem02-pro-detail-sm .comment-con .comment-info .comment-percent {
 width:150px;
 padding:10px 0 0 0;
 float:left;
 text-align:center
}
.tem02-pro-detail-sm .comment-con .comment-info .comment-percent .percent-tit {
 font-size:12px;
 color:#666;
 font-weight:400
}
.tem02-pro-detail-sm .comment-con .comment-info .comment-percent .percent-con {
 line-height:110%;
 font-size:45px
}
.tem02-pro-detail-sm .comment-con .comment-info .comment-percent .percent-con span {
 font-size:23px
}
.tem02-pro-detail-sm .comment-con .comment-info .percent-info {
 margin-left:150px;
 padding-left:20px
}
.tem02-pro-detail-sm .comment-con .comment-info .percent-info .tag-title {
 font-size:14px;
 margin-bottom:10px
}
.tem02-pro-detail-sm .comment-con .comment-info .percent-info .tag-list span {
 display:inline-block;
 line-height:20px;
 padding:0 9px;
 border:1px solid #e0e0e0;
 border-radius:2px;
 margin-right:10px;
 margin-bottom:10px;
 color:#999;
 cursor:pointer
}
.tem02-pro-detail-sm .comment-con .comment-info .percent-info .tag-list span.tag-name {
 font-size:12px;
 color:#999;
 border-color:#e0e0e0
}
.tem02-pro-detail-sm .comment-con .comment-info .percent-info .tag-list span.tag-name.active {
 color:inherit;
 border-color:inherit
}
.tem02-pro-detail-sm .comment-con .comment-list {
 font-size:12px
}
.tem02-pro-detail-sm .comment-con .comment-list .tab-main {
 border:1px solid #f5f5f5;
 background-color:#fafafa;
 padding-left:10px
}
.tem02-pro-detail-sm .comment-con .comment-list .tab-main ul {
 margin-top:-1px;
 color:#666
}
.tem02-pro-detail-sm .comment-con .comment-list .tab-main li {
 position:relative;
 display:inline-block;
 padding:5px 10px;
 text-decoration:none;
 cursor:pointer
}
.tem02-pro-detail-sm .comment-con .comment-list .tab-main li em {
 font-style:normal
}
.tem02-pro-detail-sm .comment-con .comment-list .tab-con {
 padding:10px 0
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item {
 padding:10px;
 border-bottom:1px solid #ddd
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .user-column {
 width:120px;
 float:left
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .user-info img {
 width:25px;
 height:25px;
 border-radius:50%;
 margin-right:5px;
 display:none
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .comment-column {
 margin-left:120px
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .comment-message {
 font-size:14px
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .comment-time {
 font-size:12px;
 color:#999
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .order-info {
 font-size:12px;
 color:#999;
 margin-top:5px
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .comment-reply {
 border-top:1px solid #f0f0f0;
 margin-top:12px;
 padding-top:12px
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgitems .img-item {
 width:50px;
 height:50px;
 position:relative;
 display:inline-block;
 border:2px solid #eee;
 padding:2px;
 cursor:url(../../templates/public4/assets/images/zoom_in.png),url(../../templates/public4/assets/images/zoom_in02.cur),auto
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgitems .img-item.active {
 border-color:red;
 cursor:url(../../templates/public4/assets/images/zoom_out.png),url(../../templates/public4/assets/images/zoom_out02.cur),auto
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgitems .img-item::after {
 content:"";
 position:absolute;
 left:15px;
 bottom:-8px;
 z-index:1
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgitems .img-item.active::after {
 display:inline-block;
 width:0;
 height:0;
 font-size:0;
 line-height:0;
 border-top:6px solid red;
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 _border-left-color:pink;
 _border-right-color:pink;
 _filter:chroma(color=#ffc0cb)
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgitems .img-item img {
 width:100%;
 height:100%!important
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgviewer {
 position:relative;
 display:none;
 margin-top:10px
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgviewer.active {
 display:block
}
.tem02-pro-detail-sm .comment-con .comment-list .comment-item .imgbox .imgviewer img {
 width:300px;
 height:auto;
 border:1px solid #ddd;
 padding:5px
}
@media (max-width:767px) {
 .tem02-pro-detail-sm .comment-con .comment-info {
  padding:15px 0
 }
 .tem02-pro-detail-sm .comment-con .comment-list .tab-main {
  padding-left:0
 }
 .tem02-pro-detail-sm .comment-con .comment-list .tab-main ul {
  margin-top:0
 }
}
@media (max-width:480px) {
 .tem02-pro-detail-sm .comment-con .comment-info {
  padding:10px 0
 }
 .tem02-pro-detail-sm .comment-con .comment-info .comment-percent {
  width:auto;
  float:none;
  padding:0
 }
 .tem02-pro-detail-sm .comment-con .comment-info .percent-info {
  margin-left:0;
  padding-left:0
 }
 .tem02-pro-detail-sm .comment-con .comment-list .comment-item {
  padding:10px 0
 }
 .tem02-pro-detail-sm .comment-con .comment-list .comment-item .user-column {
  width:100%;
  float:none
 }
 .tem02-pro-detail-sm .comment-con .comment-list .comment-item .comment-column {
  margin-left:0
 }
}
.tem01-score {
 vertical-align:middle;
 line-height:34px
}
.tem01-score i {
 margin-right:2px;
 cursor:pointer;
 font-size:20px
}
.tem01-score i:before {
 content:"\eba4";
 color:#999
}
.tem01-score i.font-color:before {
 content:"\eba6";
 color:inherit
}
.tem01-score.i0-5 i:nth-child(1):before,
.tem01-score.i1-5 i:nth-child(2):before,
.tem01-score.i2-5 i:nth-child(3):before,
.tem01-score.i3-5 i:nth-child(4):before,
.tem01-score.i4-5 i:nth-child(5):before {
 content:"\e261";
 color:inherit
}
.tem01-score.i1-5 i:nth-child(1):before,
.tem01-score.i2-5 i:nth-child(1):before,
.tem01-score.i2-5 i:nth-child(2):before,
.tem01-score.i3-5 i:nth-child(1):before,
.tem01-score.i3-5 i:nth-child(2):before,
.tem01-score.i3-5 i:nth-child(3):before,
.tem01-score.i4-5 i:nth-child(1):before,
.tem01-score.i4-5 i:nth-child(2):before,
.tem01-score.i4-5 i:nth-child(3):before,
.tem01-score.i4-5 i:nth-child(4):before,
.tem01-score.i1-0 i:nth-child(1):before,
.tem01-score.i2-0 i:nth-child(1):before,
.tem01-score.i2-0 i:nth-child(2):before,
.tem01-score.i3-0 i:nth-child(1):before,
.tem01-score.i3-0 i:nth-child(2):before,
.tem01-score.i3-0 i:nth-child(3):before,
.tem01-score.i4-0 i:nth-child(1):before,
.tem01-score.i4-0 i:nth-child(2):before,
.tem01-score.i4-0 i:nth-child(3):before,
.tem01-score.i4-0 i:nth-child(4):before,
.tem01-score.i5-0 i:nth-child(1):before,
.tem01-score.i5-0 i:nth-child(2):before,
.tem01-score.i5-0 i:nth-child(3):before,
.tem01-score.i5-0 i:nth-child(4):before,
.tem01-score.i5-0 i:nth-child(5):before {
 content:"\eba6";
 color:inherit
}
.tem01-score.OFF i {
 cursor:default
}
.tem02-pro-detail-sm .anchored_link {
 display:none
}
.tem02-pro-detail-sm .fixed {
 position:static
}
.tem02-pro-detail-sm .fixed .anchored_link {
 position:relative;
 padding:0 10px;
 display:block;
 background-color:#fff
}
.tem02-pro-detail-sm .fixed .anchored_link ul {
 border-bottom:2px solid #ddd
}
.tem02-pro-detail-sm .fixed .anchored_link li {
 float:left;
 line-height:40px;
 margin-right:24px
}
.tem02-pro-detail-sm .fixed .anchored_link li .link_a {
 display:block;
 position:relative;
 font-size:14px;
 color:inherit;
 cursor:pointer
}
.tem02-pro-detail-sm .fixed .anchored_link li.active .link_a:after {
 content:"";
 top:100%;
 left:0;
 width:100%;
 position:absolute;
 border-bottom:2px solid
}
.tem02-pro-detail-sm .fixed.position_fixed {
 position:fixed;
 top:0;
 z-index:101;
 box-shadow:0 6px 12px rgba(0,0,0,.1)
}
.tem02-pro-detail-sm .fixed.position_fixed .anchored_link ul {
 border:none
}
.tem02-pro-detail-sm .ai_video video {
 width:100%;
 display:block;
 margin:0 auto
}
@media (min-width:1200px) {
 .tem02-pro-detail-sm .ai_video video {
  width:85%
 }
}
.tem09-title {
 text-align:left
}
.tem09-title .title-header {
 position:relative;
 padding:0 20px;
 border-color:#ccc
}
.tem09-title .title-header::before {
 content:"";
 position:absolute;
 left:0;
 top:7px;
 width:1px;
 height:80%;
 background-color:rgba(121,121,121,.15)
}
.tem09-title .title-header::after {
 content:"";
 position:absolute;
 left:0;
 top:7px;
 width:4px;
 height:10px;
 border-color:inherit;
 border-left-width:4px;
 border-left-style:solid;
 transition:all 0.6s ease-in-out 0s;
 -moz-transition:all 0.6s ease-in-out 0s;
 -ms-transition:all 0.6s ease-in-out 0s;
 -webkit-transition:all 0.6s ease-in-out 0s;
 -o-transition:all 0.6s ease-in-out 0s
}
.tem09-title .title-header:hover::after {
 height:80%
}
.tem09-title .subtitle {
 font-size:13px;
 color:#aaa;
 line-height:30px
}
.tem09-title .more {
 display:none
}
@media (max-width:768px) {
 .tem09-title .tem09-list-title {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem09-title.full-screen-spacing .full-screen .tem09-list-title {
  padding-left:3%!important;
  padding-right:3%!important
 }
}
.mainlist .tem09-list-title,
.maindetail .tem09-list-title {
 text-align:left;
 padding:15px 0
}
.mainlist .tem09-list-title .title-header,
.maindetail .tem09-list-title .title-header {
 position:relative;
 padding:0 20px
}
.mainlist .tem09-list-title .title-header::before,
.maindetail .tem09-list-title .title-header::before {
 position:absolute;
 content:"";
 left:0;
 height:80%;
 width:1px;
 background-color:#efefef;
 top:7px
}
.mainlist .tem09-list-title .title-header::after,
.maindetail .tem09-list-title .title-header::after {
 position:absolute;
 content:"";
 left:0;
 height:10px;
 width:4px;
 background-color:#ccc;
 top:7px;
 transition:all 0.6s ease-in-out 0s;
 -moz-transition:all 0.6s ease-in-out 0s;
 -ms-transition:all 0.6s ease-in-out 0s;
 -webkit-transition:all 0.6s ease-in-out 0s;
 -o-transition:all 0.6s ease-in-out 0s
}
.mainlist .tem09-list-title .title-header:hover::after,
.maindetail .tem09-list-title .title-header:hover::after {
 background-color:#414141;
 height:80%
}
.mainlist .tem09-list-title .subtitle,
.maindetail .tem09-list-title .subtitle {
 color:#aaa;
 line-height:30px
}
.mainlist .tem09-list-title .more,
.maindetail .tem09-list-title .more {
 display:none
}
.tem01-related-products {
 padding-top:15px;
 padding-bottom:0;
 background:#f4f4f4
}
.tem01-related-products-sm .interval {
 padding:0 5px
}
.tem01-related-products-sm .headline {
 font-size:18px;
 color:#333;
 margin:30px 0 20px
}
.tem01-related-products-sm .column {
 padding:0 10px;
 margin-bottom:20px
}
.tem01-related-products-sm .images {
 position:relative;
 overflow:hidden;
 min-height: 300px;
 max-height: 345px;
}
.tem01-related-products-sm .images img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 -o-transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 -ms-transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 -moz-transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 -webkit-transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s
}
.tem01-related-products-sm .column:hover .images img {
 opacity:.85;
}
.tem01-related-products-sm .caption {
 -o-transition:all 0.6s ease-out 0s;
 -moz-transition:all 0.6s ease-out 0s;
 -ms-transition:all 0.6s ease-out 0s;
 -webkit-transition:all 0.6s ease-out 0s;
 transition:all 0.6s ease-out 0s;
 text-align:center;
 width:100%
}
.tem01-related-products-sm .title {
 color:#565656;
 font-size:20px;
 padding:15px 0 2px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 -o-transition:all 0.3s ease-out 0s;
 -ms-transition:all 0.3s ease-out 0s;
 -moz-transition:all 0.3s ease-out 0s;
 -webkit-transition:all 0.3s ease-out 0s;
 transition:all 0.3s ease-out 0s;
 margin: 10px auto;
}
.tem01-related-products-sm .description {
 font-size:14px;
 color:#929292;
 margin-top:10px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 -o-transition:all 0.3s ease-out 0s;
 -ms-transition:all 0.3s ease-out 0s;
 -moz-transition:all 0.3s ease-out 0s;
 -webkit-transition:all 0.3s ease-out 0s;
 transition:all 0.3s ease-out 0s;
 padding-right: 10px;
}
@media (max-width:991px) {
 .tem01-related-products-sm .main .column {
  width:33.3333%;
  padding:0 10px;
  margin:5px 0
 }
 .tem01-related-products-sm .title {
  padding:5px 0 2px
 }
 .tem01-related-products-sm .btnview {
  margin-top:5px
 }
}
@media (max-width:768px) {
 .tem01-related-products-sm .container {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem01-related-products-sm.full-screen-spacing .container {
  padding-left:0!important;
  padding-right:0!important
 }
  .tem01-related-products-sm .images {
	height: 200px;
}
 .tem01-related-products-sm .interval {
  padding:0
 }
}
@media (max-width:480px) {
 .tem01-related-products-sm .description {
  font-size:12px;
  margin-top:5px
 }
 .tem01-related-products-sm .main .headline {
  font-size:17px!important;
  margin:30px 0 15px
 }
 .tem01-related-products-sm .main .column {
  width:50%;
  padding:0 7px
 }
}
@media (max-width:320px) {
 .tem01-related-products-sm .main .column {
  width:100%;
  padding:0 15px
 }
 .tem01-related-products-sm .main .headline {
  font-size:16px!important
 }
}
.tem02-related-products {
 padding-bottom:15px;
 background:none
}
.tem02-pro-detail .leftlist .relate {
 border:1px solid #ccc;
 padding-top:15px
}
.tem02-pro-detail .leftlist .imgbar-full {
 overflow:hidden;
 vertical-align:middle;
 width:100%
}
.tem02-pro-detail .leftlist .imgbar-full img {
 width:100%;
 height:100%;
 min-height:100%;
 -webkit-transition:opacity 1s,-webkit-transform 1s;
 transition:opacity 1s,transform 1s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.tem02-pro-detail .leftlist .imgbar-full:hover img {
 opacity:.4;
 -webkit-transform:scale3d(1.1,1.1,1);
 transform:scale3d(1.1,1.1,1)
}
.tem02-pro-detail .leftlist .col-md-4 {
 float:none;
 width:100%;
 padding:0
}
.tem02-pro-detail .leftlist .caption a {
 color:#333
}
.tem02-pro-detail .leftlist h3,
.tem02-pro-detail .leftlist .h3 {
 font-size:16px;
 text-transform:uppercase;
 line-height:20px;
 padding:10px 15px;
 margin:0;
 font-weight:300
}
.tem02-pro-detail .relate {
 background:#fff
}
.tem02-pro-detail .leftlist .relate .thumbnail {
 border-radius:0;
 border:0;
 border-bottom:1px solid #eee;
 padding:0;
 margin-bottom:10px
}
.tem02-pro-detail .leftlist .relate .thumbnail:last-child {
 margin:0;
 border:0
}
.tem02-pro-detail .leftlist .relate h5,
.tem02-pro-detail .leftlist .relate .h5 {
 font-size:12px;
 line-height:20px;
 margin:0;
 height:40px;
 line-height:20px;
 overflow:hidden
}
.tem02-pro-detail .leftlist .relate .thumbnail .caption {
 color:#333;
 padding:9px 0
}
@media(max-width:640px) {
 .tem02-pro-detail .leftlist .relate .col-xs-6 {
  width:50%
 }
 .tem02-pro-detail .leftlist .imgbar-full {
  height:240px
 }
}
@media(max-width:480px) {
 .tem02-pro-detail .leftlist .relate .col-xs-6 {
  width:100%
 }
 .tem02-pro-detail .leftlist .imgbar-full {
  height:auto
 }
}
.tem01-detail-comment {
 padding:10px 0;
 background:#f9f9f9
}
.tem01-detail-comment h3,
.tem01-detail-comment .h3 {
 font-size:18px
}
.tem01-detail-comment .comment-list {
 border-bottom:1px solid #eaeaea;
 padding:15px;
 margin:0
}
.tem01-detail-comment .reply.comment-list {
 padding:10px 40px
}
.tem01-detail-comment .reply.comment-list .title {
 font-size:14px;
 color:#ff4949
}
.tem01-detail-comment .media.comment-list:hover {
 background:#f9f9f9
}
.tem01-detail-comment .media-heading {
 font-size:15px;
 color:#222
}
.tem01-detail-comment .media-text {
 margin-bottom:5px;
 color:#666;
 font-size:14px;
 line-height:22px
}
.tem01-detail-comment .media-bottom .media-time {
 font-style:normal;
 font-family:arial;
 color:#aaa
}
.tem01-detail-comment .comment-pages {
 margin:15px 0 30px
}
.tem01-detail-comment .comment-pages a {
 margin:0 5px 5px 0
}
.tem01-detail-comment .yzmbox {
 position:relative
}
.tem01-detail-comment .yzmbox a {
 position:absolute;
 top:5px;
 right:20px
}
.tem01-detail-comment .form-control-feedback {
 top:10px;
 display:none!important
}
.tem01-detail-comment .bv-form .help-block {
 position:relative
}
.tem41-footer .top {
 padding:30px 0 20px
}
.tem41-footer h4,
.tem41-footer .h4,
.tem41-footer h4 p,
.tem41-footer .h4 p {
 font-weight:400;
 text-align:left;
 font-size:20px
}
.tem41-footer h4,
.tem41-footer .h4 {
 color:#7C818E;
 font-weight:700;
 font-size:16px
}
.tem41-footer .links-info {
 display:block;
 font-weight:300;
 font-size:12px;
 line-height:25px
}
.tem41-footer .phone {
 color:#d9d9d9;
 font-family:Georgia;
 font-size:26px
}
.tem41-footer .phone img {
 max-width:100%
}
.tem41-footer .tem02-footer-grids ul li {
 margin-bottom:5px;
 font-size:14px;
 list-style-type:none;
 line-height:180%
}
.tem41-footer .tem02-footer-grids ul li a {
 color:#9A9A9A;
 text-decoration:none
}
.tem41-footer .tem02-footer-grids ul li a:hover {
 color:#fff
}
.tem41-footer .tem02-footer-grids h4 a,
.tem41-footer .tem02-footer-grids .h4 a {
 color:#D28F3B;
 font-size:2.3em;
 text-decoration:none
}
.tem41-footer .flogo {
 width:100%;
 margin-bottom:20px
}
.tem41-footer .flogo img {
 width:auto
}
.tem41-footer .right .title {
 color:#3a3a3a
}
.tem41-footer .right .description {
 color:#999
}
.tem41-footer .right .btn {
 border-radius: 6px;
 margin:20px 0 10px;
 background:#95999F;
 color:#fff;
 border-radius:0;
 padding:15px 30px;
 border:none;
 font-weight:500
}
.tem41-footer .sitemap-link {
 color:#666
}
.tem41-footer .share {
 color:#666
}
.tem41-footer .share a {
 display:inline-block;
 color:inherit;
 font-size:16px
}
.tem41-footer .share a span {
 padding:10px 10px 0 0
}
.tem41-footer .share a span[class*="icon-google-plus"] {
 display:none
}
.tem41-footer .description.desc_ a {
 color:inherit
}
@media (max-width:991px) {
 .tem41-footer .col-xs-6 {
  margin:10px 0
 }
}
@media (max-width:768px) {
 .tem41-footer {
  display:none
 }
}
.tem06-copyright {
 background-color:rgba(0,0,0,.9);
 padding:10px 0
}
.tem06-copyright .copyright {
 color:#999;
 font-size:12px;
 line-height:20px;
 text-align:center;
 margin-top:5px
}
.tem06-copyright .share-to {
 text-align:center;
 padding:0;
 width:100%
}
.tem06-copyright .share-to a {
 display:inline-block
}
.tem06-copyright .share-to a span {
 padding:5px 10px 0 0;
 font-size:16px;
 color:#888
}
.tem06-copyright .share-to a span[class*="icon-google-plus"] {
 display:none
}
@media (max-width:767px) {
 .tem06-copyright .share-to a {
  font-size:20px;
  line-height:30px
 }
}
#mqChat-box {
 position:fixed;
 bottom:0;
 right:15px;
 z-index:1038;
 --box-shadow:rgba(0,0,0,.15) 0 1px 15px
}
#mqChat-box.show {
 bottom:30px
}
#mqChat-box.show #mqChat-small {
 display:none
}
#mqChat-box.show #mqChat-show {
 display:block;
 bottom:0
}
#mqChat-box i,
#mqChat-box em,
#mqChat-box dfn {
 font-style:normal
}
#mqChat-box .none,
#mqChat-box [none] {
 display:none
}
#mqChat-small {
 display:flex;
 display:-webkit-flex;
 align-items:center;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 color:inherit;
 cursor:pointer;
 box-shadow:var(--box-shadow)
}
#mqChat-small dfn {
 position:relative
}
#mqChat-small i {
 font-size:25px;
 display:inline-block
}
#mqChat-small span {
 padding:0 10px 0 15px;
 font-size:18px
}
#mqChat-small em {
 opacity:.5
}
#mqChat-small .icon-keyboard_control {
 position:absolute;
 top:0;
 left:2px;
 z-index:1;
 font-size:22px
}
#mqChat-show {
 border-radius:5px;
 overflow:hidden;
 background-color:#FFF;
 width:350px;
 box-shadow:var(--box-shadow)
}
#mqChat-head {
 font-size:18px;
 color:#FFF;
 padding-left:7px;
 position:relative
}
#mqChat-head i {
 cursor:pointer;
 position:absolute;
 right:15px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 width:28px;
 height:28px
}
#mqChat-head i::after,
#mqChat-head i::before {
 content:"";
 position:absolute;
 width:20px;
 height:2px;
 background-color:#fff;
 left:50%;
 top:50%;
 margin-left:-10px;
 margin-top:-1px
}
#mqChat-head i::after {
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg)
}
#mqChat-head i::before {
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
#mqChat-head i::after {
 transform:rotate()
}
#mqChat-head i:hover {
 background-color:rgba(0,0,0,.1)
}
#mqChat-head span {
 padding:10px;
 display:inline-block
}
#mqChat-chat form {
 border-top:1px solid rgba(0,0,0,.1);
 padding:5px 10px
}
#mqChat-chat .flex {
 display:flex;
 display:-webkit-flex;
 justify-content:space-between;
 align-items:center;
 padding:10px 0;
 position:relative;
 flex-shrink:0
}
#mqChat-chat .flex i {
 font-size:22px;
 opacity:.6
}
#mqChat-chat .flex input {
 position:absolute;
 top:0;
 right:0;
 opacity:0;
 z-index:1;
 cursor:pointer
}
#mqChat-chat .submit {
 flex-shrink:0;
 font-size:14px;
 border-radius:5px;
 padding:5px 15px;
 color:#FFF;
 border:none;
 cursor:pointer
}
#mqChat-chat .tips {
 flex-grow:1;
 text-align:right;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding-right:5px
}
#mqChat-chat .tips:before {
 content:attr(title);
 opacity:.5
}
#mqChat-chat .face {
 border:none;
 outline:none;
 background:none;
 padding:0 10px;
 color:inherit;
 cursor:pointer
}
#mqChat-chat .face:after {
 content:"";
 background:url(../../templates/public4/assets/images/tem01-float_1.png) no-repeat center;
 background-size:cover;
 width:12px;
 height:8px;
 position:absolute;
 top:-1px;
 left:36px;
 z-index:2;
 display:none
}
#mqChat-chat .face:focus:after {
 display:block
}
#mqChat-chat .face:focus .nano {
 display:block
}
#mqChat-chat .nano {
 position:absolute;
 bottom:100%;
 left:0;
 width:100%;
 height:160px;
 overflow-y:auto;
 background-color:#FFF;
 border:1px solid rgba(0,0,0,.1);
 border-radius:5px;
 display:none
}
#mqChat-chat .nano ul {
 padding:12px;
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap
}
#mqChat-chat .nano li {
 width:100%;
 max-width:10%;
 padding-top:10%;
 cursor:pointer;
 position:relative
}
#mqChat-chat .nano li img {
 width:75%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%)
}
#mqChat-chat .nano li:hover {
 background-color:rgba(0,0,0,.05)
}
#mqChat-chat .upload {
 flex-shrink:0;
 position:relative;
 overflow:hidden
}
#mqChat-chat .chat {
 height:370px;
 overflow:hidden;
 overflow-y:auto
}
#mqChat-chat .chat ul {
 display:flex;
 display:-webkit-flex;
 flex-flow:column;
 padding-top:20px
}
#mqChat-chat .chat li {
 padding:0 15px 20px;
 max-width:100%
}
#mqChat-chat .chat em {
 display:block;
 font-size:12px;
 opacity:.5;
 text-align:center;
 padding-bottom:10px
}
#mqChat-chat .chat span {
 text-align:left;
 padding:9px 15px 10px;
 border-radius:5px;
 display:inline-block;
 max-width:100%;
 word-wrap:break-word
}
#mqChat-chat .chat .more {
 font-size:12px;
 text-align:center;
 opacity:.5;
 margin:0 auto 20px;
 padding:0;
 cursor:pointer
}
#mqChat-chat .chat .b2c {
 padding-right:75px
}
#mqChat-chat .chat .b2c em {
 margin-right:-60px
}
#mqChat-chat .chat .b2c span {
 background-color:#F1F2F5
}
#mqChat-chat .chat .c2b {
 padding-left:75px;
 text-align:right
}
#mqChat-chat .chat .c2b em {
 margin-left:-60px
}
#mqChat-chat .chat .c2b span {
 background-color:var(--main-color);
 color:#FFF;
 position:relative
}
#mqChat-chat .chat .c2b i {
 position:absolute;
 top:50%;
 left:-5px;
 transform:translate(-100%,-50%);
 font-size:12px;
 color:#999
}
#mqChat-chat .chat .c2b i:before {
 width:24px;
 height:24px;
 line-height:24px;
 display:inline-block;
 border-radius:100px;
 text-align:center;
 color:#FFF;
 font-size:18px;
 margin-right:5px
}
#mqChat-chat .chat .c2b .loading:before {
 content:" ";
 background:url(../../templates/public4/assets/images/tem01-float_1.gif) no-repeat center;
 background-size:70%;
 vertical-align:-7px
}
#mqChat-chat .chat .c2b .error:before {
 content:"!";
 background:red;
 cursor:pointer;
 vertical-align:-1px
}
#mqChat-chat .chat img {
 border-radius:14px;
 max-width:100%;
 height:auto!important
}
#mqChat-chat .chat img.emoji {
 border-radius:0;
 height:18px!important
}
#mqChat-chat .chat img.pointer {
 cursor:pointer
}
#mqChat-textarea {
 position:relative;
 border-radius:5px;
 background:rgba(236,237,241,.4);
 height:60px;
 overflow-y:auto;
 padding:10px;
 line-height:1.5;
 cursor:text;
 outline:none
}
#mqChat-textarea:before {
 content:attr(title);
 position:absolute;
 top:10px;
 left:10px;
 opacity:.5
}
#mqChat-textarea:focus {
 background:rgba(236,237,241,.6)
}
#mqChat-textarea:focus:before {
 display:none
}
#mqChat-textarea.hideTips:before {
 content:""
}
#mqChat-textarea img {
 max-height:18px
}
#mqChat-show .body.show-form #mqChat-form {
 display:flex!important;
 display:-webkit-flex!important
}
#mqChat-show .body.show-form #mqChat-chat {
 display:none
}
#mqChat-form {
 padding:20px 15px;
 background-color:#FFF;
 align-items:center;
 align-content:center
}
#mqChat-form .form {
 width:100%
}
#mqChat-form .yzmbox {
 position:relative
}
#mqChat-form .yzmbox a {
 position:absolute;
 bottom:4px;
 right:8px
}
#mqChat-form .yzmbox label~.form-control-feedback,
#mqChat-form .yzmbox .help-block {
 display:none!important
}
#mqChat-form .has-feedback label~.form-control-feedback {
 bottom:-10px;
 top:initial
}
#mqChat-form .help-block {
 bottom:8px;
 right:30px
}
@media(min-width:768px) {
 #mqChat-small {
  background-color:#FFF;
  padding:15px 20px
 }
 #mqChat-small .icon-keyboard_control {
  color:#FFF
 }
}
@media(max-width:767px) {
 #mqChat-box {
  bottom:70px;
  right:10px
 }
 #mqChat-box.show {
  bottom:0;
  right:0;
  top:0;
  left:0
 }
 #mqChat-small .icon-bubble,
 #mqChat-small {
  color:#FFF
 }
 #mqChat-small {
  border-radius:100px;
  padding:7px 10px 7px 20px
 }
 #mqChat-small span {
  padding-left:10px;
  font-size:16px
 }
 #mqChat-show {
  border-radius:0;
  width:100%;
  height:100%;
  position:relative;
  padding-top:46px
 }
 #mqChat-show .body {
  height:100%
 }
 #mqChat-head {
  position:absolute;
  top:0;
  left:0;
  right:0
 }
 #mqChat-chat {
  height:100%;
  position:relative;
  padding-bottom:46px
 }
 #mqChat-chat form {
  padding:7px 10px 8px;
  position:absolute;
  bottom:0;
  left:0;
  right:0
 }
 #mqChat-chat .flex {
  padding:0;
  align-items:flex-start
 }
 #mqChat-chat .flex i {
  vertical-align:-10px
 }
 #mqChat-chat .chat {
  height:100%
 }
 #mqChat-chat .tips {
  display:none
 }
 #mqChat-chat .textarea {
  flex-grow:1;
  padding-right:10px
 }
 #mqChat-chat .face:after {
  top:-8px
 }
 #mqChat-chat .nano {
  bottom:38px
 }
 #mqChat-chat .nano ul {
  padding:10px
 }
 #mqChat-chat .nano li {
  max-width:14.2857%;
  padding-top:0
 }
 #mqChat-chat .nano li img {
  max-width:33px;
  position:relative;
  top:0;
  left:0;
  transform:none;
  padding:5px 0 10px;
  display:block;
  margin:auto
 }
 #mqChat-textarea {
  padding:5px 10px;
  height:auto;
  min-height:30px;
  max-height:80px;
  background-color:#ECEDF1
 }
 #mqChat-textarea:before {
  top:5px
 }
}
.tem01-beshare {
 position:fixed;
 z-index:999;
 display:none
}
.show .tem01-beshare {
 display:block
}
.tem01-beshare li {
 margin-bottom:1px;
 overflow:hidden;
 position:relative
}
.tem01-beshare li a {
 display:block;
 overflow:hidden;
 transition:.5s ease 0s;
 color:#fff
}
.tem01-beshare li a span {
 display:block
}
.show.right .tem01-beshare {
 right:0!important;
 bottom:275px
}
.show.left .tem01-beshare {
 left:0!important;
 bottom:275px
}
@media(max-width:767px) {
 .show.right .tem01-beshare {
  bottom:65px;
  top:auto
 }
 #mqChat-small.add .font-color {
  color:#fff
 }
}
.tem01-beshare.addClass {
 z-index:1059;
 display:none;
 -webkit-transform:scale(.8);
 -moz-transform:scale(.8);
 -ms-transform:scale(.8);
 -o-transform:scale(.8);
 transform:scale(.8);
 opacity:0;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 transition:all .5s
}
.left .tem01-beshare.addClass {
 -webkit-transform-origin:bottom left;
 -moz-transform-origin:bottom left;
 -ms-transform-origin:bottom left;
 -o-transform-origin:bottom left;
 transform-origin:bottom left
}
.right .tem01-beshare.addClass {
 -webkit-transform-origin:bottom right;
 -moz-transform-origin:bottom right;
 -ms-transform-origin:bottom right;
 -o-transform-origin:bottom right;
 transform-origin:bottom right
}
.tem01-beshare.addClass.startAnimation {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.tem01-beshare.addClass {
 background-color:var(--main-color)
}
.tem01-beshare.addClass li a {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:flex;
 -webkit-flex-wrap:wrap;
 -moz-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 align-items:center
}
.tem01-beshare.addClass li .text {
 width:auto;
 padding-right:20px;
 text-transform:capitalize;
 font-size:14px
}
.show.left .tem01-beshare.addClass {
 bottom:65px
}
#mqChat-form .form [type="submit"].btn-block {
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 transition:all .3s
}
#mqChat-form .form [type="submit"].btn-block:hover {
 background-color:var(--main-color);
 border-color:var(--main-color);
 color:#fff
}
.add.tem05-float #mqChat-form .form .feedback-tips {
 font-weight:400;
 padding:15px;
 background-color:#f2f2f2
}