.effect-grid02 h3, .effect-grid02 .h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 10px 0 !important;
	border-bottom: 1px dashed #ccc;
	height: 26px;
	line-height: 26px !important;
	overflow: hidden;
}.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:20px;
 height:20px;
 vertical-align:middle;
 margin-right:8px;
 max-width:none
}
.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:20px;
 height:20px;
 vertical-align:middle;
 margin-right:8px;
 max-width:none
}
.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;
  float: right;
 }
 .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;
  padding-right: 25px;
 }
 .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;
  font-size: 14px;
 }
 .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;
  display: none;
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left {
  left:0;
  display: none;
 }
 .tem98-header .head_bottom .navigation nav.add .lr .right {
  right:0;
  display: none;
 }
 .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
 }
}
.tem17-bread {
 position:relative;
 background-size:100% auto;
 margin-bottom:50px
}
.tem17-bread .image {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.tem17-bread .image img {
 visibility:hidden
}
.tem17-bread img {
 width:100%
}
.tem17-bread .tem17-bread-ms {
 position:absolute;
 bottom:-36px;
 left:0;
 width:100%
}
.tem17-bread .tem17-bread-ms .bread-box {
 width:100%
}
.tem17-bread .tem17-bread-ms .tem01-location {
 margin:0;
 line-height:25px;
 color:#333;
 max-height:25px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.tem17-bread .tem17-bread-ms .tem01-location a,
.tem17-bread .tem17-bread-ms .tem01-location a:hover,
.tem17-bread .tem17-bread-ms .tem01-location a:focus,
.tem17-bread .tem17-bread-ms .tem01-location span {
 color:inherit!important
}
@media (max-width:768px) {
 .tem17-bread .tem17-bread-ms {
  bottom:-30px
 }
 .tem17-bread .tem17-bread-ms .tem01-location {
  text-align:left;
  font-size:14px;
  line-height:24px;
  max-height:48px
 }
}
.tem20-side {
 margin-bottom:15px;
 display:inline-block;
 width:100%
}
.tem20-side .wrap {
 color:#333
}
.tem20-side .menu_tg {
 float:left;
 font-size:22px;
 display:none;
 text-align:center;
 padding:10px
}
.tem20-side .wrap .title {
 padding:2.5vw;
 color:inherit;
 font-size:24px;
 font-weight:600;
 text-align:center;
 color:#fff
}
.tem20-side .list-group {
 margin:0;
 color:inherit;
 border-color:inherit;
 clear:both;
 width:100%
}
.tem20-side .list-group a:not(.active) {
 color:inherit;
 transition:.1s;
 display:flex;
 display:-webkit-flex
}
.tem20-side .list-group-item {
 padding:0;
 margin:0;
 border:none;
 color:inherit
}
.tem20-side .list-group-item:hover,
.tem20-side .list-group-item:active {
 border-color:transparent!important;
 color:inherit!important
}
.tem20-side .list-group .bg-color {
 color:#fff
}
.tem20-side .list-group2 {
 border-color:inherit
}
.tem20-side li ul {
 transition:.5s;
 overflow:hidden
}
.tem20-side .click_ li:not(.click)>ul,
.tem20-side .hover_ li:not(:hover)>ul {
 max-height:0!important
}
.tem20-side .list-group2 .list-group2_item {
 border-color:inherit
}
.tem20-side .list-group2 .list-group2_item a {
 padding:10px 20px;
 border-color:inherit
}
.tem20-side .list-menu {
 display:none
}
.tem20-side .list-menu:hover {
 opacity:.7
}
.tem20-side li a {
 display:flex;
 padding:15px 10px 15px 30px;
 display:-webkit-flex;
 flex-wrap:nowrap
}
.tem20-side li em {
 font-style:normal;
 transition:.4s
}
.tem20-side li {
 background-color:transparent
}
.tem20-side .i1 ul {
 background-color:rgba(0,0,0,.03)
}
.tem20-side .i3>a {
 padding-left:50px
}
.tem20-side .i4>a {
 padding-left:70px
}
.tem20-side .i5>a {
 padding-left:90px
}
.tem20-side .i6>a {
 padding-left:110px
}
.tem20-side li .icon {
 width:20px;
 height:20px;
 border-color:#333;
 position:relative;
 flex-shrink:0;
 margin-right:10px;
 display:none;
 margin-left:-30px;
 transform:translateX(6px)
}
.tem20-side li .icon::before,
.tem20-side li .icon::after {
 position:absolute;
 content:"";
 width:9px;
 border-top:1px solid;
 top:50%;
 left:6px;
 transition:.5s;
 border-color:inherit
}
.tem20-side li .icon::before {
 transform:rotate(-90deg);
 -moz-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg)
}
.tem20-side li.click>a>.icon::before {
 transform:rotate(0);
 -moz-transform:rotate(0);
 -webkit-transform:rotate(0)
}
@media (max-width:991px) {
 .tem20-side .list-group2,
 .tem20-side .list-group3 {
  box-shadow:none
 }
 .tem20-side .list-group2 {
  position:static;
  margin-left:0
 }
 .tem20-side .list-group2 em {
  opacity:.8
 }
 .tem20-side .icon-more2 {
  font-size:14px
 }
}
@media (max-width:768px) {
 .tem20-side {
  display:none
 }
 .tem20-side .list-group {
  transition:.5s;
  overflow:hidden
 }
 .tem20-side .wrap:not(.show-ground) .list-group {
  max-height:0!important
 }
 .tem20-side .title {
  display:inline-block;
  float:left;
  max-width:70%;
  padding:5px 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
 .tem20-side .list-menu {
  float:right;
  max-width:30%
 }
 .tem20-side .list-menu {
  display:block
 }
 .tem20-side .menu_tg {
  display:block
 }
 .tem20-side .list-menu {
  padding:12px 10px 0 0;
  font-size:20px
 }
 .tem20-side li a {
  padding:10px 3%
 }
 .tem20-side li em {
  font-size:14px!important
 }
 .tem20-side .list-group2 .list-group2 em {
  font-size:12px!important
 }
 .tem20-side .list-group2 a {
  padding-left:6%;
  padding-top:8px;
  padding-bottom:8px
 }
 .tem20-side .wrap .title {
  padding:12px 0;
  background-color:transparent;
  color:inherit;
  font-weight:400
 }
 .tem20-side li a {
  padding:10px 12px 10px 30px
 }
}
.tem09-list-picture-text {
 width:100%;
 overflow:hidden;
 margin:10px 0;
 display:inline-block
}
.tem09-list-picture-text .col-lg-6:nth-of-type(1) {
 padding:0 10px 0 0;
 margin-bottom:15px
}
.tem09-list-picture-text .col-lg-6:nth-of-type(2) {
 padding:0 0 0 10px
}
.tem09-list-picture-text .title {
 font-size:24px;
 color:#333;
 margin-bottom:15px
}
.tem09-list-picture-text .description {
 font-size:14px;
 color:#666;
 line-height:24px
}
.tem09-list-picture-text img {
 width:100%
}
@media (max-width:767px) {
 .tem09-list-picture-text .col-lg-6 {
  padding:0
 }
 .tem09-list-picture-text .title {
  margin-bottom:10px
 }
}
.tem89-pro ul {
 list-style:none;
 margin:0;
 padding:0
}
.tem89-pro .navBar {
 background-color:#000
}
.tem89-pro .navBar ul {
 padding:2% 0;
 text-align:center;
 border-color:#222;
 color:#FFF
}
.tem89-pro .navBar span {
 padding:0 24px;
 line-height:34px;
 display:inline-block;
 position:relative;
 cursor:pointer;
 white-space:nowrap;
 z-index:1
}
.tem89-pro .navBar a {
 color:inherit!important;
 text-decoration:none!important
}
.tem89-pro .navBar li {
 border-color:inherit;
 margin:3px;
 display:inline-block;
 position:relative
}
.tem89-pro .navBar li:before,
.tem89-pro .navBar li:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border:17px solid;
 border-radius:30px;
 border-color:inherit;
 opacity:0;
 transition:.5s
}
.tem89-pro .navBar li:after {
 transform:translateY(10px);
 -webkit-filter:blur(10px);
 -moz-filter:blur(10px);
 -ms-filter:blur(10px);
 -o-filter:blur(10px);
 filter:blur(10px)
}
.tem89-pro .navBar li:hover:before,
.tem89-pro .navBar .active:before {
 opacity:1
}
.tem89-pro .navBar li:hover:after,
.tem89-pro .navBar .active:after {
 opacity:.5
}
.tem89-pro .navBar li:hover,
.tem89-pro .navBar .active,
.tem89-pro .items {
 color:#FFF
}
.tem89-pro .items ul {
 padding:4% 0;
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 align-items:stretch;
 margin:0 -8px
}
.tem89-pro .items li {
 padding:0 8px;
 transition:.5s
}
.tem89-pro .items a {
 height:100%;
 padding-bottom:80px;
 color:inherit;
 position:relative;
 display:block;
 transition:.5s
}
.tem89-pro .items img {
 width:100%;
 opacity:0
}
.tem89-pro .items .wow {
 height:100%
}
.tem89-pro .items .image {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 height:100%;
 transition:.2s
}
.tem89-pro .items .text {
 padding:30px 0;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 transition:.2s
}
.tem89-pro .items .title {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.tem89-pro .items .description {
 display:none
}
.tem89-pro.content-middle .items {
 text-align:center
}
.tem89-pro.content-right .items {
 text-align:right
}
.tem89-pro .items li.OFF {
 transform:scale(0);
 width:0;
 padding:0!important;
 margin:0;
 opacity:0;
 flex:none
}
[template-layout="2"] .tem89-pro .navBar li:last-child,
[template-layout="3"] .tem89-pro .navBar li:last-child {
 display:none
}
.tem89-pro>.container {
 width:100%;
 padding:0!important
}
.tem89-pro .full-screen .container {
 width:100%
}
@media(min-width:769px) {
 .tem89-pro .items .text {
  opacity:.5
 }
 .tem89-pro .items a:hover .image {
  opacity:.6;
  transform:translateY(-10px)
 }
 .tem89-pro .items a:hover .text {
  opacity:1
 }
}
@media(max-width:768px) {
 .tem89-pro .items .text {
  padding:15px 0
 }
 .tem89-pro .items ul {
  margin:0 -1%;
  padding-bottom:0
 }
 .tem89-pro .items a {
  padding-bottom:50px
 }
 .tem89-pro .main {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem89-pro.full-screen-spacing .main {
  padding-left:0!important;
  padding-right:0!important
 }
}
.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:#9a9a9a
}
.tem41-footer .right .description {
 color:#999
}
.tem41-footer .right .btn {
 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
}
