.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
 }
}
.d-interval {
 padding:20px 0 10px
}
.red {
 color:red
}
.green {
 color:#7CBA1F
}
.grey {
 color:#aaa
}
.gray {
 color:#999
}
.mockup {
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 overflow:hidden
}
.mockup,
.mockup .left,
.mockup .right {
 padding:0
}
.mockup .left-p {
 padding:0 30px 0 0
}
.mockup .right-p {
 padding:0 0 0 30px
}
.mockup .cont {
 margin:0 auto;
 max-width:500px;
 padding:60px 50px
}
.mockup .cont-section {
 padding:30px 0;
 overflow:hidden
}
.mockup img {
 max-width:100%
}
@media (max-width:767px) {
 .mockup .left-p,
 .mockup .right-p {
  padding:15px 0
 }
 .mockup .cont {
  padding:20px 15px
 }
 .mockup .cont-section {
  padding:15px 0
 }
}
.d-font-size-fix {
 font-size:0
}
.d-clearfix .col-lg-2:nth-of-type(6n+1),
.d-clearfix .col-lg-3:nth-of-type(4n+1),
.d-clearfix .col-lg-4:nth-of-type(3n+1),
.d-clearfix .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
@media (max-width:767px) {
 .d-clearfix .col-xs-6:nth-of-type(n) {
  clear:none
 }
 .d-clearfix .col-xs-6:nth-of-type(2n+1) {
  clear:both
 }
}
@media (max-width:480px) {
 .d-clearfix .col-xs-6 {
  clear:both;
  width:100%
 }
}
.flexBoxWrap {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap
}
.flexBoxWrap:after,
.flexBoxWrap:before {
 position:absolute
}
@media(max-width:400px) {
 .flexBoxWrap .col-xs-6 {
  width:100%
 }
}
@media(max-width:767px) {
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-xs-6,
 _:future {
  width:49.932%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-xs-4,
 _:future {
  width:33.289%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-xs-3,
 _:future {
  width:24.959%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-xs-2,
 _:future {
  width:16.645%
 }
}
@media(min-width:768px) {
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-sm-6,
 _:future {
  width:49.932%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-sm-4,
 _:future {
  width:33.289%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-sm-3,
 _:future {
  width:24.959%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-sm-2,
 _:future {
  width:16.645%
 }
}
@media(min-width:992px) {
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-md-6,
 _:future {
  width:49.932%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-md-4,
 _:future {
  width:33.289%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-md-3,
 _:future {
  width:24.959%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-md-2,
 _:future {
  width:16.645%
 }
}
@media(min-width:1200px) {
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-lg-6,
 _:future {
  width:49.932%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-lg-4,
 _:future {
  width:33.289%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-lg-3,
 _:future {
  width:24.959%
 }
 ::-webkit-full-page-media,
 :root .flexBoxWrap>.col-lg-2,
 _:future {
  width:16.645%
 }
}
.col-lg-2_4 {
 float:left;
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
@media(max-width:767px) {
 .col-xs-2_4 {
  width:20%
 }
 .d-clearfix .col-xs-2_4:nth-child(5n+1) {
  clear:both
 }
}
@media(min-width:768px) and (max-width:991px) {
 .col-sm-2_4 {
  width:20%
 }
 .d-clearfix .col-sm-2_4:nth-child(5n+1) {
  clear:both
 }
}
@media(min-width:992px) and (max-width:1199px) {
 .col-md-2_4 {
  width:20%
 }
 .d-clearfix .col-md-2_4:nth-child(5n+1) {
  clear:both
 }
}
@media(min-width:1200px) {
 .col-lg-2_4 {
  width:20%
 }
 .d-clearfix .col-lg-2_4:nth-child(5n+1) {
  clear:both
 }
}
.black-line-left,
.black-line-right,
.white-line-left,
.white-line-right {
 width:60px;
 height:3px;
 border-top-style:solid;
 border-top-width:1px;
 margin-top:10px;
 padding-bottom:0
}
.black-line-left,
.black-line-right {
 border-top-color:#2f3035
}
.white-line-left,
.white-line-right {
 border-top-color:#fff
}
.black-line-right,
.white-line-right {
 float:right
}
.pull-right .black-line-right,
.pull-right .white-line-right {
 float:none
}
.black-line-top,
.black-line-bottom,
.white-line-top,
.white-line-bottom {
 width:3px;
 height:60px;
 border-left-style:solid;
 border-left-width:1px;
 margin-left:10px;
 padding-right:0
}
.black-line-top,
.black-line-bottom {
 border-left-color:#2f3035
}
.white-line-top,
.white-line-bottom {
 border-left-color:#fff
}
.black-line-top {
 margin-top:-10px
}
.black-line-bottom {
 margin-bottom:-10px
}
.pull-right .black-line-top,
.pull-right .black-line-bottom {
 margin-right:10px;
 margin-left:auto
}
.black-line-center,
.white-line-center {
 border-top-style:solid;
 border-top-width:1px;
 height:2px;
 margin:10px auto;
 position:relative;
 width:50px
}
.white-line-center {
 border-top-color:#fff
}
.tem01-screen .tem01-screen-jumbotron {
 background-color:rgba(0,0,0,.7);
 border-radius:0;
 width:70%;
 color:#fff;
 text-align:center;
 margin:40px auto
}
.tem01-screen h1,
.tem01-screen .h1 {
 margin:0 0 15px;
 font-size:30px
}
.tem01-screen .tem01-screen-jumbotron p {
 font-size:14px;
 font-weight:400
}
.tem01-screen .heading {
 color:#fff
}
.tem01-screen .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem01-screen .tem01-screen-jumbotron {
 background-color:rgba(0,0,0,.7);
 border-radius:0;
 width:70%;
 color:#fff;
 text-align:center;
 margin:40px auto
}
.d-tem01-screen h1,
.d-tem01-screen .h1 {
 margin:0 0 15px;
 font-size:30px
}
.d-tem01-screen .tem01-screen-jumbotron p {
 font-size:14px;
 font-weight:400
}
.d-tem01-screen .heading {
 color:#fff
}
.d-tem01-screen .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem04-thumb .thumbnail {
 padding:0;
 border:none
}
.tem04-thumb .caption {
 padding:0
}
.tem04-thumb .caption h3,
.tem04-thumb .caption .h3 {
 font-weight:500;
 line-height:22px;
 height:auto
}
.tem04-thumb .caption p {
 font-size:13px;
 color:#999
}
.d-tem04-product .thumbnail {
 padding:0;
 border:none
}
.d-tem04-product .caption {
 padding:0
}
.d-tem04-product .caption h3,
.d-tem04-product .caption .h3 {
 font-weight:500;
 line-height:22px;
 height:auto
}
.d-tem04-product .caption p {
 font-size:13px;
 color:#999
}
.d-tem06-product .thumbnail .caption h3,
.d-tem06-product .thumbnail .caption .h3 {
 margin-top:0
}
.d-tem01-features .cont-div {
 padding:10px 10px;
 display:flex;
 display:-webkit-felx
}
.d-tem01-features .cont-div img {
 display:block;
 width:100%
}
.d-tem01-features .cont-div .left {
 width:50%
}
.d-tem01-features .cont-div .right {
 width:50%;
 padding-top:20px
}
.d-tem01-features .cont-div .right .pl5 {
 display:flex;
 align-items:flex-end
}
.d-tem01-features .cont-div .features-text {
 width:30px;
 font-size:16px;
 margin-right:-35px;
 margin-top:60px;
 border:1px solid #333
}
.d-tem01-features .cont-div .right .features-text {
 margin:0 0 80px -35px;
 display:inline-block;
 transform:translateZ(10px)
}
@media (max-width:767px) {
 .d-tem01-features .cont-div .features-text {
  width:26px;
  font-size:14px;
  margin-right:-33px;
  padding:10px 0
 }
 .d-tem01-features .cont-div .right .features-text {
  margin:0 0 80px -33px
 }
}
.d-tem02-features.d-tem01-features .cont-div .left {
 padding-top:20px
}
.d-tem02-features.d-tem01-features .cont-div .right {
 padding:0
}
.d-tem03-features .cont-div {
 padding-bottom:20px;
 display:flex;
 display:-webkit-flex;
 justify-content:center;
 -webkit-justify-content:center;
 align-items:flex-end;
 -webkit-align-items:flex-end
}
.d-tem03-features .cont-div img {
 display:block;
 width:100%
}
.d-tem03-features .cont-div .left {
 width:60%
}
.d-tem03-features .cont-div .right {
 width:40%;
 margin-left:-10px
}
.d-tem03-features .cont-div .right .pic {
 border:1px solid #ddd;
 margin-bottom:-20px;
 padding:20px
}
.d-tem04-features.d-tem03-features .cont-div .left {
 width:40%;
 margin-right:-10px;
 z-index:1
}
.d-tem04-features.d-tem03-features .cont-div .left .pic {
 border:1px solid #ddd;
 margin-bottom:-20px;
 padding:20px
}
.d-tem04-features.d-tem03-features .cont-div .right {
 width:60%;
 margin-left:0
}
.d-tem04-features.d-tem03-features .cont-div .right .pic {
 border:none;
 margin-bottom:0;
 padding:0
}
.d-tem05-features.d-tem03-features .cont-div {
 padding-bottom:10px;
 align-items:flex-start;
 -webkit-align-items:flex-start
}
.d-tem05-features.d-tem03-features .cont-div .left {
 margin-top:20px
}
.d-tem06-features.d-tem04-features.d-tem03-features .cont-div {
 padding-bottom:10px;
 align-items:flex-start;
 -webkit-align-items:flex-start
}
.d-tem06-features.d-tem04-features.d-tem03-features .cont-div .right {
 margin-top:20px
}
.d-tem01-brand {
 position:relative
}
.d-tem01-brand::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem01-brand .col-xs-6 {
 height:220px;
 overflow:hidden
}
.d-tem01-brand .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem01-brand .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem01-brand .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem01-brand .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem01-brand .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem02-brand {
 position:relative
}
.d-tem02-brand::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem02-brand .col-xs-6 {
 height:220px;
 overflow:hidden
}
.d-tem02-brand .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem02-brand .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem02-brand .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem02-brand .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem02-brand .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem03-brand {
 position:relative
}
.d-tem03-brand::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem03-brand .col-xs-6 {
 height:220px;
 overflow:hidden;
 width:20%
}
.d-tem03-brand .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem03-brand .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem03-brand .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem03-brand .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem03-brand .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem04-brand .col-xs-6 {
 padding:0 10px;
 margin:7px 0
}
.d-tem04-brand .images {
 border:1px solid rgba(121,121,121,.25);
 position:relative;
 padding-top:60%;
 transition:all 0.3s ease-in 0s
}
.d-tem04-brand .col-xs-6:hover .images {
 border-color:rgba(121,121,121,.5)
}
.d-tem04-brand .images img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.d-tem04-brand .title {
 font-size:12px;
 color:#333;
 width:100%;
 text-align:center;
 line-height:35px;
 height:35px;
 overflow:hidden
}
.d-tem04-brand .certified_add .col-lg-2:nth-of-type(6n+1),
.d-tem04-brand .certified_add .col-lg-3:nth-of-type(4n+1),
.d-tem04-brand .certified_add .col-lg-4:nth-of-type(3n+1),
.d-tem04-brand .certified_add .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem04-brand .certified_add .images {
 position:static;
 padding:0
}
.d-tem04-brand .certified_add .images img {
 position:static;
 height:auto;
 width:auto;
 max-width:100%;
 display:block;
 margin:0 auto
}
.d-tem06-brand .col-lg-4 {
 width:20%
}
@media (max-width:767px) {
 .d-tem06-brand .col-xs-6 {
  width:50%
 }
}
.d-tem07-brand .col-xs-4,
.d-tem07-brand .col-xs-6 {
 padding:0
}
.d-tem07-brand .images {
 border:1px solid rgba(255,255,255,.1);
 position:relative;
 padding-top:70%;
 transition:all 0.3s ease 0s
}
.d-tem07-brand .images img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.d-tem07-brand .title {
 font-size:12px;
 color:#333;
 width:100%;
 text-align:center;
 line-height:35px;
 height:35px;
 overflow:hidden
}
.d-tem07-brand .certified_add .col-lg-2:nth-of-type(6n+1),
.d-tem07-brand .certified_add .col-lg-3:nth-of-type(4n+1),
.d-tem07-brand .certified_add .col-lg-4:nth-of-type(3n+1),
.d-tem07-brand .certified_add .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem07-brand .certified_add .images {
 position:static;
 padding:0
}
.d-tem07-brand .certified_add .images img {
 position:static;
 height:auto;
 width:auto;
 max-width:100%;
 display:block;
 margin:0 auto
}
@media (max-width:480px) {
 .d-tem07-brand .col-xs-4,
 .d-tem07-brand .col-xs-6 {
  width:50%!important
 }
}
.d-tem09-brand .col-lg-4 {
 width:20%
}
@media (max-width:767px) {
 .d-tem09-brand .col-xs-6 {
  width:50%
 }
}
.d-tem00-case .col-lg-2:nth-of-type(6n+1),
.d-tem00-case .col-lg-3:nth-of-type(4n+1),
.d-tem00-case .col-lg-4:nth-of-type(3n+1),
.d-tem00-case .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem01-case {
 margin:10px 0
}
.d-tem01-case .col-xs-12 {
 padding:0
}
.d-tem01-case .item {
 width:100%;
 overflow:hidden
}
.d-tem01-case .item:hover .images img {
 transform:scale(1.1)
}
.d-tem01-case .item {
 width:100%
}
.d-tem01-case .item .images {
 float:left;
 width:50%;
 height:100%;
 overflow:hidden
}
.d-tem01-case .item .images img {
 width:100%;
 height:100%;
 transition:all 1s ease 0s
}
.d-tem01-case .text {
 float:right;
 width:50%;
 background:#fff;
 position:relative;
 padding:15px;
 text-align:center;
 height:100%
}
.d-tem01-case .text::before {
 content:"";
 position:absolute;
 border-style:solid;
 border-color:transparent #fff transparent transparent;
 border-width:14px 15px;
 width:0;
 height:0;
 left:-24px;
 top:50%;
 z-index:2;
 margin-top:-14px
}
.d-tem01-case .text .description {
 font-size:12px;
 color:#666;
 width:100%;
 text-align:center;
 line-height:22px;
 margin:20px 0;
 max-height:44px;
 overflow:hidden
}
.d-tem01-case .text .title {
 font-size:20px;
 height:60px;
 line-height:60px;
 overflow:hidden;
 margin:40px 0 0
}
.d-tem01-case .text span {
 width:20px;
 height:1px;
 display:block;
 margin:20px auto 0
}
.d-tem02-case .box {
 overflow:hidden;
 width:100%;
 position:relative;
 margin-bottom:10px
}
.d-tem02-case .item {
 width:100%;
 position:relative;
 overflow:hidden;
 padding-top:100%
}
.d-tem02-case a {
 transition:all 0.3s ease-in-out 0s
}
.d-tem02-case .item img {
 width:100%;
 background-color:rgba(121,121,121,.3);
 padding:2px;
 position:absolute;
 height:100%;
 left:0;
 top:0;
 transition:all 0.5s ease 0s;
 -moz-transition:all 0.5s ease 0s;
 -o-transition:all 0.5s ease 0s;
 -ms-transition:all 0.5s ease 0s;
 -webkit-transition:all 0.5s ease 0s
}
.d-tem02-case .text {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:70px;
 overflow:hidden;
 padding:10px;
 background:rgba(0,0,0,.7)
}
.d-tem02-case .text img {
 max-width:50px;
 height:50px;
 float:left;
 position:absolute;
 left:10px;
 top:10px
}
.d-tem02-case .text .title {
 width:100%;
 padding:0 0 0 60px;
 font-size:16px;
 line-height:25px;
 font-weight:300;
 margin-top:0;
 margin-bottom:5px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#fff
}
.d-tem02-case .text small {
 width:100%;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:12px;
 padding:0 0 0 60px;
 color:rgba(255,255,255,.8)
}
.d-tem03-case .wrap {
 width:100%;
 border:1px solid #ddd;
 padding:10px 15px
}
.d-tem03-case .wrap .top {
 position:relative;
 bottom:1px solid #eee;
 padding:5px 0
}
.d-tem03-case .wrap .top .img {
 width:100%
}
.d-tem03-case .wrap .top .img img {
 width:100%
}
.d-tem03-case .wrap .top .title {
 position:absolute;
 width:100%;
 left:0;
 bottom:0;
 background-color:rgba(0,0,0,.5);
 color:#fff;
 padding:15px;
 font-size:16px
}
.d-tem03-case .wrap .bottom {
 border-top:1px solid #eee;
 clear:both;
 padding:5px 0;
 margin:5px 0;
 display:inline-block;
 width:100%
}
.d-tem03-case .wrap .bottom .img {
 width:20%;
 float:right
}
.d-tem03-case .wrap .bottom .img img {
 width:100%
}
.d-tem03-case .wrap .bottom .title {
 width:78%;
 float:left
}
.d-tem01-talent .item {
 width:100%;
 display:block;
 transition:all 0.36s ease;
 -moz-transition:all 0.36s ease;
 -webkit-transition:all 0.36s ease
}
.d-tem01-talent .item:hover {
 box-shadow:0 0 0 rgba(0,0,0,.15)
}
.d-tem01-talent .item .images {
 width:100%;
 overflow:hidden
}
.d-tem01-talent .item img {
 width:100%;
 transition:all 0.36s ease;
 -moz-transition:all 0.36s ease;
 -webkit-transition:all 0.36s ease
}
.d-tem01-talent .item:hover img {
 transform:scale(1.1);
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1)
}
.d-tem01-talent .item .text {
 width:100%;
 padding:14px 10px
}
.d-tem01-talent .item .text .title {
 display:inline-block;
 font-size:16px;
 color:#333;
 margin-right:10px
}
.d-tem01-talent .item .text .subtitle {
 font-size:14px;
 color:#777;
 display:inline-block
}
.d-tem01-talent .item .text .description {
 font-size:13px;
 color:#999;
 line-height:26px;
 margin-top:10px
}
.d-tem01-talent .col-lg-2:nth-of-type(6n+1),
.d-tem01-talent .col-lg-3:nth-of-type(4n+1),
.d-tem01-talent .col-lg-4:nth-of-type(3n+1),
.d-tem01-talent .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem02-talent .col-md-6 {
 padding:0 5px
}
.d-tem02-talent h3,
.d-tem02-talent .h3 {
 max-height:66px;
 line-height:33px;
 overflow:hidden
}
.d-tem02-talent .text {
 padding:50px
}
.d-tem02-talent .description {
 line-height:25px;
 max-height:155px;
 margin:10px 0 15px;
 overflow:hidden;
 padding:0 15px 0 0
}
.d-tem02-talent .img img {
 width:100%;
 transition:opacity 0.35s;
 -webkit-transition:opacity 0.35s;
 cursor:pointer
}
.d-tem02-talent .img:hover img {
 opacity:.7
}
.d-tem02-talent {
 height:300px
}
.d-tem02-talent .description {
 border-right-style:solid;
 border-right-width:1px;
 max-height:155px
}
.d-tem02-talent .text {
 padding:0;
 margin-bottom:10px
}
.d-tem02-talent .team-bg-block {
 height:1px;
 margin-bottom:5px;
 width:60px;
 margin-left:8px
}
@media (max-width:991px) {
 .d-tem02-talent .text {
  padding:10px;
  margin-bottom:10px
 }
 .d-tem02-talent .img {
  position:static;
  padding-top:0
 }
 .d-tem02-talent .img img {
  position:static
 }
 .d-tem02-talent h2,
 .d-tem02-talent .h2 {
  font-size:26px
 }
}
@media (max-width:480px) {
 .d-tem02-talent .col-xs-6 {
  width:100%
 }
}
.tem01-title h2,
.tem01-title .h2 {
 margin:0 0 15px;
 font-size:22px
}
.tem01-title .heading {
 color:#1c1c1c
}
.tem01-title .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem01-title h2,
.d-tem01-title .h2 {
 margin:0 0 15px;
 font-size:22px
}
.d-tem01-title .heading {
 color:#1c1c1c
}
.d-tem01-title .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem04-title h2,
.tem04-title .h2 {
 position:relative;
 font-size:22px;
 padding-left:12px
}
.tem04-title h2::before,
.tem04-title .h2::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:2px;
 background:#666
}
.d-tem04-title h2,
.d-tem04-title .h2 {
 position:relative;
 font-size:22px;
 padding-left:12px
}
.d-tem04-title h2::before,
.d-tem04-title .h2::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:2px;
 background:#666
}
.tem05-title h2,
.tem05-title .h2 {
 position:relative;
 font-size:22px;
 padding-right:12px
}
.tem05-title h2::before,
.tem05-title .h2::before {
 content:"";
 position:absolute;
 right:0;
 top:0;
 height:100%;
 width:2px;
 background:#666
}
.d-tem05-title h2,
.d-tem05-title .h2 {
 position:relative;
 font-size:22px;
 padding-right:12px
}
.d-tem05-title h2::before,
.d-tem05-title .h2::before {
 content:"";
 position:absolute;
 right:0;
 top:0;
 height:100%;
 width:2px;
 background:#666
}
.tem06-title h2,
.tem06-title .h2 {
 border-bottom:1px solid #ccc
}
.d-tem06-title h2,
.d-tem06-title .h2 {
 border-bottom:1px solid #ccc
}
.tem07-title {
 width:100%;
 overflow:hidden
}
.tem07-title .title {
 font-size:22px
}
.tem07-title .title .title-border {
 display:inline-block;
 position:relative
}
.tem07-title .title .title-border::before {
 position:absolute;
 content:"";
 width:60px;
 height:1px;
 border-bottom:1px solid;
 border-color:inherit;
 left:-75px;
 top:50%
}
.tem07-title .title .title-border::after {
 position:absolute;
 content:"";
 width:60px;
 height:1px;
 border-bottom:1px solid;
 border-color:inherit;
 right:-75px;
 top:50%
}
.tem07-title .subtitle {
 font-size:12px;
 width:100%;
 text-align:center;
 margin:10px 0;
 color:#999
}
.d-tem07-title {
 width:100%;
 overflow:hidden
}
.d-tem07-title .title {
 font-size:22px
}
.d-tem07-title .title .title-border {
 display:inline-block;
 position:relative
}
.d-tem07-title .title .title-border::before {
 position:absolute;
 content:"";
 width:60px;
 height:1px;
 border-bottom:1px solid;
 border-color:inherit;
 left:-75px;
 top:50%
}
.d-tem07-title .title .title-border::after {
 position:absolute;
 content:"";
 width:60px;
 height:1px;
 border-bottom:1px solid;
 border-color:inherit;
 right:-75px;
 top:50%
}
.d-tem07-title .subtitle {
 font-size:12px;
 width:100%;
 text-align:center;
 margin:10px 0;
 color:#999
}
.tem08-title {
 text-align:center;
 width:100%;
 overflow:hidden
}
.tem08-title .title {
 font-size:22px
}
.tem08-title .subtitle {
 font-size:13px;
 width:100%;
 text-align:center;
 margin:10px 0
}
.tem08-title .subtitle .subtitle-border {
 display:inline-block;
 position:relative;
 opacity:.8
}
.tem08-title .subtitle .subtitle-border::before {
 position:absolute;
 content:"";
 width:30px;
 height:1px;
 border-bottom:1px solid #888;
 left:-40px;
 top:50%
}
.tem08-title .subtitle .subtitle-border::after {
 position:absolute;
 content:"";
 width:30px;
 height:1px;
 border-bottom:1px solid #888;
 right:-40px;
 top:50%
}
.d-tem08-title {
 text-align:center;
 width:100%;
 overflow:hidden
}
.d-tem08-title .title {
 font-size:22px
}
.d-tem08-title .subtitle {
 font-size:13px;
 width:100%;
 text-align:center;
 margin:10px 0
}
.d-tem08-title .subtitle .subtitle-border {
 display:inline-block;
 position:relative;
 opacity:.8
}
.d-tem08-title .subtitle .subtitle-border::before {
 position:absolute;
 content:"";
 width:30px;
 height:1px;
 border-bottom:1px solid #888;
 left:-40px;
 top:50%
}
.d-tem08-title .subtitle .subtitle-border::after {
 position:absolute;
 content:"";
 width:30px;
 height:1px;
 border-bottom:1px solid #888;
 right:-40px;
 top:50%
}
.d-tem09-title {
 text-align:left
}
.d-tem09-title .title-header {
 position:relative;
 border-color:#ccc;
 padding:0 20px
}
.d-tem09-title .title-header::before {
 content:"";
 position:absolute;
 left:0;
 top:7px;
 width:1px;
 height:80%;
 background-color:rgba(121,121,121,.15)
}
.d-tem09-title .title-header::after {
 content:"";
 position:absolute;
 left:0;
 top:7px;
 width:4px;
 height:10px;
 border-color:#999;
 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
}
.d-tem09-title .title-header:hover::after {
 height:80%
}
.d-tem09-title .subtitle {
 font-size:13px;
 color:#aaa;
 line-height:30px
}
.d-tem10-title {
 text-align:left
}
.d-tem10-title .title {
 position:relative;
 transition:all 0.6s ease-in-out 0s;
 padding-left:40px;
 border-color:#666
}
.d-tem10-title .title::before {
 position:absolute;
 content:"";
 width:30px;
 border-top:1px solid;
 border-color:inherit;
 height:1px;
 top:50%;
 left:0;
 transition:all 0.6s ease-in-out 0s;
 opacity:1
}
.d-tem10-title .subtitle {
 font-size:13px;
 color:#aaa;
 line-height:30px
}
.d-tem11-title {
 text-align:center;
 width:100%;
 overflow:hidden
}
.d-tem11-title .title-section {
 position:relative
}
.d-tem11-title .title-section::before {
 position:absolute;
 content:"";
 background:#eee;
 width:100%;
 height:1px;
 left:0;
 bottom:0
}
.d-tem11-title .title {
 font-size:22px
}
.d-tem11-title .title-header {
 width:100%;
 position:relative
}
.d-tem11-title .subtitle {
 font-size:13px;
 width:100%;
 text-align:center;
 margin:10px 0;
 position:relative;
 color:#999;
 min-height:20px;
 border-color:#333
}
.d-tem11-title .subtitle::before {
 position:absolute;
 content:"";
 width:50px;
 height:2px;
 border-bottom:2px solid;
 border-color:inherit;
 left:50%;
 bottom:-10px;
 margin-left:-25px
}
.d-tem12-title .title-header {
 width:100%
}
.d-tem12-title .subtitle {
 text-align:left;
 font-size:14px
}
.d-tem12-title .title {
 font-size:22px;
 width:100%;
 text-align:left;
 margin:0 0 10px;
 display:inline-block;
 position:relative;
 border-color:#333
}
.d-tem12-title .title::before {
 position:absolute;
 content:"";
 width:40px;
 height:2px;
 border-bottom:2px solid;
 border-color:inherit;
 left:0;
 bottom:-10px
}
.d-tem13-title .title-header {
 width:80px;
 height:80px;
 border:2px solid #999;
 position:relative
}
.d-tem13-title .box {
 position:absolute;
 top:16px;
 left:40px;
 text-align:left;
 background:#fff;
 width:500px;
 height:60px;
 overflow:hidden;
 padding:5px 0
}
.d-tem13-title .box .title {
 color:#333;
 width:100%;
 font-size:22px
}
.d-tem13-title .box .subtitle {
 font-size:14px;
 color:#999
}
.d-tem14-title {
 border-bottom:1px solid #e8e8e8;
 padding:20px 0;
 width:100%
}
.d-tem14-title .title {
 display:inline-block;
 position:relative;
 z-index:1;
 color:#555;
 border-color:#000;
 font-size:22px
}
.d-tem14-title .subtitle {
 font-size:14px;
 line-height:30px;
 min-height:20px;
 color:#999;
 display:inline-block;
 margin-left:5px;
 z-index:1
}
.d-tem15-title .title-header {
 float:left
}
.d-tem15-title .title {
 display:inline-block;
 position:relative;
 z-index:1;
 font-size:22px
}
.d-tem15-title .title::after {
 height:2px;
 content:"";
 left:0;
 position:absolute;
 top:100%;
 width:34px;
 border-bottom:2px solid;
 border-color:inherit
}
.d-tem15-title .subtitle {
 font-size:14px;
 line-height:30px;
 min-height:20px;
 color:#aaa;
 display:inline-block;
 margin-left:10px;
 position:relative;
 z-index:1
}
.d-tem16-title .border {
 border-bottom:1px solid rgba(121,121,121,.3);
 width:100%;
 overflow:hidden
}
.d-tem16-title .floor {
 font-size:14px;
 width:25px;
 height:25px;
 text-align:center;
 line-height:25px;
 border:1px solid;
 border-radius:50%;
 display:inline-block;
 float:left
}
.d-tem16-title .title-header {
 float:left;
 padding:0 10px
}
.d-tem16-title .title {
 display:inline-block;
 position:relative;
 z-index:1;
 font-size:22px;
 color:#555
}
.d-tem17-title .title-header {
 width:100%;
 position:relative;
 overflow:hidden
}
.d-tem17-title .title-header::after {
 position:absolute;
 content:"";
 height:1px;
 border-top:1px solid;
 top:50%;
 display:inline-block;
 width:100%;
 border-color:inherit
}
.d-tem17-title .title-header .title {
 font-size:18px;
 color:#222;
 display:inline-block;
 margin-right:20px
}
.d-tem18-title .title-header {
 width:100%
}
.d-tem18-title .title {
 width:100%;
 font-size:16px;
 color:#626262;
 line-height:26px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 margin-bottom:30px;
 position:relative;
 border-color:#ccc;
 z-index:1
}
.d-tem18-title .title::after {
 content:"";
 position:absolute;
 left:0;
 top:50%;
 border-top:1px solid;
 border-color:inherit;
 width:100%;
 height:1px;
 z-index:-1
}
.d-tem18-title .subtitle {
 font-weight:300;
 color:#232323;
 font-size:30px;
 line-height:40px
}
.d-tem19-title .title {
 font-size:22px;
 color:#333;
 text-align:center
}
.d-tem19-title .text {
 width:100%;
 text-align:center;
 position:relative;
 border-color:#aaa
}
.d-tem19-title .text::after {
 position:absolute;
 content:"";
 width:100%;
 height:1px;
 border-top:1px solid;
 border-color:inherit;
 left:0;
 top:50%;
 z-index:-1;
 margin-top:1px
}
.d-tem19-title .text .subtitle {
 position:relative;
 display:inline-block;
 font-size:12px;
 color:#999;
 letter-spacing:8px;
 padding:0 10px 0 20px;
 background-color:#fff;
 z-index:2;
 border-color:inherit
}
.d-tem19-title .text .subtitle::before {
 position:absolute;
 content:"";
 width:6px;
 height:6px;
 border-radius:50%;
 border:3px solid;
 border-color:inherit;
 left:0;
 top:50%;
 margin-top:-3px
}
.d-tem19-title .text .subtitle::after {
 position:absolute;
 content:"";
 width:6px;
 height:6px;
 border-radius:50%;
 border:3px solid;
 border-color:inherit;
 right:0;
 top:50%;
 margin-top:-3px
}
.d-tem20-title {
 width:100%;
 font-size:0;
 position:relative;
 text-align:center
}
.d-tem20-title::after {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 top:50%;
 border-top:1px solid;
 border-color:inherit;
 z-index:-1;
 left:0
}
.d-tem20-title .title-header {
 display:inline-block;
 border-left:1px solid;
 border-right:1px solid;
 border-color:inherit;
 background:#fff;
 padding:0 15px
}
.d-tem20-title .title {
 font-size:16px
}
.d-tem20-title .description {
 font-size:14px;
 color:#666
}
.d-tem21-title .title-header {
 width:100%;
 font-size:0;
 border-bottom:1px solid;
 border-color:inherit
}
.d-tem21-title .title-header .title {
 font-size:16px;
 padding:6px 20px;
 color:#fff;
 display:inline-block
}
@media (max-width:480px) {
 .d-tem21-title .title-header .title {
  font-size:14px;
  padding:6px 15px
 }
}
.d-tem22-title .title-header {
 width:100%;
 font-size:0;
 position:relative;
 text-align:center;
 z-index:1
}
.d-tem22-title.content-left .title-header {
 text-align:left
}
.d-tem22-title.content-right .title-header {
 text-align:right
}
.d-tem22-title .title-header::after {
 position:absolute;
 content:"";
 width:100%;
 height:100%;
 top:50%;
 border-top:1px solid;
 border-color:inherit;
 z-index:-1;
 left:0
}
.d-tem22-title .title-header .title {
 font-size:16px;
 padding:6px 25px;
 color:#fff;
 display:inline-block;
 border-radius:200px
}
@media (max-width:480px) {
 .t-tem22-title .title-header .title {
  font-size:14px;
  padding:5px 20px
 }
}
.d-tem23-title .title {
 font-size:22px
}
.d-tem23-title .subtitle {
 font-size:14px;
 padding-top:5px;
 color:#999;
 margin:20px 0 10px
}
.d-tem23-title .box {
 background-color:#FFF;
 padding:10px 0;
 margin-top:-100px;
 position:relative;
 z-index:1
}
.d-tem23-title .block {
 width:160px;
 height:140px;
 margin:auto;
 position:relative;
 border-bottom:1px solid #333
}
.d-tem23-title .block:before,
.d-tem23-title .block:after {
 content:"";
 width:100%;
 height:0;
 display:block;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:inherit;
 position:absolute;
 bottom:0
}
.d-tem23-title .block:before {
 transform:rotate(-60deg) translateX(50%);
 left:-50%
}
.d-tem23-title .block:after {
 transform:rotate(60deg) translateX(-50%);
 right:-50%
}
.d-tem24-title .title {
 font-size:22px
}
.d-tem24-title .subtitle {
 font-size:14px;
 padding-top:5px;
 color:#999
}
.d-tem24-title .box {
 background-color:#FFF;
 padding:10px 0;
 margin-top:-120px;
 position:relative;
 z-index:1
}
.d-tem24-title .block {
 width:160px;
 height:140px;
 margin:auto;
 position:relative;
 border-bottom:1px solid #333;
 transform:rotate(180deg)
}
.d-tem24-title .block:before,
.d-tem24-title .block:after {
 content:"";
 width:100%;
 height:0;
 display:block;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:inherit;
 position:absolute;
 bottom:0
}
.d-tem24-title .block:before {
 transform:rotate(-60deg) translateX(50%);
 left:-50%
}
.d-tem24-title .block:after {
 transform:rotate(60deg) translateX(-50%);
 right:-50%
}
.d-tem25-title .title-container {
 display:block;
 text-align:center
}
.d-tem25-title .box {
 display:inline-block;
 background:rgba(0,0,0,.85);
 padding:30px
}
.d-tem25-title .title-header {
 padding:40px 20px;
 background:#fff
}
.d-tem25-title .title-header .title {
 width:100%;
 text-align:center
}
.d-tem25-title .title-header .subtitle {
 font-size:14px;
 width:100%;
 color:#999;
 margin-top:5px
}
.d-tem26-title .title {
 font-size:26px
}
.d-tem26-title .subtitle {
 font-size:14px;
 margin-top:5px;
 color:#999
}
.d-tem26-title .block {
 display:inline-block;
 height:208px;
 position:relative;
 border-left-color:#333
}
.d-tem26-title .box {
 background-color:#FFF;
 height:100%;
 padding:42px 0;
 position:relative;
 border-width:30px;
 border-style:solid;
 border-color:inherit
}
.d-tem26-title .block:before,
.d-tem26-title .block:after,
.d-tem26-title .box:before,
.d-tem26-title .box:after {
 content:"";
 width:0;
 height:0;
 display:block;
 border-style:solid;
 border-color:transparent;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 z-index:1
}
.d-tem26-title .block:before,
.d-tem26-title .block:after {
 border-width:104px
}
.d-tem26-title .box:before,
.d-tem26-title .box:after {
 border-width:74px
}
.d-tem26-title .box:after {
 border-left-color:#FFF;
 border-left-width:37px;
 right:-110px;
 z-index:2
}
.d-tem26-title .box:before {
 border-right-color:#FFF;
 border-right-width:37px;
 left:-111px
}
.d-tem26-title .block:after {
 border-left-color:inherit;
 border-left-width:52px;
 right:-156px
}
.d-tem26-title .block:before {
 border-right-color:inherit;
 border-right-width:52px;
 left:-156px
}
.d-tem27-title {
 text-align:center
}
.d-tem27-title .title {
 font-size:20px;
 line-height:1;
 position:relative;
 border-color:#F75455;
 color:#F75455;
 border-top-width:2px;
 border-top-style:solid;
 padding:30px 60px 0
}
.d-tem27-title .title:before,
.d-tem27-title .title:after {
 content:"";
 position:absolute;
 width:50px;
 height:100%;
 top:-2px;
 border-width:2px;
 border-style:solid;
 border-color:inherit
}
.d-tem27-title .title:before {
 left:0;
 border-right-width:0
}
.d-tem27-title .title:after {
 right:0;
 border-left-width:0
}
.d-tem27-title .title,
.d-tem27-title section {
 display:inline-block
}
@media (max-width:767px) {
 .d-tem27-title .title {
  padding-top:20px
 }
}
.d-tem28-title p {
 padding:0;
 margin:0
}
.d-tem28-title .subtitle {
 background-color:#FFF;
 color:#333;
 padding:.5em .3em;
 line-height:1;
 font-size:10px;
 letter-spacing:.3em;
 display:inline-block;
 box-shadow:0 5px 10px rgba(11,11,11,.1);
 font-size:12px
}
.d-tem28-title .title {
 font-size:42px;
 line-height:1;
 padding:.4em 0 .2em
}
.d-tem28-title .description {
 font-size:16px;
 line-height:1.5;
 letter-spacing:.11em;
 color:#CCC
}
.content-left .d-tem28-title {
 text-align:left
}
.content-middle .d-tem28-title {
 text-align:center
}
.content-right .d-tem28-title {
 text-align:right
}
.d-tem29-title .heading {
 width:calc(100% - 40px);
 height:30px;
 line-height:30px;
 color:#fff;
 font-size:18px;
 margin:0;
 padding:0 10px
}
.d-tem29-title .square {
 width:30px;
 height:30px;
 background:#f40;
 font-size:0!important
}
.d-tem01-series .col-sm-6 {
 border-width:0 1px 0 0;
 border-style:dashed;
 border-color:#ddd;
 margin:10px 0
}
.d-tem01-series .col-sm-6:last-child {
 border-width:0
}
.d-tem01-series .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem01-series .thumbnail .caption {
 padding:5px 10px
}
.d-tem01-series .thumbnail h3,
.d-tem01-series .thumbnail .h3 {
 font-size:16px;
 font-weight:700;
 margin:10px 0
}
.d-tem01-series .thumbnail p {
 margin:5px 0
}
.d-tem03-series .col-md-2_4 {
 border-width:0 1px 0 0;
 border-style:dashed;
 border-color:#ddd;
 margin:10px 0
}
.d-tem03-series .col-md-2_4:last-child {
 border-width:0
}
@media (max-width:950px) {
 .d-tem03-series .col-md-2_4:nth-of-type(3n+1) {
  clear:both
 }
}
@media (max-width:767px) {
 .d-tem03-series .col-md-2_4:nth-of-type(3n+1) {
  clear:none
 }
 .d-tem03-series .col-sm-2_4:nth-of-type(2n+1) {
  clear:both
 }
}
@media (max-width:480px) {
 .d-tem03-series .col-xs-2_4 {
  clear:none
 }
 .d-tem03-series .col-sm-2_4:nth-of-type(2n+1) {
  clear:none
 }
}
.d-tem01-process .box img {
 width:80px;
 height:80px
}
.d-tem01-process .item {
 width:20%;
 float:left;
 color:#333
}
.d-tem01-process .item:nth-child(n+5) .box::before,
.d-tem01-process .item:nth-child(n+16) .box::before {
 content:"\e8b0";
 right:-10px;
 left:auto
}
.d-tem01-process .item:nth-child(n+11) .box::before,
.d-tem01-process .item:nth-child(n+21) .box::before {
 content:"\f205";
 left:-10px;
 right:auto
}
.d-tem01-process .item:nth-child(n+5),
.d-tem01-process .item:nth-child(n+15) {
 float:right
}
.d-tem01-process .item:nth-child(n+10),
.d-tem01-process .item:nth-child(n+20) {
 float:left
}
.d-tem01-process .item:nth-child(16),
.d-tem01-process .item:nth-child(17),
.d-tem01-process .item:nth-child(18),
.d-tem01-process .item:nth-child(19),
.d-tem01-process .item:nth-child(20) {
 float:right
}
.d-tem01-process .item:nth-child(5n+1) {
 clear:both
}
.d-tem01-process .item:nth-child(5) .box::before {
 content:""
}
.d-tem01-process .item:nth-child(10n-4) .box::before {
 transform:rotate(-90deg);
 left:50%;
 right:auto;
 top:-35px;
 margin-left:-9px
}
.d-tem01-process .item:nth-child(16) .box::before {
 transform:rotate(90deg)
}
.d-tem01-process .item:nth-child(17) .box::before,
.d-tem01-process .item:nth-child(18) .box::before,
.d-tem01-process .item:nth-child(19) .box::before,
.d-tem01-process .item:nth-child(20) .box::before {
 right:-10px;
 left:auto;
 content:"\f654"
}
.d-tem01-process .item:nth-child(10n+1) .box::before {
 transform:rotate(90deg);
 right:50%;
 left:auto;
 top:-35px;
 margin-right:-9px
}
.d-tem01-process .box {
 text-align:center;
 -o-transition:all .4s ease-in 0s;
 -ms-transition:all .4s ease-in 0s;
 -moz-transition:all .4s ease-in 0s;
 -webkit-transition:all .4s ease-in 0s;
 transition:all .4s ease-in 0s;
 margin-bottom:40px;
 position:relative;
 color:#fff
}
.d-tem01-process .item:nth-child(1) .box::before,
.d-tem01-process .item .box::before {
 position:absolute;
 content:"\f205";
 right:-10px;
 top:28px;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 font-size:24px;
 opacity:.5;
 font-family:'icomoon';
 transform:rotate(0);
 color:#333
}
.d-tem01-process .box .icon {
 font-size:30px;
 width:80px;
 height:80px;
 line-height:80px;
 border-radius:50%;
 display:inline-block
}
.d-tem01-process .box .title {
 font-size:14px;
 margin:15px 0 20px;
 overflow:hidden;
 line-height:22px;
 color:#333;
 max-width:100%;
 width:100%
}
@media (max-width:991px) {
 .d-tem01-process .item .box::before {
  font-size:30px;
  top:28px;
  right:-8px
 }
 .d-tem01-process .item:nth-child(10n-4) .box::before {
  margin-right:-8px
 }
 .d-tem01-process .item:nth-child(10n+1) .box::before {
  margin-left:-8px
 }
 .d-tem01-process .item:nth-child(1) .box::before {
  right:-10px!important;
  left:auto!important;
  top:28px!important
 }
 .d-tem01-process .item:nth-child(5n+1) .box::before {
  top:-40px
 }
 .d-tem01-process .box .icon {
  width:60px;
  height:60px;
  line-height:60px
 }
}
@media (max-width:480px) {
 .d-tem01-process .item {
  width:33.333%
 }
 .d-tem01-process .item:nth-child(n+3) .box::before,
 .d-tem01-process .item:nth-child(n+10) .box::before,
 .d-tem01-process .item:nth-child(n+19) .box::before,
 .d-tem01-process .item:nth-child(n+28) .box::before {
  content:"\e8b0";
  right:-10px;
  left:auto!important
 }
 .d-tem01-process .item:nth-child(n+7) .box::before,
 .d-tem01-process .item:nth-child(n+13) .box::before {
  content:"\f205";
  left:-10px!important;
  right:auto
 }
 .d-tem01-process .item:nth-child(n+6),
 .d-tem01-process .item:nth-child(n+12),
 .d-tem01-process .item:nth-child(n+18),
 .d-tem01-process .item:nth-child(n+24) {
  float:left
 }
 .d-tem01-process .item:nth-child(n+3),
 .d-tem01-process .item:nth-child(n+9),
 .d-tem01-process .item:nth-child(n+15),
 .d-tem01-process .item:nth-child(n+21) {
  float:right
 }
 .d-tem01-process .item:nth-child(7),
 .d-tem01-process .item:nth-child(8),
 .d-tem01-process .item:nth-child(9),
 .d-tem01-process .item:nth-child(13),
 .d-tem01-process .item:nth-child(14),
 .d-tem01-process .item:nth-child(15),
 .d-tem01-process .item:nth-child(19),
 .d-tem01-process .item:nth-child(20) {
  float:left
 }
 .d-tem01-process .item:nth-child(3n+1) {
  clear:both!important
 }
 .d-tem01-process .item:nth-child(5n+1) {
  clear:none
 }
 .d-tem01-process .item:nth-child(3) .box::before {
  content:""
 }
 .d-tem01-process .item:nth-child(10n-4) .box::before {
  transform:rotate(0);
  right:-10px;
  left:auto;
  top:13px;
  margin-right:0
 }
 .d-tem01-process .item:nth-child(10n+1) .box::before {
  transform:rotate(0);
  left:-10px;
  right:auto;
  top:13px;
  margin-right:0
 }
 .d-tem01-process .item:nth-child(11) .box::before,
 .d-tem01-process .item:nth-child(12) .box::before,
 .d-tem01-process .item:nth-child(17) .box::before,
 .d-tem01-process .item:nth-child(18) .box::before {
  left:auto!important;
  right:0!important;
  transform:rotate(-180deg)
 }
 .d-tem01-process .item:nth-child(6n-2) .box::before {
  transform:rotate(-90deg);
  left:50%!important;
  right:auto;
  top:-50px;
  margin-left:-9px
 }
 .d-tem01-process .item:nth-child(10) .box::before,
 .d-tem01-process .item:nth-child(16) .box::before {
  transform:rotate(90deg)
 }
 .d-tem01-process .item:nth-child(6n+1) .box::before {
  transform:rotate(90deg);
  right:50%!important;
  left:50%!important;
  top:-50px;
  margin-right:-9px
 }
 .d-tem01-process .item:nth-child(1) .box::before {
  transform:rotate(0);
  right:-8px!important;
  left:auto!important;
  top:10px;
  font-size:30px
 }
}
@media (max-width:320px) {
 .d-tem01-process .box img {
  width:60px;
  height:60px
 }
 .d-tem01-process .item .box::before {
  font-size:20px;
  top:18px
 }
 .d-tem01-process .item:nth-child(3n+1) .box::before {
  top:-30px!important;
  margin-left:-4px!important;
  right:0!important
 }
 .d-tem01-process .item:nth-child(1) .box::before {
  font-size:20px;
  top:18px!important
 }
}
.d-tem02-process .box img {
 width:80px;
 height:80px
}
.d-tem02-process .item {
 width:25%;
 float:left;
 color:#333
}
.d-tem02-process .item:nth-child(1) .box::before,
.d-tem02-process .item:nth-child(2) .box::before,
.d-tem02-process .item:nth-child(3) .box::before {
 content:"\f205";
 right:-10px;
 left:auto
}
.d-tem02-process .item:nth-child(4) .box::before {
 opacity:0
}
.d-tem02-process .item:nth-child(6) .box::before,
.d-tem02-process .item:nth-child(7) .box::before,
.d-tem02-process .item:nth-child(8) .box::before {
 content:"\e8b0";
 right:-10px;
 left:auto
}
.d-tem02-process .item:nth-child(10) .box::before,
.d-tem02-process .item:nth-child(11) .box::before,
.d-tem02-process .item:nth-child(12) .box::before {
 content:"\f205";
 left:-10px;
 right:auto
}
.d-tem02-process .item:nth-child(9),
.d-tem02-process .item:nth-child(10),
.d-tem02-process .item:nth-child(11),
.d-tem02-process .item:nth-child(12),
.d-tem02-process .item:nth-child(17),
.d-tem02-process .item:nth-child(18),
.d-tem02-process .item:nth-child(19),
.d-tem02-process .item:nth-child(20) {
 float:left!important
}
.d-tem02-process .item:nth-child(n+4),
.d-tem02-process .item:nth-child(n+12) {
 float:right
}
.d-tem02-process .item:nth-child(4n+1) {
 clear:both
}
.d-tem02-process .item:nth-child(4) .box::before {
 content:""
}
.d-tem02-process .item:nth-child(5) .box::before {
 transform:rotate(90deg);
 left:50%;
 right:auto;
 top:-35px;
 margin-left:-9px
}
.d-tem02-process .item:nth-child(9) .box::before {
 transform:rotate(90deg);
 right:50%;
 left:auto;
 top:-35px;
 margin-right:-9px
}
.d-tem02-process .box {
 text-align:center;
 -o-transition:all .4s ease-in 0s;
 -ms-transition:all .4s ease-in 0s;
 -moz-transition:all .4s ease-in 0s;
 -webkit-transition:all .4s ease-in 0s;
 transition:all .4s ease-in 0s;
 margin-bottom:40px;
 position:relative;
 color:#fff
}
.d-tem02-process .item:nth-child(1) .box::before,
.d-tem02-process .item .box::before {
 position:absolute;
 content:"\f205";
 right:-10px;
 top:28px;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 font-size:24px;
 opacity:.5;
 font-family:'icomoon';
 transform:rotate(0);
 color:#333
}
.d-tem02-process .box .icon {
 font-size:30px;
 width:80px;
 height:80px;
 line-height:80px;
 border-radius:50%;
 display:inline-block
}
.d-tem02-process .box .title {
 font-size:14px;
 margin:15px 0 20px;
 overflow:hidden;
 line-height:22px;
 color:#333;
 max-width:100%;
 width:100%
}
@media (max-width:767px) {
 .d-tem02-process .item {
  width:33.333%;
  float:left!important
 }
 .d-tem02-process .item:nth-child(n) {
  clear:none
 }
 .d-tem02-process .item:nth-child(3n+1) {
  clear:both
 }
 .d-tem02-process .item:nth-child(n) .box::before {
  opacity:0!important
 }
 .d-tem02-process .item:nth-child(n) {
  float:left!important
 }
}
@media (max-width:320px) {
 .d-tem02-process .box img {
  width:60px;
  height:60px
 }
 .d-tem02-process .item:nth-child(n) {
  clear:none
 }
 .d-tem02-process .item:nth-child(2n+1) {
  clear:both
 }
}
.d-tem03-process .col-lg-2:nth-of-type(6n+1),
.d-tem03-process .col-lg-3:nth-of-type(4n+1),
.d-tem03-process .col-lg-4:nth-of-type(3n+1),
.d-tem03-process .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem03-process .tem08-list-title {
 text-align:center;
 margin:10px 0 30px
}
.d-tem03-process .tem08-list-title .title {
 font-size:28px;
 color:#323232
}
.d-tem03-process .wrap {
 counter-reset:div;
 overflow:hidden
}
.d-tem03-process .col-xs-6 {
 position:relative;
 border-color:#dcdcdc;
 padding:0;
 margin:20px 0
}
.d-tem03-process .col-xs-6::before {
 position:absolute;
 content:counter(div,decimal-leading-zero);
 counter-increment:div;
 color:#666;
 z-index:1;
 left:0;
 top:0;
 width:60px;
 height:60px;
 line-height:60px;
 text-align:center;
 z-index:6;
 font-family:"HELVETICANEUELTPRO-THEX",Arial;
 font-size:18px;
 border-radius:50%;
 transition:all .4s linear 0s
}
.d-tem03-process .col-xs-6:hover::before {
 color:#fff!important
}
.d-tem03-process .col-xs-6::after {
 content:"";
 position:absolute;
 top:30px;
 left:68px;
 width:calc(100% - 78px);
 height:1px;
 border-top:1px solid;
 border-color:inherit;
 z-index:3
}
.d-tem03-process .border_HR {
 position:relative;
 left:0;
 top:0;
 width:60px;
 border-radius:50%;
 height:60px;
 z-index:5;
 overflow:hidden
}
.d-tem03-process .border_HR::before {
 content:"";
 position:absolute;
 width:100%;
 height:0;
 left:0;
 top:60px;
 -o-transition:all 0.4s ease-out 0s;
 -moz-transition:all 0.4s ease-out 0s;
 -ms-transition:all 0.4s ease-out 0s;
 -webkit-transition:all 0.4s ease-out 0s;
 transition:all 0.4s ease-out 0s
}
.d-tem03-process .col-xs-6:hover .border_HR::before {
 height:100%;
 top:0
}
.d-tem03-process .wrap .text {
 position:relative;
 top:-60px;
 z-index:4;
 margin-bottom:-60px
}
.d-tem03-process .border {
 border:1px solid;
 border-color:inherit;
 width:60px;
 height:60px;
 border-radius:50%;
 position:relative;
 background:#fff;
 z-index:4
}
.d-tem03-process .text .title {
 font-size:14px;
 line-height:24px;
 color:#646464;
 margin-top:25px;
 padding-top:15px;
 position:relative;
 width:80%;
 overflow:hidden;
 max-width:100%;
 text-align:left;
 margin:25px 0 0
}
.d-tem03-process .text .title::before {
 content:"";
 position:absolute;
 width:20px;
 border-top:1px solid #a0a0a0;
 height:1px;
 left:0;
 top:0;
 transition:all .4s linear 0s
}
.d-tem03-process .col-xs-6:hover .text .title::before {
 border-color:inherit;
 width:100%
}
@media (max-width:991px) {
 .d-tem03-process .col-lg-2,
 .d-tem02-process .col-lg-3 {
  width:33.3333%
 }
 .d-tem03-process .col-lg-2:nth-of-type(n),
 .d-tem02-process .col-lg-3:nth-of-type(n) {
  clear:none
 }
 .d-tem03-process .col-lg-2:nth-of-type(3n+1),
 .d-tem02-process .col-lg-3:nth-of-type(3n+1) {
  clear:both
 }
}
@media (max-width:640px) {
 .d-tem03-process .col-xs-6 {
  width:50%;
  margin:10px 0
 }
 .d-tem03-process .col-xs-6:nth-of-type(n) {
  clear:none
 }
 .d-tem03-process .col-xs-6:nth-of-type(2n+1) {
  clear:both
 }
 .d-tem03-process .tem08-list-title .title {
  font-size:20px
 }
 .d-tem03-process .tem08-list-title {
  margin:10px 0
 }
}
@media (max-width:360px) {
 .d-tem03-process .col-xs-6 {
  width:100%
 }
 .d-tem03-process .col-xs-6:nth-of-type(n) {
  clear:none
 }
 .d-tem03-process .col-xs-6::before {
  font-size:15px;
  height:50px;
  width:50px;
  line-height:50px
 }
 .d-tem03-process .col-xs-6::after {
  left:58px;
  width:calc(100% - 58px)
 }
 .d-tem03-process .border_HR::before {
  top:50px
 }
 .d-tem03-process .border_HR,
 .d-tem02-process .border {
  width:50px;
  height:50px
 }
 .d-tem03-process .wrap .text {
  top:-50px
 }
 .d-tem03-process .text .title {
  height:auto;
  margin-top:10px;
  padding-top:10px
 }
}
.d-tem06-process .con {
 margin-bottom:6px;
 position:relative
}
.d-tem06-process .con:hover {
 transition:0.5s;
 -webkit-transform:scale(1.02);
 -moz-transform:scale(1.02);
 transform:scale(1.02)
}
.d-tem06-process .con>div:nth-child(1) {
 font-size:30px;
 text-align:right
}
.d-tem06-process .con>div:nth-child(1) section {
 display:inline-block
}
.d-tem06-process_bianhao {
 opacity:0;
 -webkit-animation:dongleft 1s both;
 -moz-animation:dongleft 1s both;
 animation:dongleft 1s both
}
@-webkit-keyframes dongleft {
 from {
  -webkit-transform:translateX(-500px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  opacity:1
 }
}
@-moz-keyframes dongleft {
 from {
  -moz-transform:translateX(-500px);
  opacity:0
 }
 to {
  -moz-transform:translateX(0);
  opacity:1
 }
}
@keyframes dongleft {
 from {
  transform:translateX(-500px);
  opacity:0
 }
 to {
  transform:translateX(0);
  opacity:1
 }
}
.d-tem06-process_right1 {
 position:relative;
 opacity:0;
 -webkit-animation:dongright 1s both;
 -moz-animation:dongright 1s both;
 animation:dongright 1s both
}
@-webkit-keyframes dongright {
 from {
  -webkit-transform:translateX(500px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  opacity:1
 }
}
@-moz-keyframes dongright {
 from {
  -moz-transform:translateX(500px);
  opacity:0
 }
 to {
  -moz-transform:translateX(0);
  opacity:1
 }
}
@keyframes dongright {
 from {
  transform:translateX(500px);
  opacity:0
 }
 to {
  transform:translateX(0);
  opacity:1
 }
}
.d-tem06-process .con>div:nth-child(1)>span {
 border-bottom:3px solid #ccc;
 padding-bottom:10px
}
.d-tem06-process .con>div:nth-child(2)>div:nth-child(1) {
 padding:10px 15px;
 border-radius:4px 4px 0 0;
 position:relative;
 font-weight:900;
 position:relative
}
.d-tem06-process .con>div:nth-child(2)>div:nth-child(1) span {
 display:block;
 position:absolute;
 width:10px;
 height:10px;
 left:-5px;
 top:0;
 bottom:0;
 margin:auto;
 transform:rotate(45deg);
 background-color:inherit
}
.d-tem06-process .con>div:nth-child(2)>div:nth-child(2) {
 background-color:#f0f0f0;
 border-radius:0 0 4px 4px;
 padding:10px;
 text-indent:2em
}
.d-tem06-process .con section {
 padding:0
}
@media (max-width:992px) {
 .d-tem06-process .con>div:nth-child(1) {
  font-size:25px
 }
}
@media (max-width:768px) {
 .d-tem06-process {
  padding:0 8px 0 15px
 }
 .d-tem06-process .con>div:nth-child(1) {
  font-size:20px;
  padding:0
 }
 .d-tem06-process .con div {
  font-size:12px
 }
}
.tem01-graphic h2,
.tem01-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.tem01-graphic .heading {
 color:#1c1c1c
}
.tem01-graphic .graphic_pic img {
 max-width:100%
}
.tem01-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem01-graphic h2,
.d-tem01-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.d-tem01-graphic .heading {
 color:#1c1c1c
}
.d-tem01-graphic .graphic_pic img {
 max-width:100%
}
.d-tem01-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem02-graphic h2,
.tem02-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.tem02-graphic .heading {
 color:#1c1c1c
}
.tem02-graphic .graphic_pic img {
 max-width:100%
}
.tem02-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem02-graphic h2,
.d-tem02-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.d-tem02-graphic .heading {
 color:#1c1c1c
}
.d-tem02-graphic .graphic_pic img {
 max-width:100%
}
.d-tem02-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem03-graphic {
 text-align:center
}
.tem03-graphic h2,
.tem03-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.tem03-graphic .heading {
 color:#1c1c1c
}
.tem03-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem03-graphic .sign-cont {
 margin:20px auto;
 text-align:center;
 max-width:500px
}
.d-tem03-graphic {
 text-align:center
}
.d-tem03-graphic h2,
.d-tem03-graphic .h2 {
 margin:0 0 15px;
 font-size:22px
}
.d-tem03-graphic .heading {
 color:#1c1c1c
}
.d-tem03-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem03-graphic .sign-cont {
 margin:20px auto;
 text-align:center;
 max-width:500px
}
.tem04-graphic {
 width:100%
}
.tem04-graphic img {
 display:block;
 margin:0 auto
}
.d-tem04-graphic {
 width:100%
}
.d-tem04-graphic img {
 display:block;
 margin:0 auto
}
.tem07-graphic h2,
.tem07-graphic .h2 {
 margin:0 0 15px;
 font-size:22px;
 width:100%
}
.tem07-graphic .heading {
 color:#1c1c1c
}
.tem07-graphic .graphic_pic {
 width:100%;
 margin:20px 0
}
.tem07-graphic .graphic_pic img {
 max-width:100%
}
.tem07-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.d-tem07-graphic h2,
.d-tem07-graphic .h2 {
 margin:0 0 15px;
 font-size:22px;
 width:100%
}
.d-tem07-graphic .heading {
 color:#1c1c1c
}
.d-tem07-graphic .graphic_pic {
 width:100%;
 margin:20px 0
}
.d-tem07-graphic .graphic_pic img {
 max-width:100%
}
.d-tem07-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
.tem08-graphic h2,
.tem08-graphic .h2 {
 margin:0;
 font-size:42px;
 width:100%;
 text-align:center;
 font-family:Georgia;
 font-style:italic
}
.tem08-graphic-jumbotron {
 width:80%;
 text-align:center;
 background:none;
 color:#fff;
 margin:0 auto
}
.tem08-graphic .description {
 font-size:18px;
 line-height:175%;
 padding-top:10px;
 width:100%;
 text-align:center
}
.d-tem08-graphic h2,
.d-tem08-graphic .h2 {
 margin:0;
 font-size:42px;
 width:100%;
 text-align:center;
 font-family:Georgia;
 font-style:italic
}
.d-tem08-graphic-jumbotron {
 width:80%;
 text-align:center;
 background:none;
 color:#fff;
 margin:0 auto
}
.d-tem08-graphic .description {
 font-size:18px;
 line-height:175%;
 padding-top:10px;
 width:100%;
 text-align:center
}
.tem09-graphic {
 width:100%;
 padding:20px 0
}
.tem09-graphic h2,
.tem09-graphic .h2 {
 margin:0 0 25px;
 font-size:22px;
 width:100%;
 font-weight:400;
 color:#2a2b2c;
 font-family:arial
}
.tem09-graphic .description {
 padding:0
}
.tem09-graphic .description ul li {
 width:100%;
 overflow:hidden;
 padding-bottom:15px
}
.tem09-graphic .description ul li span {
 font-size:16px;
 display:inline-block;
 float:left
}
.tem09-graphic .description ul li a {
 font-size:14px;
 display:inline-block;
 padding-left:10px;
 float:left;
 width:80%
}
.tem09-graphic .description ul li a:hover {
 color:#333
}
.d-tem09-graphic {
 width:100%;
 padding:20px 0
}
.d-tem09-graphic h2,
.d-tem09-graphic .h2 {
 margin:0 0 25px;
 font-size:22px;
 width:100%;
 font-weight:400;
 color:#2a2b2c;
 font-family:arial
}
.d-tem09-graphic .description {
 padding:0
}
.d-tem09-graphic .description ul li {
 width:100%;
 overflow:hidden;
 padding-bottom:15px
}
.d-tem09-graphic .description ul li span {
 font-size:16px;
 display:inline-block;
 float:left
}
.d-tem09-graphic .description ul li a {
 font-size:14px;
 color:#333;
 display:inline-block;
 padding-left:10px;
 float:left;
 width:80%
}
.d-tem09-graphic .description ul li a:hover {
 color:#333
}
.tem11-graphic {
 padding:10px 0
}
.tem11-graphic a {
 color:inherit
}
.tem11-graphic .tab_row {
 position:relative;
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 transition:.3s;
 float:none;
 width:100%;
 padding:0;
 margin-bottom:14px
}
.tem11-graphic .tab_row:last-child {
 margin-bottom:0
}
.tem11-graphic .tab_row .img img {
 width:100%;
 transition:.5s
}
.tem11-graphic .tab_row .text_box .txt {
 padding:14px 20px;
 background-color:#fafafa;
 color:#333;
 display:block;
 transition:.5s
}
.tem11-graphic .tab_row .text_box .title {
 font-size:18px;
 font-weight:700
}
.tem11-graphic .tab_row .text_box .description {
 font-size:14px;
 opacity:.8;
 padding:0
}
@media (min-width:767px) {
 .tem11-graphic .tab_row>div {
  padding:0 10px
 }
 .tem11-graphic .tab_row .img {
  padding:10px
 }
 .tem11-graphic .tab_row .img img:hover,
 .tem11-graphic .tab_row .text_box .txt:hover {
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  transform:translateY(-5px)
 }
}
@media (max-width:767px) {
 .tem11-graphic .tab_row {
  flex-wrap:wrap
 }
 .tem11-graphic .tab_row .img,
 .tem11-graphic .tab_row .text_box {
  width:100%!important
 }
 .tem11-graphic .tab_row .text_box .txt {
  padding:10px 14px
 }
}
.d-tem11-graphic {
 padding:10px 0
}
.d-tem11-graphic a {
 color:inherit
}
.d-tem11-graphic .tab_row {
 position:relative;
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 transition:.3s;
 float:none;
 width:100%;
 padding:0;
 margin-bottom:14px
}
.d-tem11-graphic .tab_row:last-child {
 margin-bottom:0
}
.d-tem11-graphic .tab_row .img img {
 width:100%;
 transition:.5s
}
.d-tem11-graphic .tab_row .text_box .txt {
 padding:14px 20px;
 background-color:#fafafa;
 color:#333;
 display:block;
 transition:.5s
}
.d-tem11-graphic .tab_row .text_box .title {
 font-size:18px;
 font-weight:700
}
.d-tem11-graphic .tab_row .text_box .description {
 font-size:14px;
 opacity:.8;
 padding:0
}
@media (min-width:767px) {
 .d-tem11-graphic .tab_row>div {
  padding:0 10px
 }
 .d-tem11-graphic .tab_row .img {
  padding:10px
 }
 .d-tem11-graphic .tab_row .img img:hover,
 .d-tem11-graphic .tab_row .text_box .txt:hover {
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  transform:translateY(-5px)
 }
}
@media (max-width:767px) {
 .d-tem11-graphic .tab_row {
  flex-wrap:wrap
 }
 .d-tem11-graphic .tab_row .img,
 .d-tem11-graphic .tab_row .text_box {
  width:100%!important
 }
 .d-tem11-graphic .tab_row .text_box .txt {
  padding:10px 14px
 }
}
.tem12-graphic.tem11-graphic .tab_row {
 flex-direction:row-reverse
}
.tem12-graphic.tem11-graphic .tab_row .text_box {
 text-align:right
}
.d-tem12-graphic.tem11-graphic .tab_row {
 flex-direction:row-reverse
}
.d-tem12-graphic.tem11-graphic .tab_row .text_box {
 text-align:right
}
.d-tem13-graphic h2.heading,
.d-tem13-graphic .h2.heading {
 color:#8d8a89;
 margin:-15px 0 0;
 font-size:22px
}
.d-tem13-graphic .graphic_pic {
 padding:3px 3px;
 border:dashed 2px #565757
}
.d-tem13-graphic .graphic_pic img {
 max-width:100%
}
.d-tem13-graphic .title,
.d-tem13-graphic .subtitle {
 color:#1c1c1c;
 font-size:18px
}
.d-tem13-graphic .description {
 color:#888;
 font-size:14px;
 line-height:24px;
 margin-bottom:-10px
}
.d-tem13-graphic .line .black-line-left,
.d-tem13-graphic .line .black-line-right {
 height:1px;
 border-top-color:#ccc
}
.d-tem13-graphic .line .black-line-top,
.d-tem13-graphic .line .black-line-bottom {
 width:1px;
 border-left-color:#ccc
}
.d-tem13-graphic .line.line-bottom .pull-left,
.d-tem13-graphic .line.line-bottom .pull-right {
 padding-top:50px
}
.d-tem13-graphic .line.line-bottom .black-line-bottom {
 margin-top:-50px
}
.d-tem14-graphic .thumbnail {
 padding:0;
 border:none
}
.d-tem14-graphic .caption {
 padding:0
}
.d-tem14-graphic .caption h3,
.d-tem14-graphic .caption .h3 {
 font-weight:500;
 line-height:22px;
 height:auto
}
.d-tem14-graphic .caption p {
 font-size:13px;
 color:#999
}
.d-tem16-graphic .thumbnail .caption h3,
.d-tem16-graphic .thumbnail .caption .h3 {
 margin-top:0
}
.d-tem17-graphic .cont-section {
 position:relative
}
.d-tem17-graphic .jumbotron {
 width:70%;
 padding:40px 5px;
 color:#fff;
 text-align:center;
 background-color:rgba(0,0,0,.7);
 border-radius:0;
 margin:0 auto;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1
}
.d-tem17-graphic h3,
.d-tem17-graphic .h3 {
 margin:0 0 15px;
 font-size:30px
}
.d-tem17-graphic .jumbotron p {
 font-size:14px;
 font-weight:400
}
.d-tem17-graphic .heading {
 color:#fff
}
.d-tem17-graphic .description {
 color:#888;
 font-size:14px;
 line-height:175%;
 padding-top:10px
}
@media (max-width:767px) {
 .d-tem17-graphic .jumbotron {
  padding:20px 5px
 }
 .d-tem17-graphic .jumbotron p {
  margin-bottom:0
 }
 .d-tem17-graphic h3,
 .d-tem17-graphic .h3 {
  margin:0 0 10px;
  font-size:22px
 }
}
.d-tem18-graphic .item {
 width:100%;
 display:block;
 transition:all 0.36s ease;
 -moz-transition:all 0.36s ease;
 -webkit-transition:all 0.36s ease
}
.d-tem18-graphic .item:hover {
 box-shadow:0 0 0 rgba(0,0,0,.15)
}
.d-tem18-graphic .item .images {
 width:100%;
 overflow:hidden
}
.d-tem18-graphic .item img {
 width:100%;
 transition:all 0.36s ease;
 -moz-transition:all 0.36s ease;
 -webkit-transition:all 0.36s ease
}
.d-tem18-graphic .item:hover img {
 transform:scale(1.1);
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1)
}
.d-tem18-graphic .item .text {
 width:100%;
 padding:14px 10px
}
.d-tem18-graphic .item .text .title {
 display:inline-block;
 font-size:16px;
 color:#333;
 margin-right:10px
}
.d-tem18-graphic .item .text .subtitle {
 font-size:14px;
 color:#777;
 display:inline-block
}
.d-tem18-graphic .item .text .description {
 font-size:13px;
 color:#999;
 line-height:26px;
 margin-top:10px
}
.d-tem18-graphic .col-lg-2:nth-of-type(6n+1),
.d-tem18-graphic .col-lg-3:nth-of-type(4n+1),
.d-tem18-graphic .col-lg-4:nth-of-type(3n+1),
.d-tem18-graphic .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem19-graphic .col-md-6 {
 padding:0 5px
}
.d-tem19-graphic h3,
.d-tem19-graphic .h3 {
 max-height:66px;
 line-height:33px;
 overflow:hidden
}
.d-tem19-graphic .text {
 padding:50px
}
.d-tem19-graphic .description {
 line-height:25px;
 margin:10px 0 15px;
 overflow:hidden;
 padding:0 15px 0 0
}
.d-tem19-graphic .img img {
 width:100%;
 transition:opacity 0.35s;
 -webkit-transition:opacity 0.35s;
 cursor:pointer
}
.d-tem19-graphic .img:hover img {
 opacity:.7
}
.d-tem19-graphic .description {
 border-right-style:solid;
 border-right-width:1px
}
.d-tem19-graphic .text {
 padding:0;
 margin-bottom:10px
}
.d-tem19-graphic .team-bg-block {
 height:1px;
 margin-bottom:5px;
 width:60px;
 margin-left:8px
}
@media (max-width:991px) {
 .d-tem19-graphic .text {
  padding:10px;
  margin-bottom:10px
 }
 .d-tem19-graphic .img {
  position:static;
  padding-top:0
 }
 .d-tem19-graphic .img img {
  position:static
 }
 .d-tem19-graphic h2,
 .d-tem19-graphic .h2 {
  font-size:26px
 }
}
@media (max-width:480px) {
 .d-tem19-graphic .col-xs-6 {
  width:100%
 }
}
.d-tem21-graphic {
 margin:10px 0
}
.d-tem21-graphic .col-xs-12 {
 padding:0
}
.d-tem21-graphic .item {
 width:100%;
 overflow:hidden
}
.d-tem21-graphic .item:hover .images img {
 transform:scale(1.1)
}
.d-tem21-graphic .item {
 width:100%
}
.d-tem21-graphic .item .images {
 float:left;
 width:50%;
 height:100%;
 overflow:hidden
}
.d-tem21-graphic .item .images img {
 width:100%;
 height:100%;
 transition:all 1s ease 0s
}
.d-tem21-graphic .text {
 float:right;
 width:50%;
 background:#fff;
 position:relative;
 padding:15px;
 text-align:center;
 height:100%
}
.d-tem21-graphic .text::before {
 content:"";
 position:absolute;
 border-style:solid;
 border-color:transparent #fff transparent transparent;
 border-width:14px 15px;
 width:0;
 height:0;
 left:-24px;
 top:50%;
 z-index:2;
 margin-top:-14px
}
.d-tem21-graphic .text .description {
 font-size:12px;
 color:#666;
 width:100%;
 text-align:center;
 line-height:22px;
 margin:20px 0;
 max-height:44px;
 overflow:hidden
}
.d-tem21-graphic .text .title {
 font-size:20px;
 height:60px;
 line-height:60px;
 overflow:hidden;
 margin:40px 0 0
}
.d-tem21-graphic .text span {
 width:20px;
 height:1px;
 display:block;
 margin:20px auto 0
}
.d-tem22-graphic .box {
 overflow:hidden;
 width:100%;
 position:relative;
 margin-bottom:10px
}
.d-tem22-graphic .item {
 width:100%;
 position:relative;
 overflow:hidden;
 padding-top:100%;
 transition:all 0.3s ease-in-out 0s
}
.d-tem22-graphic a {
 transition:all 0.3s ease-in-out 0s
}
.d-tem22-graphic .item img {
 width:100%;
 background-color:rgba(121,121,121,.3);
 padding:2px;
 position:absolute;
 height:100%;
 left:0;
 top:0;
 transition:all 0.5s ease 0s;
 -moz-transition:all 0.5s ease 0s;
 -o-transition:all 0.5s ease 0s;
 -ms-transition:all 0.5s ease 0s;
 -webkit-transition:all 0.5s ease 0s
}
.d-tem22-graphic .text {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:70px;
 overflow:hidden;
 padding:10px;
 background:rgba(0,0,0,.7)
}
.d-tem22-graphic .text img {
 max-width:50px;
 height:50px;
 float:left;
 position:absolute;
 left:10px;
 top:10px
}
.d-tem22-graphic .text .title {
 width:100%;
 padding:0 0 0 60px;
 font-size:16px;
 line-height:25px;
 font-weight:300;
 margin-top:0;
 margin-bottom:5px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#fff
}
.d-tem22-graphic .text small {
 width:100%;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:12px;
 padding:0 0 0 60px;
 color:rgba(255,255,255,.8)
}
.d-tem23-graphic .wrap {
 width:100%;
 border:1px solid #ddd;
 padding:10px 15px
}
.d-tem23-graphic .wrap .top {
 position:relative;
 bottom:1px solid #eee;
 padding:5px 0
}
.d-tem23-graphic .wrap .top .img {
 width:100%
}
.d-tem23-graphic .wrap .top .img img {
 width:100%
}
.d-tem23-graphic .wrap .top .title {
 position:absolute;
 width:100%;
 left:0;
 bottom:0;
 background-color:rgba(0,0,0,.5);
 color:#fff;
 padding:15px;
 font-size:16px
}
.d-tem23-graphic .wrap .bottom {
 border-top:1px solid #eee;
 clear:both;
 padding:5px 0;
 margin:5px 0;
 display:inline-block;
 width:100%
}
.d-tem23-graphic .wrap .bottom .img {
 width:20%;
 float:right
}
.d-tem23-graphic .wrap .bottom .img img {
 width:100%
}
.d-tem23-graphic .wrap .bottom .title {
 width:78%;
 float:left
}
.d-tem24-graphic .cont-section {
 position:relative
}
.d-tem24-graphic .jumbotron {
 width:80%;
 text-align:center;
 background:none;
 color:#fff;
 margin:0 auto;
 padding:0;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:1
}
.d-tem24-graphic h3,
.d-tem24-graphic .h3 {
 margin:0;
 font-size:42px;
 width:100%;
 text-align:center;
 font-family:Georgia;
 font-style:italic
}
.d-tem24-graphic .description {
 font-size:18px;
 line-height:175%;
 padding-top:10px;
 width:100%;
 text-align:center
}
@media (max-width:767px) {
 .d-tem24-graphic h3,
 .d-tem24-graphic .h3 {
  font-size:22px
 }
 .d-tem24-graphic .description {
  font-size:14px;
  line-height:22px
 }
}
.d-tem25-graphic .cont-section {
 padding-left:10px;
 padding-right:10px
}
.d-tem25-graphic .text-h {
 width:130px;
 height:130px
}
.d-tem25-graphic .title {
 width:130px;
 height:130px;
 border:2px solid #999;
 border-radius:50%;
 position:relative;
 overflow:hidden
}
.d-tem25-graphic .heading {
 color:#1c1c1c;
 font-size:22px;
 margin:0 auto;
 overflow:hidden;
 position:absolute;
 left:50%;
 top:50%;
 width:80%;
 transform:translate(-50%,-50%)
}
.d-tem25-graphic .text-img {
 width:calc(100% - 130px)
}
.d-tem25-graphic .text-img .description {
 color:#888;
 font-size:14px;
 line-height:25px;
 padding:0 10px
}
.d-tem25-graphic .graphic_pic img {
 max-width:100%
}
@media (max-width:767px) {
 .d-tem25-graphic .cont-section {
  padding-left:0;
  padding-right:0
 }
 .d-tem25-graphic .text-h,
 .d-tem25-graphic .text-img {
  width:100%
 }
 .d-tem25-graphic .text-h .title {
  margin:0 auto
 }
 .d-tem25-graphic .text-img .left,
 .d-tem25-graphic .text-img .right {
  padding:0!important
 }
 .d-tem25-graphic .text-img .description {
  padding:10px 0
 }
}
.d-tem27-graphic .text-img .description {
 padding:0 0 0 10px
}
@media (max-width:767px) {
 .d-tem27-graphic .text-img .description {
  padding:10px 0
 }
}
.d-tem28-graphic .cont-section {
 padding-left:10px;
 padding-right:0
}
@media (max-width:767px) {
 .d-tem28-graphic .cont-section {
  padding-left:0;
  padding-right:0
 }
}
.d-tem29-graphic .flexBoxWrap.top {
 align-items:flex-start
}
.d-tem29-graphic .flexBoxWrap.center {
 align-items:center
}
.d-tem29-graphic .flexBoxWrap.bottom {
 align-items:flex-end
}
.d-tem29-graphic .flexBoxWrap.right {
 flex-direction:row-reverse
}
.d-tem29-graphic .text .title {
 font-size:2.5rem;
 color:#1c1c1c;
 margin-bottom:20px
}
.d-tem29-graphic .text .description {
 font-size:14px;
 color:#888;
 line-height:180%
}
@media (max-width:400px) {
 .d-tem29-graphic .items {
  width:100%
 }
}
.d-tem32-graphic p {
 padding:0;
 margin:0
}
.d-tem32-graphic .text,
.d-tem32-graphic .images {
 width:50%;
 display:-webkit-flex;
 display:flex;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-align-items:center;
 align-items:center
}
.d-tem32-graphic .text .box {
 width:100%;
 position:relative
}
.d-tem32-graphic .text .title {
 font-size:50px;
 line-height:1;
 font-weight:700;
 position:relative;
 padding-bottom:10%
}
.d-tem32-graphic .text .subtitle {
 font-size:200px;
 color:#EEE;
 line-height:1
}
.d-tem32-graphic .text .description {
 color:#999;
 line-height:1.8;
 position:relative
}
.d-tem32-graphic .images .items {
 width:100%;
 border-color:#EEE
}
.d-tem32-graphic .images .item {
 padding:0;
 background-color:#FFF;
 border:1px solid #CCC;
 border-bottom:none;
 border-left:none;
 border-color:inherit
}
.d-tem32-graphic .images .item a {
 transition:.5s;
 opacity:1
}
.d-tem32-graphic .images .item:hover a {
 opacity:.5
}
.d-tem32-graphic .images img {
 width:100%
}
.d-tem32-graphic .images .item.col-sm-6 {
 width:50%
}
.d-tem32-graphic .images .item.col-sm-6:nth-child(even) {
 border-right:none
}
.d-tem32-graphic .images .item.col-sm-6:nth-child(1),
.d-tem32-graphic .images .item.col-sm-6:nth-child(2) {
 border-top:none
}
.d-tem32-graphic .images .item.col-sm-4 {
 width:33.333%
}
.d-tem32-graphic .images .item.col-sm-4:nth-child(3n) {
 border-right:none
}
.d-tem32-graphic .images .item.col-sm-4:nth-child(1),
.d-tem32-graphic .images .item.col-sm-4:nth-child(2),
.d-tem32-graphic .images .item.col-sm-4:nth-child(3) {
 border-top:none
}
.d-tem32-graphic .images .item.col-sm-3 {
 width:25%
}
.d-tem32-graphic .images .item.col-sm-3:nth-child(4n) {
 border-right:none
}
.d-tem32-graphic .images .item.col-sm-3:nth-child(1),
.d-tem32-graphic .images .item.col-sm-3:nth-child(2),
.d-tem32-graphic .images .item.col-sm-3:nth-child(3),
.d-tem32-graphic .images .item.col-sm-3:nth-child(4) {
 border-top:none
}
.d-tem32-graphic .images .item.col-sm-2 {
 width:16.666%
}
.d-tem32-graphic .images .item.col-sm-2:nth-child(6n) {
 border-right:none
}
.d-tem32-graphic .images .item.col-sm-2:nth-child(1),
.d-tem32-graphic .images .item.col-sm-2:nth-child(2),
.d-tem32-graphic .images .item.col-sm-2:nth-child(3),
.d-tem32-graphic .images .item.col-sm-2:nth-child(4),
.d-tem32-graphic .images .item.col-sm-2:nth-child(5),
.d-tem32-graphic .images .item.col-sm-2:nth-child(6) {
 border-top:none
}
@media(orientation:landscape) {
 .d-tem32-graphic {
  height:100vh;
  overflow:hidden
 }
 .d-tem32-graphic .text,
 .d-tem32-graphic .images {
  height:100vh;
  padding:0 5%
 }
 .d-tem32-graphic .text .subtitle {
  position:absolute;
  top:0
 }
 .d-tem32-graphic.content-left .text {
  text-align:left
 }
 .d-tem32-graphic.content-left .text .subtitle {
  left:0;
  transform:translate(-50%,-50%)
 }
 .d-tem32-graphic.content-right .text {
  text-align:right
 }
 .d-tem32-graphic.content-right .text .subtitle {
  right:0;
  transform:translate(50%,-50%)
 }
}
@media(orientation:portrait) {
 .d-tem32-graphic .text {
  text-align:center;
  padding-bottom:5%
 }
 .d-tem32-graphic .text,
 .d-tem32-graphic .images {
  width:100%
 }
 .d-tem32-graphic .text .subtitle {
  margin-bottom:-.5em
 }
 .d-tem32-graphic .text .title {
  padding-bottom:5%
 }
}
@media(max-width:768px) {
 .d-tem32-graphic .text .title,
 .d-tem32-graphic .text .title span {
  font-size:30px!important;
  line-height:1!important
 }
 .d-tem32-graphic .text .subtitle,
 .d-tem32-graphic .text .subtitle span {
  font-size:100px!important;
  line-height:1!important
 }
 .d-tem32-graphic .text,
 .d-tem32-graphic .images {
  padding-left:2%;
  padding-right:2%
 }
 .d-tem32-graphic.full-screen-spacing .text {
  padding-left:3%;
  padding-right:3%
 }
 .d-tem32-graphic.full-screen-spacing .images {
  padding-left:0;
  padding-right:0
 }
}
.d-tem02-table .table-bordered {
 border:none
}
.d-tem02-table .table>tbody>tr>td,
.d-tem02-table .table>thead>tr>th {
 border-left:none;
 border-right:none
}
.d-tem03-table .table-bordered {
 border:none
}
.d-tem03-table .table>tbody>tr>td,
.d-tem03-table .table>thead>tr>th {
 border-left:none;
 border-right:none
}
.d-tem04-table .table-bordered {
 border:none
}
.d-tem04-table .table>tbody>tr>td,
.d-tem04-table .table>thead>tr>th {
 border-left:none;
 border-right:none
}
.d-tem01-service .item {
 width:100%;
 margin:10px 0;
 text-align:center
}
.d-tem01-service .item img {
 margin:0 auto;
 width:80px;
 height:80px;
 border-radius:50%;
 display:block
}
.d-tem01-service .item .title {
 margin:20px 0 6px
}
.d-tem01-service .item .description {
 font-size:12px;
 color:#666;
 line-height:170%
}
.d-tem03-service .col-lg-4 {
 width:20%
}
.d-tem03-service .col-lg-4:nth-of-type(n) {
 clear:none
}
.d-tem03-service .col-lg-4:nth-of-type(5n+1) {
 clear:both
}
@media (max-width:767px) {
 .d-tem03-service .col-xs-6 {
  width:50%
 }
}
.d-tem04-service .item {
 width:100%;
 margin:10px 0;
 text-align:center
}
.d-tem04-service .item img {
 margin:0 auto;
 max-width:100%;
 height:auto;
 display:block
}
.d-tem04-service .item .title {
 margin:20px 0 6px
}
.d-tem04-service .item .description {
 font-size:12px;
 color:#666;
 line-height:170%
}
.d-tem06-service .col-lg-4 {
 width:20%
}
.d-tem06-service .col-lg-4:nth-of-type(n) {
 clear:none
}
.d-tem06-service .col-lg-4:nth-of-type(5n+1) {
 clear:both
}
@media (max-width:767px) {
 .d-tem06-service .col-xs-6 {
  width:50%
 }
}
.d-tem01-certificate {
 position:relative
}
.d-tem01-certificate::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem01-certificate .col-xs-6 {
 height:220px;
 overflow:hidden
}
.d-tem01-certificate .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem01-certificate .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem01-certificate .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem01-certificate .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem01-certificate .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem02-certificate {
 position:relative
}
.d-tem02-certificate::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem02-certificate .col-xs-6 {
 height:220px;
 overflow:hidden
}
.d-tem02-certificate .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem02-certificate .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem02-certificate .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem02-certificate .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem02-certificate .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem03-certificate {
 position:relative
}
.d-tem03-certificate::before {
 content:"";
 background-color:rgba(121,121,121,.2);
 width:100%;
 position:absolute;
 height:1px;
 top:50%
}
.d-tem03-certificate .col-xs-6 {
 height:220px;
 overflow:hidden;
 width:20%
}
.d-tem03-certificate .col-xs-6 a {
 position:relative;
 padding:20px 10px 0 10px;
 display:block;
 transition:all 0.3s ease-out 0s
}
.d-tem03-certificate .col-xs-6 a::after {
 position:absolute;
 content:"";
 background-color:rgba(121,121,121,.2);
 width:1px;
 height:90px;
 transition:all 0.6s cubic-bezier(.215,.61,.355,1) 0s;
 top:40px;
 right:-35px
}
.d-tem03-certificate .col-xs-6:hover a {
 box-shadow:0 15px 30px rgba(121,121,121,.3);
 transform:translate3d(0,-2px,0)
}
.d-tem03-certificate .col-xs-6 img {
 max-width:100%;
 margin:0 auto;
 max-height:200px;
 overflow:hidden;
 display:block
}
.d-tem03-certificate .col-xs-6:nth-of-type(4n) a::after {
 background:none
}
.d-tem04-certificate .col-xs-6 {
 padding:0 10px;
 margin:7px 0
}
.d-tem04-certificate .images {
 border:1px solid rgba(121,121,121,.25);
 position:relative;
 padding-top:60%;
 transition:all 0.3s ease-in 0s
}
.d-tem04-certificate .col-xs-6:hover .images {
 border-color:rgba(121,121,121,.5)
}
.d-tem04-certificate .images img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.d-tem04-certificate .title {
 font-size:12px;
 color:#333;
 width:100%;
 text-align:center;
 line-height:35px;
 height:35px;
 overflow:hidden
}
.d-tem04-certificate .certified_add .col-lg-2:nth-of-type(6n+1),
.d-tem04-certificate .certified_add .col-lg-3:nth-of-type(4n+1),
.d-tem04-certificate .certified_add .col-lg-4:nth-of-type(3n+1),
.d-tem04-certificate .certified_add .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem04-certificate .certified_add .images {
 position:static;
 padding:0
}
.d-tem04-certificate .certified_add .images img {
 position:static;
 height:auto;
 width:auto;
 max-width:100%;
 display:block;
 margin:0 auto
}
.d-tem06-certificate .col-lg-4 {
 width:20%
}
@media (max-width:767px) {
 .d-tem06-certificate .col-xs-6 {
  width:50%
 }
}
.d-tem07-certificate .col-xs-4,
.d-tem07-brand .col-xs-6 {
 padding:0
}
.d-tem07-certificate .images {
 border:1px solid rgba(255,255,255,.1);
 position:relative;
 padding-top:70%;
 transition:all 0.3s ease 0s
}
.d-tem07-certificate .images img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.d-tem07-certificate .title {
 font-size:12px;
 color:#333;
 width:100%;
 text-align:center;
 line-height:35px;
 height:35px;
 overflow:hidden
}
.d-tem07-certificate .certified_add .col-lg-2:nth-of-type(6n+1),
.d-tem07-certificate .certified_add .col-lg-3:nth-of-type(4n+1),
.d-tem07-certificate .certified_add .col-lg-4:nth-of-type(3n+1),
.d-tem07-certificate .certified_add .col-lg-6:nth-of-type(2n+1) {
 clear:both
}
.d-tem07-certificate .certified_add .images {
 position:static;
 padding:0
}
.d-tem07-certificate .certified_add .images img {
 position:static;
 height:auto;
 width:auto;
 max-width:100%;
 display:block;
 margin:0 auto
}
@media (max-width:480px) {
 .d-tem07-certificate .col-xs-4,
 .d-tem07-brand .col-xs-6 {
  width:50%!important
 }
}
.d-tem09-certificate .col-lg-4 {
 width:20%
}
@media (max-width:767px) {
 .d-tem09-certificate .col-xs-6 {
  width:50%
 }
}
.d-tem01-productdetail .cont-div {
 padding:10px 10px;
 display:flex;
 display:-webkit-felx
}
.d-tem01-productdetail .cont-div img {
 display:block;
 width:100%
}
.d-tem01-productdetail .cont-div .left {
 width:50%
}
.d-tem01-productdetail .cont-div .right {
 width:50%;
 padding-top:20px
}
.d-tem01-productdetail .cont-div .right .pl5 {
 display:flex;
 align-items:flex-end
}
.d-tem01-productdetail .cont-div .box-text {
 width:30px;
 font-size:16px;
 margin-right:-35px;
 margin-top:60px;
 border:1px solid #333
}
.d-tem01-productdetail .cont-div .right .box-text {
 margin:0 0 80px -35px;
 display:inline-block;
 transform:translateZ(10px)
}
@media (max-width:767px) {
 .d-tem01-productdetail .cont-div .box-text {
  width:26px;
  font-size:14px;
  margin-right:-33px;
  padding:10px 0
 }
 .d-tem01-productdetail .cont-div .right .box-text {
  margin:0 0 80px -33px
 }
}
.d-tem02-productdetail.d-tem01-productdetail .cont-div .left {
 padding-top:20px
}
.d-tem02-productdetail.d-tem01-productdetail .cont-div .right {
 padding:0
}
.d-tem03-productdetail .cont-div {
 padding-bottom:20px;
 display:flex;
 display:-webkit-flex;
 justify-content:center;
 -webkit-justify-content:center;
 align-items:flex-end;
 -webkit-align-items:flex-end
}
.d-tem03-productdetail .cont-div img {
 display:block;
 width:100%
}
.d-tem03-productdetail .cont-div .left {
 width:60%
}
.d-tem03-productdetail .cont-div .right {
 width:40%;
 margin-left:-10px
}
.d-tem03-productdetail .cont-div .right .pic {
 border:1px solid #ddd;
 margin-bottom:-20px;
 padding:20px
}
.d-tem04-productdetail.d-tem03-productdetail .cont-div .left {
 width:40%;
 margin-right:-10px;
 z-index:1
}
.d-tem04-productdetail.d-tem03-productdetail .cont-div .left .pic {
 border:1px solid #ddd;
 margin-bottom:-20px;
 padding:20px
}
.d-tem04-productdetail.d-tem03-productdetail .cont-div .right {
 width:60%;
 margin-left:0
}
.d-tem04-productdetail.d-tem03-productdetail .cont-div .right .pic {
 border:none;
 margin-bottom:0;
 padding:0
}
.d-tem05-productdetail.d-tem03-productdetail .cont-div {
 padding-bottom:10px;
 align-items:flex-start;
 -webkit-align-items:flex-start
}
.d-tem05-productdetail.d-tem03-productdetail .cont-div .left {
 margin-top:20px
}
.d-tem06-productdetail.d-tem04-productdetail.d-tem03-productdetail .cont-div {
 padding-bottom:10px;
 align-items:flex-start;
 -webkit-align-items:flex-start
}
.d-tem06-productdetail.d-tem04-productdetail.d-tem03-productdetail .cont-div .right {
 margin-top:20px
}
.d-tem07-productdetail {
 margin:0 -10px
}
.d-tem07-productdetail .item {
 padding:0!important
}
.d-tem07-productdetail .cont-div,
.d-tem07-productdetail .box {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap;
 height:100%
}
.d-tem07-productdetail .img,
.d-tem07-productdetail .text {
 width:100%;
 padding:5px;
 border:1px solid #eee;
 border-radius:3px;
 margin:10px;
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:center
}
.d-tem07-productdetail .text .textcon {
 width:80%
}
.d-tem07-productdetail .text .tit {
 width:100%;
 font-size:16px;
 margin:20px 0
}
.d-tem07-productdetail .text p {
 margin:0
}
.d-tem07-productdetail .text .black-line {
 width:80%;
 height:1px;
 border-top:1px solid #666;
 position:relative;
 left:10%;
 top:0;
 padding:15px 0
}
.d-tem07-productdetail .text .black-line::after {
 content:"+";
 background:#fff;
 padding:0 10px;
 font-size:14px;
 z-index:2;
 display:inline-block;
 position:absolute;
 left:50%;
 top:-1px;
 transform:translate(-50%,-50%)
}
@media (max-width:767px) {
 .d-tem07-productdetail {
  margin:0 -5px
 }
 .d-tem07-productdetail .img,
 .d-tem07-productdetail .text {
  margin:5px 0
 }
 .d-tem07-productdetail .item-left {
  order:1
 }
 .d-tem07-productdetail .item-left:nth-of-type(4) {
  order:2
 }
 .d-tem07-productdetail .item-center {
  order:3
 }
 .d-tem07-productdetail .item-center:nth-of-type(2) {
  order:4
 }
 .d-tem07-productdetail .item-right {
  order:5
 }
 .d-tem07-productdetail .item-right:last-child {
  order:6
 }
 .d-tem07-productdetail .text .black-line {
  width:90%;
  left:5%
 }
}
@media (max-width:767px) {
 .d-tem08-productdetail.d-tem07-productdetail .item-left {
  order:1
 }
 .d-tem08-productdetail.d-tem07-productdetail .item-right {
  order:2
 }
}
.d-tem10-productdetail {
 margin:15px 0
}
.d-tem10-productdetail .wrap .col-lg-6 {
 padding:0 8px
}
.d-tem10-productdetail .text {
 text-align:center;
 padding:10px
}
.d-tem10-productdetail img {
 width:100%
}
.d-tem10-productdetail .image img {
 width:100%;
 margin:0 auto;
 display:block
}
.d-tem10-productdetail .image {
 border:4px solid #ccc;
 border-radius:10px
}
.d-tem10-productdetail .left .image {
 float:right;
 width:45%;
 margin-left:5%
}
.d-tem10-productdetail .title {
 font-size:16px;
 margin-bottom:10px;
 color:#333;
 line-height:170%
}
.d-tem10-productdetail .description {
 color:#666;
 line-height:170%
}
.d-tem10-productdetail .right .title {
 width:100%;
 margin-bottom:8px
}
.d-tem10-productdetail .right .text {
 padding:10px;
 text-align:center
}
.d-tem10-productdetail .right .text .description {
 line-height:170%
}
.d-tem10-productdetail .item {
 transition:.3s ease-out 0s;
 padding:10px;
 cursor:pointer;
 background:#f9f9f9;
 margin:8px 0
}
.d-tem10-productdetail .item:hover {
 box-shadow:0 5px 20px rgba(0,0,0,.1);
 transform:translateY(-5px)
}
.d-tem11-productdetail {
 margin:15px 0
}
.d-tem11-productdetail .wrap {
 display:flex;
 display:-webkit-flex;
 align-items:center
}
.d-tem11-productdetail .wrap .col-lg-6 {
 padding:0 8px
}
.d-tem11-productdetail .text {
 text-align:center;
 padding:10px
}
.d-tem11-productdetail img {
 width:100%
}
.d-tem11-productdetail .image img {
 width:100%;
 margin:0 auto;
 display:block
}
.d-tem11-productdetail .image {
 border:4px solid #ccc;
 border-radius:10px
}
.d-tem11-productdetail .left .image {
 float:right;
 width:45%;
 margin-left:5%
}
.d-tem11-productdetail .title {
 font-size:16px;
 margin-bottom:10px;
 color:#333;
 line-height:170%
}
.d-tem11-productdetail .description {
 color:#666;
 line-height:170%
}
.d-tem11-productdetail .right .title {
 width:100%;
 margin-bottom:8px
}
.d-tem11-productdetail .right .text {
 padding:10px;
 text-align:center
}
.d-tem11-productdetail .right .text .description {
 line-height:170%
}
.d-tem11-productdetail .item {
 transition:.3s ease-out 0s;
 padding:10px;
 cursor:pointer;
 background:#f9f9f9
}
.d-tem11-productdetail .item:hover {
 box-shadow:0 5px 20px rgba(0,0,0,.1);
 transform:translateY(-5px)
}
@media (max-width:480px) {
 .d-tem11-productdetail .wrap {
  display:block!important
 }
}
.d-tem01-promotion .cont-section {
 padding:30px 15px
}
.d-tem01-promotion .main {
 border-radius:10px;
 border:1px solid #ccc
}
.d-tem01-promotion .header {
 margin-top:-17px
}
.d-tem01-promotion .header h2,
.d-tem01-promotion .header .h2 {
 background:#fff;
 display:inline-block;
 margin-top:0;
 padding:0 30px
}
.d-tem01-promotion .col-md-6 {
 padding:0 10%
}
.d-tem01-promotion .col-sm-6 {
 border-width:0 1px 0 0;
 border-style:dashed;
 border-color:#cdcdcd;
 margin:20px 0
}
.d-tem01-promotion .col-sm-6:last-child {
 border-width:0
}
.d-tem01-promotion .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem01-promotion .thumbnail .caption {
 width:49%;
 padding:5px 10px
}
.d-tem01-promotion .thumbnail .caption h3,
.d-tem01-promotion .thumbnail .caption .h3 {
 font-size:20px;
 font-weight:300;
 margin:10px 0
}
.d-tem01-promotion .thumbnail .caption p {
 margin:5px 0;
 font-size:14px
}
.d-tem01-promotion .thumbnail .caption a {
 color:#999;
 display:inline-block;
 font-size:14px
}
.d-tem01-promotion .thumbnail .image {
 width:50%;
 position:relative
}
.d-tem01-promotion .thumbnail .image span {
 height:30px;
 line-height:30px;
 font-size:20px;
 padding:0 5px;
 text-align:center;
 border-radius:50%;
 color:#fff;
 position:absolute;
 top:10px;
 right:10px
}
@media (max-width:1024px) {
 .d-tem01-promotion .col-md-6 {
  padding:0 7%
 }
}
@media (max-width:767px) {
 .d-tem01-promotion .cont-section {
  padding:15px 10px
 }
 .d-tem01-promotion .header {
  margin-top:-11px
 }
 .d-tem01-promotion .header h2,
 .d-tem01-promotion .header .h2 {
  padding:0 15px;
  font-size:20px
 }
 .d-tem01-promotion .col-md-6 {
  padding:0 5%
 }
 .d-tem01-promotion .col-xs-6:nth-of-type(2n) {
  border:none
 }
}
@media (max-width:360px) {
 .d-tem01-promotion .col-xs-6 {
  width:100%;
  padding:0 3%;
  margin:10px 0;
  border:none
 }
}
.d-tem04-promotion.d-tem01-promotion .thumbnail .caption {
 width:45%
}
.d-tem04-promotion.d-tem01-promotion .thumbnail .caption span.bg {
 height:30px;
 line-height:30px;
 font-size:20px;
 padding:0 5px;
 background:#ffa308;
 color:#fff;
 text-align:center;
 border-radius:50%;
 display:inline-block
}
.d-tem04-promotion.d-tem01-promotion .thumbnail .image {
 width:55%
}
.d-tem01-parameter ul {
 width:100%;
 display:table
}
.d-tem01-parameter ul li {
 color:#555;
 font-size:16px;
 line-height:30px;
 display:table-row
}
.d-tem01-parameter ul li .metatit {
 background:#ededed;
 padding:0 3%;
 display:table-cell;
 border-color:#ccc;
 border-width:1px 1px 0 1px;
 border-style:solid;
 word-break:break-all
}
.d-tem01-parameter ul li:last-child .metatit {
 border-width:1px 1px 1px 1px
}
.d-tem01-parameter ul li .suggest {
 padding:0 3%;
 display:table-cell;
 border-color:#ccc;
 border-width:1px 1px 0 0;
 border-style:solid;
 word-break:break-all
}
.d-tem01-parameter ul li:last-child .suggest {
 border-width:1px 1px 1px 0
}
@media (max-width:767px) {
 .d-tem01-parameter ul li .metatit,
 .d-tem01-parameter ul li .suggest {
  padding:0 1.5%
 }
 .d-tem01-parameter .image {
  margin-top:10px
 }
}
.d-tem04-parameter ul {
 width:100%;
 display:table
}
.d-tem04-parameter ul li {
 color:#555;
 font-size:16px;
 line-height:30px;
 display:table-row;
 position:relative
}
.d-tem04-parameter ul li::before {
 content:"";
 width:100%;
 height:100%;
 opacity:.15;
 position:absolute;
 left:0;
 top:0
}
.d-tem04-parameter ul li:nth-child(2n)::before {
 opacity:0
}
.d-tem04-parameter ul li .metatit {
 padding:0 3%;
 display:table-cell;
 word-break:break-all
}
.d-tem04-parameter ul li .suggest {
 padding:0 3%;
 display:table-cell;
 word-break:break-all
}
@media (max-width:767px) {
 .d-tem04-parameter ul li .metatit,
 .d-tem04-parameter ul li .suggest {
  padding:0 1.5%
 }
 .d-tem04-parameter .image {
  margin-top:10px
 }
}
.d-tem07-parameter .items {
 width:100%
}
.d-tem07-parameter ul {
 width:100%;
 position:relative;
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem07-parameter ul::before,
.d-tem07-parameter ul li::before {
 content:"";
 width:100%;
 height:100%;
 opacity:.15;
 position:absolute;
 left:0;
 top:0
}
.d-tem07-parameter ul:nth-child(2n)::before {
 opacity:0
}
.d-tem07-parameter ul li::before {
 opacity:0
}
.d-tem07-parameter ul li {
 color:#555;
 font-size:16px;
 line-height:30px
}
.d-tem07-parameter ul li .metatit {
 width:30%;
 float:left;
 padding:0 3%;
 word-break:break-all;
 vertical-align:middle;
 display:inline-block
}
.d-tem07-parameter ul li .suggest {
 width:70%;
 float:left;
 padding:0 3%;
 word-break:break-all;
 vertical-align:middle;
 display:inline-block
}
@media (max-width:767px) {
 .d-tem07-parameter ul {
  flex-wrap:wrap
 }
 .d-tem07-parameter ul:nth-child(n)::before,
 .d-tem07-parameter ul:nth-child(2n)::before {
  opacity:0
 }
 .d-tem07-parameter ul li::before {
  opacity:.15
 }
 .d-tem07-parameter ul li:nth-child(2n)::before {
  opacity:0
 }
 .d-tem07-parameter ul li .metatit,
 .d-tem07-parameter ul li .suggest {
  padding:0 1.5%
 }
 .d-tem07-parameter .image {
  margin-top:10px
 }
}
.d-tem01-advantage .main {
 width:60%;
 margin:0 auto;
 color:#fff
}
.d-tem01-advantage .adv-left {
 text-align:right;
 padding:1%
}
.d-tem01-advantage .adv-right {
 padding:1%
}
.d-tem01-advantage .top .adv-left .bg-color {
 border-radius:100% 0 0 0
}
.d-tem01-advantage .top .adv-right .bg-color {
 border-radius:0 100% 0 0
}
.d-tem01-advantage .bottom .adv-left .bg-color {
 border-radius:0 0 0 100%
}
.d-tem01-advantage .bottom .adv-right .bg-color {
 border-radius:0 0 100% 0
}
.d-tem01-advantage .bg-color {
 position:relative;
 padding-top:100%;
 overflow:hidden
}
.d-tem01-advantage .caption {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.d-tem01-advantage .caption .text {
 width:60%;
 position:inherit;
 font-size:14px
}
.d-tem01-advantage .adv-left .caption .text {
 left:auto!important;
 right:11%!important
}
.d-tem01-advantage .adv-right .caption .text {
 left:11%!important
}
.d-tem01-advantage .top .caption .text {
 top:auto!important;
 bottom:11%!important
}
.d-tem01-advantage .bottom .caption .text {
 top:11%!important
}
.d-tem01-advantage .adv-left .caption .text {
 float:right
}
.d-tem01-advantage .adv-right .caption .text {
 float:left
}
.d-tem01-advantage .caption .text h3,
.d-tem01-advantage .caption .text .h3 {
 margin-top:0
}
.d-tem01-advantage .caption .text p {
 margin-bottom:0
}
@media (max-width:767px) {
 .d-tem01-advantage .main {
  width:100%
 }
 .d-tem01-advantage .caption .text h3,
 .d-tem01-advantage .caption .text .h3 {
  font-size:18px
 }
}
@media (max-width:480px) {
 .d-tem01-advantage .caption .text p {
  height:40px;
  line-height:20px;
  overflow:hidden;
  text-overflow:ellipsis
 }
 .d-tem01-advantage .caption .text h3,
 .d-tem01-advantage .caption .text .h3 {
  height:20px;
  line-height:20px;
  font-size:18px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
}
.d-tem02-advantage.d-tem01-advantage .main {
 color:#333
}
.d-tem02-advantage.d-tem01-advantage .bg-color {
 background-color:initial
}
.d-tem02-advantage.d-tem01-advantage .img {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.d-tem02-advantage.d-tem01-advantage .img img {
 width:100%
}
.d-tem03-advantage .irregular-advantage {
 width:100%;
 display:inline-block;
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem03-advantage .media-round {
 font-family:'Fuzzy Cootie';
 font-size:30px;
 background:#fff;
 width:90px;
 height:90px;
 display:inline-block;
 border-radius:50%;
 margin-top:15px
}
.d-tem03-advantage .float-right {
 float:right;
 padding:0;
 margin-left:10px
}
.d-tem03-advantage .float-left {
 float:left;
 margin-right:10px;
 padding:0
}
.d-tem03-advantage .irregular-advantage .media-heading {
 font-size:16px;
 line-height:30px;
 height:30px;
 overflow:hidden
}
.d-tem03-advantage .irregular-advantage .media .pro-text {
 font-size:12px;
 color:#777;
 line-height:22px;
 height:66px;
 overflow:hidden
}
.d-tem03-advantage .irregular-ad-center {
 margin-top:50px;
 position:relative;
 width:100%;
 padding-top:100%
}
.d-tem03-advantage .irregular-ad-center img {
 width:100%;
 height:100%;
 border-radius:50%;
 position:absolute;
 left:0;
 top:0
}
.d-tem03-advantage .irregular-advantage .media-list {
 width:100%!important
}
.d-tem03-advantage .irregular-advantage .media-left {
 padding-right:0
}
.d-tem03-advantage .irregular-advantage .irregular-ad-left .media {
 margin-right:-20px;
 margin-top:40px
}
.d-tem03-advantage .irregular-advantage .irregular-ad-right .media {
 margin-left:-20px;
 margin-top:40px
}
.d-tem03-advantage .irregular-advantage .irregular-ad-left .media:nth-child(2) {
 margin-right:20px
}
.d-tem03-advantage .irregular-advantage .irregular-ad-right .media:nth-child(2) {
 margin-left:20px
}
.d-tem03-advantage .irregular-ad-title {
 font-size:30px!important;
 color:#333;
 line-height:40px
}
.d-tem03-advantage .irregular-ad-title i {
 font-family:'宋体';
 font-size:40px;
 color:#fff;
 width:40px;
 height:40px;
 border-radius:50%;
 text-align:center;
 font-style:normal;
 display:inline-block;
 margin:0 4px
}
.d-tem03-advantage .irregular-ad-stitle {
 border-bottom:1px solid #e21c22;
 position:relative;
 width:30%;
 margin:15px auto
}
.d-tem03-advantage .irregular-ad-stitle p {
 background:#fff;
 height:50px;
 position:absolute;
 text-align:center;
 display:block;
 top:-13px;
 left:24%;
 font-size:16px;
 padding:0 5%
}
.d-tem03-advantage .tem17-picture-img img,
.d-tem03-advantage .tem18-picture-img img,
.d-tem03-advantage .tem19-picture-img img,
.d-tem03-advantage .tem20-picture-img img,
.d-tem03-advantage .tem21-picture-img img,
.d-tem03-advantage .tem22-picture-img img,
.d-tem03-advantage .tem23-picture-img img {
 width:100%;
 height:100%;
 border-radius:50%;
 display:block
}
@media (max-width:980px) {
 .d-tem03-advantage .media-round {
  margin-top:0
 }
 .d-tem03-advantage .irregular-ad-center {
  margin-top:20px
 }
}
@media (max-width:768px) {
 .d-tem03-advantage .irregular-advantage .media-heading {
  min-height:auto!important;
  overflow:hidden;
  height:22px
 }
 .d-tem03-advantage .irregular-ad-stitle {
  border:none;
  width:100%
 }
 .d-tem03-advantage .irregular-ad-stitle p {
  height:auto
 }
 .d-tem03-advantage .irregular-advantage .irregular-ad-left .media {
  margin-top:20px;
  margin-right:0
 }
 .d-tem03-advantage .irregular-advantage .irregular-ad-right .media {
  margin-top:20px;
  margin-left:0
 }
 .d-tem03-advantage .irregular-advantage .irregular-ad-left .media:nth-child(2) {
  margin-right:0
 }
 .d-tem03-advantage .irregular-advantage .irregular-ad-right .media:nth-child(2) {
  margin-left:0
 }
}
@media (max-width:767px) {
 .d-tem03-advantage .irregular-advantage {
  flex-wrap:wrap
 }
 .d-tem03-advantage .irregular-advantage .media .pro-text {
  height:auto
 }
}
@media (max-width:480px) {
 .d-tem03-advantage .irregular-advantage {
  padding:0
 }
 .d-tem03-advantage .irregular-ad-title {
  font-size:24px!important
 }
}
.d-tem04-advantage .irregular-advantage {
 width:100%;
 display:inline-block;
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem04-advantage .irr-number {
 font-family:'Fuzzy Cootie';
 font-size:30px;
 width:60px;
 height:60px;
 line-height:60px;
 text-align:center;
 display:inline-block;
 border-radius:50%;
 margin-top:15px
}
.d-tem04-advantage .irr-number span {
 display:block;
 color:#fff
}
.d-tem04-advantage .float-right {
 float:right;
 padding:0;
 margin-left:10px
}
.d-tem04-advantage .float-left {
 float:left;
 margin-right:10px;
 padding:0
}
.d-tem04-advantage .irregular-advantage .media-heading {
 font-size:16px;
 line-height:30px;
 height:30px;
 overflow:hidden
}
.d-tem04-advantage .irregular-advantage .media .pro-text {
 font-size:12px;
 color:#777;
 line-height:22px;
 height:66px;
 overflow:hidden
}
.d-tem04-advantage .irregular-ad-center {
 margin-top:30px;
 position:relative;
 width:100%;
 padding-top:100%
}
.d-tem04-advantage .irregular-ad-center img {
 width:100%;
 height:100%;
 border-radius:50%;
 position:absolute;
 left:0;
 top:0
}
.d-tem04-advantage .irregular-advantage .media-list {
 width:100%!important
}
.d-tem04-advantage .irregular-advantage .media-left {
 padding-right:0
}
.d-tem04-advantage .irregular-advantage .irregular-ad-left .media {
 margin-right:-20px;
 margin-top:40px
}
.d-tem04-advantage .irregular-advantage .irregular-ad-right .media {
 margin-left:-20px;
 margin-top:40px
}
.d-tem04-advantage .irregular-advantage .irregular-ad-left .media:nth-child(2) {
 margin-right:25px
}
.d-tem04-advantage .irregular-advantage .irregular-ad-right .media:nth-child(2) {
 margin-left:25px
}
.d-tem04-advantage .irregular-ad-title {
 font-size:30px!important;
 color:#333;
 line-height:40px
}
.d-tem04-advantage .irregular-ad-title i {
 font-family:'宋体';
 font-size:40px;
 color:#fff;
 width:40px;
 height:40px;
 border-radius:50%;
 text-align:center;
 font-style:normal;
 display:inline-block;
 margin:0 4px
}
.d-tem04-advantage .irregular-ad-stitle {
 border-bottom:1px solid #e21c22;
 position:relative;
 width:30%;
 margin:15px auto
}
.d-tem04-advantage .irregular-ad-stitle p {
 background:#fff;
 height:50px;
 position:absolute;
 text-align:center;
 display:block;
 top:-13px;
 left:24%;
 font-size:16px;
 padding:0 5%
}
.d-tem04-advantage .tem20-picture-img img {
 width:100%;
 height:100%;
 border-radius:50%;
 display:block
}
@media (max-width:980px) {
 .d-tem04-advantage .media-round {
  margin-top:0
 }
}
@media (max-width:768px) {
 .d-tem04-advantage .irr-number span {
  font-size:30px!important;
  line-height:60px!important
 }
 .d-tem04-advantage .irregular-advantage .media-heading {
  min-height:auto!important;
  overflow:hidden;
  height:22px
 }
 .d-tem04-advantage .irregular-ad-stitle {
  border:none;
  width:100%
 }
 .d-tem04-advantage .irregular-ad-stitle p {
  height:auto
 }
 .d-tem04-advantage .irregular-advantage .irregular-ad-left .media {
  margin-top:20px;
  margin-right:0
 }
 .d-tem04-advantage .irregular-advantage .irregular-ad-right .media {
  margin-top:20px;
  margin-left:0
 }
 .d-tem04-advantage .irregular-advantage .irregular-ad-left .media:nth-child(2) {
  margin-right:0
 }
 .d-tem04-advantage .irregular-advantage .irregular-ad-right .media:nth-child(2) {
  margin-left:0
 }
}
@media (max-width:767px) {
 .d-tem04-advantage .irregular-advantage {
  flex-wrap:wrap
 }
 .d-tem04-advantage .irregular-advantage .media .pro-text {
  height:auto
 }
}
@media (max-width:480px) {
 .d-tem04-advantage .irregular-advantage {
  padding:0
 }
 .d-tem04-advantage .irregular-ad-title {
  font-size:24px!important
 }
}
.d-tem05-advantage .col-lg-6 {
 padding:0;
 font-size:0
}
.d-tem05-advantage .box {
 height:100%;
 padding:30px 0;
 width:100%;
 display:inline-block;
 transition:all 0.6s cubic-bezier(.18,.89,.32,1.28) 0s;
 -o-transition:all 0.6s cubic-bezier(.18,.89,.32,1.28) 0s;
 -ms-transition:all 0.6s cubic-bezier(.18,.89,.32,1.28) 0s;
 -moz-transition:all 0.6s cubic-bezier(.18,.89,.32,1.28) 0s;
 -webkit-transition:all 0.6s cubic-bezier(.18,.89,.32,1.28) 0s
}
.d-tem05-advantage .box:hover {
 box-shadow:0 15px 30px rgba(0,0,0,.08);
 background:#fff
}
.d-tem05-advantage .box:hover .title {
 color:inherit
}
.d-tem05-advantage .item:nth-of-type(n) .box,
.d-tem05-advantage .item:nth-of-type(n+1) .box {
 border-bottom:1px solid #ddd
}
.d-tem05-advantage .item:nth-of-type(3) .box,
.d-tem05-advantage .item:nth-of-type(4) .box {
 border-bottom:0
}
.d-tem05-advantage .item:nth-of-type(2n+1) .box {
 border-right:1px solid #ddd
}
.d-tem05-advantage .item .text {
 float:right;
 width:74%;
 padding:0 10px
}
.d-tem05-advantage .item:nth-of-type(2n+1) .text {
 text-align:right
}
.d-tem05-advantage .item .img {
 width:25%;
 text-align:center
}
.d-tem05-advantage .item:nth-of-type(2n) .img {
 float:left
}
.d-tem05-advantage .item:nth-of-type(2n+1) .img {
 float:right
}
.d-tem05-advantage .title {
 color:#212121;
 font-size:16px;
 padding-bottom:10px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 opacity:.9
}
.d-tem05-advantage .description {
 display:block;
 color:#212121;
 opacity:.6;
 font-size:14px;
 line-height:22px;
 overflow:hidden
}
@media (max-width:768px) {
 .d-tem05-advantage .item {
  padding:0!important
 }
 .d-tem05-advantage .box {
  padding:15px 0
 }
 .d-tem05-advantage .item:nth-of-type(n) .box {
  border-right:none;
  border-bottom:1px solid #ddd
 }
 .d-tem05-advantage .item .text {
  width:78%
 }
 .d-tem05-advantage .item:nth-of-type(2n+1) .text {
  text-align:left
 }
 .d-tem05-advantage .item .img {
  width:20%
 }
 .d-tem05-advantage .item:nth-of-type(2n+1) .img {
  float:left
 }
 .d-tem05-advantage .title {
  font-size:16px!important;
  line-height:22px!important
 }
}
@media (max-width:767px) {
 .d-tem05-advantage .item .text {
  padding:0 0 0 10px
 }
 .d-tem05-advantage .description {
  height:auto
 }
}
@media (max-width:480px) {
 .d-tem05-advantage .box {
  padding:10px 0
 }
 .d-tem05-advantage .img {
  font-size:30px;
  padding-top:5px
 }
}
.d-tem06-advantage .row {
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem06-advantage .media-left,
.d-tem06-advantage .img {
 padding:5px;
 border:1px solid #eee
}
.d-tem06-advantage .img img {
 width:100%
}
.d-tem06-advantage .box .text {
 padding:5px;
 font-size:14px
}
.d-tem06-advantage .box .text .title {
 font-size:16px;
 font-weight:700
}
.d-tem06-advantage p {
 margin:0
}
.d-tem06-advantage .media-center .bg-color {
 width:80px;
 height:80px;
 line-height:80px;
 border-radius:50%;
 color:#fff;
 font-size:20px;
 text-align:center;
 margin:0 auto
}
@media (max-width:767px) {
 .d-tem06-advantage .row {
  flex-wrap:wrap
 }
 .d-tem06-advantage .media-center {
  padding-top:10px;
  padding-bottom:15px
 }
}
.d-tem08-advantage.d-tem06-advantage .box .text {
 line-height:28px;
 word-wrap:break-word;
 word-break:normal
}
.d-tem08-advantage.d-tem06-advantage .media-left {
 text-align:right;
 display:table-cell;
 vertical-align:top
}
.d-tem08-advantage.d-tem06-advantage .media-right {
 text-align:left;
 display:table-cell;
 vertical-align:top
}
.d-tem08-advantage.d-tem06-advantage .media-left .title {
 float:right;
 font-size:20px;
 width:39%
}
.d-tem08-advantage.d-tem06-advantage .media-left .desc {
 float:left;
 width:60%
}
.d-tem08-advantage.d-tem06-advantage .media-right .title {
 float:left;
 font-size:20px;
 width:39%
}
.d-tem08-advantage.d-tem06-advantage .media-right .desc {
 float:right;
 width:60%
}
.d-tem08-advantage.d-tem06-advantage .media-center .image {
 width:90%;
 margin:0 auto
}
@media (max-width:767px) {
 .d-tem08-advantage.d-tem06-advantage .media-left {
  text-align:left
 }
 .d-tem08-advantage.d-tem06-advantage .media-left .title,
 .d-tem08-advantage.d-tem06-advantage .media-left .desc {
  float:left
 }
 .d-tem08-advantage.d-tem06-advantage .media-center .image {
  width:100px
 }
}
.d-tem09-advantage .wrap {
 position:relative;
 display:flex;
 display:-webkit-flex;
 align-items:center;
 flex-wrap:wrap
}
.d-tem09-advantage .wrap .item {
 width:auto;
 flex-grow:2;
 flex:initial!important
}
.d-tem09-advantage .wrap .item:nth-of-type(2) {
 flex-grow:1
}
.d-tem09-advantage .wrap .item:nth-of-type(4) {
 flex-grow:auto;
 width:100%;
 flex:auto
}
.d-tem09-advantage .wrap .item:nth-of-type(1) .icon {
 left:auto;
 right:0
}
.d-tem09-advantage .wrap .item:nth-of-type(1) .text {
 padding-left:0
}
.d-tem09-advantage .wrap .item:nth-of-type(3) .text {
 padding-right:0
}
.d-tem09-advantage .wrap .images img {
 max-width:100%;
 border-radius:50%;
 display:block;
 margin:0 auto
}
.d-tem09-advantage .wrap .center {
 margin:15px auto
}
.d-tem09-advantage .wrap .icon {
 position:absolute;
 width:46px;
 height:46px;
 line-height:46px;
 text-align:center;
 color:#fff;
 border-radius:50%;
 left:0;
 font-size:22px;
 font-family:HELVETICANEUELTPRO-THEX,Arial
}
.d-tem09-advantage .wrap .text {
 padding:0 55px;
 position:relative
}
.d-tem09-advantage .wrap .text .title {
 font-size:16px;
 margin-bottom:10px;
 max-width:100%
}
.d-tem09-advantage .wrap .text .description {
 color:#888;
 margin-top:10px
}
.d-tem09-advantage .wrap .box {
 width:42%;
 margin:0 auto;
 text-align:center
}
.d-tem09-advantage .wrap .box .icon {
 position:static;
 text-align:center;
 margin:0 auto
}
.d-tem09-advantage .wrap .box .text {
 padding:15px 0 0
}
@media (max-width:768px) {
 .d-tem09-advantage .wrap .item {
  flex:auto;
  margin:8px 0
 }
 .d-tem09-advantage .wrap .item:nth-of-type(n) .icon {
  left:10px;
  right:auto;
  margin:0;
  position:absolute
 }
 .d-tem09-advantage .wrap .item:nth-of-type(n) .text {
  text-align:left;
  padding:0 0 0 65px!important
 }
 .d-tem09-advantage .wrap .box {
  width:100%
 }
 .d-tem09-advantage .wrap .images {
  width:50%
 }
}
.d-tem10-advantage .row {
 display:flex;
 flex-wrap:nowrap;
 align-items:stretch;
 flex-direction:row;
 position:relative
}
.d-tem10-advantage .tit {
 padding:5px;
 color:#fff;
 font-size:16px;
 font-weight:700;
 margin-bottom:10px;
 border:1px solid #eee
}
.d-tem10-advantage .media-left,
.d-tem10-advantage .media-right {
 padding:0 15px!important
}
.d-tem10-advantage .media-left .tit {
 background:#029bc9
}
.d-tem10-advantage .media-right .tit {
 background:#999
}
.d-tem10-advantage .tit img {
 width:100%
}
.d-tem10-advantage .box .text {
 padding:5px;
 font-size:14px
}
.d-tem10-advantage .box .text .desc {
 height:auto;
 margin-bottom:0
}
.d-tem10-advantage p {
 margin:0
}
.d-tem10-advantage .media-center {
 position:absolute;
 left:50%;
 top:0;
 padding:0;
 z-index:3;
 transform:translate(-50%,0);
 -webkit-transform:translate(-50%,0);
 -moz-transform:translate(-50%,0);
 -ms-transform:translate(-50%,0);
 -o-transform:translate(-50%,0)
}
.d-tem10-advantage .media-center .pkbg {
 position:relative;
 padding:0 20px;
 height:40px;
 line-height:40px;
 color:#fff;
 text-align:center;
 margin:0 auto;
 display:inline-block
}
.d-tem10-advantage .media-center .pkbg span.t {
 z-index:6;
 color:#fff;
 font-size:20px!important
}
.d-tem10-advantage .media-center .pkbg:before {
 content:"";
 width:100%;
 height:40px;
 line-height:40px;
 position:absolute;
 left:0;
 top:0;
 z-index:-1;
 transform:skew(-15deg);
 -webkit-transform:skew(-15deg);
 -moz-transform:skew(-15deg);
 -ms-transform:skew(-15deg);
 -o-transform:skew(-15deg)
}
@media (max-width:767px) {
 .d-tem10-advantage .row {
  flex-wrap:wrap;
  align-items:flex-start;
  flex-direction:column;
  margin:0!important
 }
 .d-tem10-advantage .media-left,
 .d-tem10-advantage .media-right {
  padding:0!important
 }
 .d-tem10-advantage .media-center {
  position:relative;
  padding-top:10px;
  padding-bottom:15px
 }
 .d-tem10-advantage .tit {
  margin-bottom:5px
 }
}
.d-tem01-technology {
 padding:10px 0
}
.d-tem01-technology a {
 color:inherit
}
.d-tem01-technology .tab_row {
 width:100%;
 padding:0;
 margin-bottom:35px;
 float:none;
 position:relative;
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem01-technology .tab_row:nth-child(2n) {
 flex-direction:row-reverse
}
.d-tem01-technology .tab_row:last-child {
 margin-bottom:0
}
.d-tem01-technology .tab_row::after {
 content:"";
 width:1px;
 height:35px;
 border-left:1px dashed #999;
 position:absolute;
 left:50%;
 top:100%
}
.d-tem01-technology .tab_row:last-child::after {
 display:none
}
.d-tem01-technology .tab_row .img {
 width:60%
}
.d-tem01-technology .tab_row .img img {
 width:100%
}
.d-tem01-technology .tab_row .text_box {
 width:40%;
 padding:15px
}
.d-tem01-technology .tab_row .text_box .txt {
 padding-left:50px;
 position:relative;
 display:block
}
.d-tem01-technology .tab_row .text_box .numbox {
 width:30px;
 height:30px;
 color:#fff;
 border-radius:50%;
 line-height:30px;
 text-align:center;
 font-size:20px;
 position:absolute;
 left:0;
 top:0
}
.d-tem01-technology .tab_row .text_box .title {
 font-size:18px;
 font-weight:700;
 color:#333
}
.d-tem01-technology .tab_row .text_box .description {
 font-size:14px;
 color:#666;
 padding:0
}
@media (max-width:767px) {
 .d-tem01-technology .tab_row .text_box {
  padding:10px
 }
 .d-tem01-technology .tab_row .text_box .txt {
  padding-left:40px
 }
}
@media (max-width:480px) {
 .d-tem01-technology .tab_row {
  flex-wrap:wrap;
  margin-bottom:5px
 }
 .d-tem01-technology .tab_row .img {
  width:100%
 }
 .d-tem01-technology .tab_row .text_box {
  width:100%;
  padding:0 0 10px 0;
  margin-top:-10px
 }
 .d-tem01-technology .tab_row .text_box .numbox {
  top:auto
 }
}
.d-tem03-technology.d-tem01-technology .tab_row {
 margin-bottom:0
}
.d-tem03-technology.d-tem01-technology .tab_row::after {
 display:none
}
.d-tem03-technology.d-tem01-technology .tab_row .text_box {
 padding:15px 6%
}
.d-tem03-technology.d-tem01-technology .tab_row .text_box .txt {
 padding-left:0
}
.d-tem03-technology.d-tem01-technology .tab_row .text_box .title {
 color:#fff;
 text-align:center;
 padding:2px 15px;
 margin:10px 0;
 display:inline-block
}
.d-tem03-technology.d-tem01-technology .tab_row .text_box .numbox {
 width:100%;
 color:#333;
 text-align:left;
 border-radius:initial;
 position:relative
}
.d-tem03-technology.d-tem01-technology .tab_row .text_box .description {
 font-size:15px
}
@media (max-width:767px) {
 .d-tem03-technology.d-tem01-technology .tab_row .text_box {
  padding:5px 5%
 }
 .d-tem03-technology.d-tem01-technology .tab_row .text_box .title {
  font-size:16px;
  font-weight:300;
  padding:2px 5px;
  margin:5px 0
 }
 .d-tem03-technology.d-tem01-technology .tab_row .text_box .description {
  font-size:14px
 }
}
@media (max-width:480px) {
 .d-tem03-technology.d-tem01-technology .tab_row .text_box {
  padding:0 0 10px 0;
  margin-top:-10px
 }
}
.d-tem05-technology {
 padding:10px 0
}
.d-tem05-technology a {
 color:inherit
}
.d-tem05-technology .tab_row {
 width:100%;
 padding:0;
 margin-bottom:5px;
 float:none;
 position:relative;
 display:flex;
 flex-wrap:nowrap;
 align-items:center
}
.d-tem05-technology .tab_row:nth-child(2n) {
 flex-direction:row-reverse
}
.d-tem05-technology .tab_row:last-child {
 margin-bottom:0
}
.d-tem05-technology .tab_row::before {
 content:"";
 width:100%;
 height:100%;
 opacity:.15;
 position:absolute;
 left:0;
 top:0
}
.d-tem05-technology .tab_row .img {
 width:50%;
 padding:5px;
 z-index:1
}
.d-tem05-technology .tab_row .img img {
 width:100%
}
.d-tem05-technology .tab_row .text_box {
 width:50%;
 padding:15px;
 z-index:1
}
.d-tem05-technology .tab_row .text_box .txt {
 display:block
}
.d-tem05-technology .tab_row .text_box .numbox {
 color:inherit;
 opacity:.9;
 width:80%;
 font-size:40px;
 line-height:1.2;
 padding-bottom:5px;
 margin-bottom:15px;
 border-bottom-color:inherit;
 border-bottom-width:1px;
 border-bottom-style:dashed;
 font-family:"HELVETICANEUELTPRO-THEX",Arial
}
.d-tem05-technology .tab_row .text_box .title {
 font-size:20px;
 color:inherit
}
.d-tem05-technology .tab_row .text_box .description {
 font-size:14px;
 color:inherit;
 padding:0
}
@media (max-width:1024px) {
 .d-tem05-technology .tab_row .text_box .numbox {
  font-size:30px
 }
}
@media (max-width:767px) {
 .d-tem05-technology .tab_row .text_box {
  padding:10px
 }
 .d-tem05-technology .tab_row .text_box .numbox {
  font-size:26px
 }
 .d-tem05-technology .tab_row .text_box .title {
  font-size:16px
 }
}
@media (max-width:480px) {
 .d-tem05-technology .tab_row {
  flex-wrap:wrap
 }
 .d-tem05-technology .tab_row .img {
  width:100%
 }
 .d-tem05-technology .tab_row .text_box {
  width:100%;
  padding:0 10px 10px 10px;
  margin-top:-10px
 }
 .d-tem05-technology .tab_row .text_box .numbox {
  margin-bottom:5px
 }
}
.d-tem01-logistics .col-sm-4 {
 border-width:0 1px 0 0;
 border-style:solid;
 border-color:#cdcdcd;
 margin:15px 0
}
.d-tem01-logistics .col-sm-4:last-child {
 border-width:0
}
.d-tem01-logistics .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem01-logistics .thumbnail .caption {
 padding-bottom:0
}
.d-tem01-logistics .thumbnail h3,
.d-tem01-logistics .thumbnail .h3 {
 color:#666;
 margin:0;
 font-size:16px
}
.d-tem01-logistics .thumbnail .image {
 width:60px;
 margin:0 auto
}
.d-tem01-logistics .thumbnail .image img {
 max-width:100%
}
@media (max-width:480px) {
 .d-tem01-logistics .col-xs-4 {
  width:100%;
  border:none
 }
}
.d-tem02-logistics.d-tem01-logistics .col-sm-3 {
 border-width:0 1px 0 0;
 border-style:solid;
 border-color:#cdcdcd;
 margin:15px 0
}
.d-tem02-logistics.d-tem01-logistics .col-sm-3:last-child {
 border-width:0
}
@media (max-width:480px) {
 .d-tem02-logistics.d-tem01-logistics .col-xs-6,
 .d-tem02-logistics.d-tem01-logistics .col-xs-6:nth-of-type(2n) {
  width:100%;
  border:none
 }
}
.d-tem03-logistics li .tit {
 font-weight:700;
 margin-right:10px
}
.d-tem03-logistics li p {
 margin:0 0 5px
}
.d-tem04-logistics li {
 padding-left:16px;
 position:relative
}
.d-tem04-logistics li .border-color {
 width:2px;
 height:10px;
 position:absolute;
 left:5px;
 top:5px;
 border-left-width:2px;
 border-left-style:solid
}
.d-tem04-logistics li .tit {
 margin-right:10px
}
.d-tem04-logistics li p {
 margin:0 0 5px
}
.d-tem05-logistics li {
 padding-left:20px;
 position:relative
}
.d-tem05-logistics li .border-color {
 width:8px;
 height:8px;
 position:absolute;
 left:3px;
 top:12px;
 border-width:1px 1px 0 0;
 border-style:solid;
 transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg)
}
.d-tem05-logistics li .tit {
 margin-right:10px
}
.d-tem05-logistics li p {
 margin:0 0 5px
}
.d-tem06-logistics .col-xs-6 {
 margin:15px 0
}
.d-tem06-logistics .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem06-logistics .thumbnail .image {
 width:60px;
 margin:0 auto
}
.d-tem06-logistics .thumbnail .image img {
 max-width:100%
}
.d-tem06-logistics .thumbnail .caption {
 width:calc(100% - 60px);
 padding:10px 0 0 10px
}
.d-tem06-logistics .thumbnail h3,
.d-tem06-logistics .thumbnail .h3 {
 margin:0;
 font-size:14px;
 font-weight:700
}
.d-tem06-logistics .thumbnail p {
 color:#666
}
@media (max-width:767px) {
 .d-tem06-logistics .col-xs-6 {
  margin:5px 0
 }
}
@media (max-width:480px) {
 .d-tem06-logistics .col-xs-6 {
  width:100%;
  border:none
 }
}
.d-tem07-logistics.d-tem06-logistics .col-sm-4 {
 margin:10px 0
}
@media (max-width:767px) {
 .d-tem07-logistics.d-tem06-logistics .col-sm-4 {
  margin:5px 0
 }
}
@media (max-width:480px) {
 .d-tem06-logistics .col-xs-4 {
  width:100%;
  border:none
 }
}
.d-tem08-logistics.d-tem06-logistics .col-sm-3 {
 margin:10px 0
}
@media (max-width:767px) {
 .d-tem08-logistics.d-tem06-logistics .col-sm-3 {
  margin:5px 0
 }
}
.d-tem09-logistics .item {
 margin:15px 0;
 position:relative
}
.d-tem09-logistics .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem09-logistics .thumbnail .image {
 width:70px;
 margin:0 auto
}
.d-tem09-logistics .thumbnail .image img {
 max-width:100%
}
.d-tem09-logistics .thumbnail .caption {
 padding:10px
}
.d-tem09-logistics .thumbnail p {
 color:#666;
 margin:0;
 font-size:14px
}
.d-tem09-logistics .iconbox {
 color:#999;
 font-size:20px;
 position:absolute;
 right:-10px;
 top:30px;
 z-index:1
}
.d-tem09-logistics .item:last-child .iconbox {
 display:none
}
.d-tem09-logistics .iconbox span {
 display:inline-block;
 transform:rotate(-90deg);
 -moz-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -o-transform:rotate(-90deg)
}
@media (max-width:767px) {
 .d-tem09-logistics .item {
  margin:5px 0
 }
}
@media (max-width:480px) {
 .d-tem09-logistics .item {
  width:100%;
  padding-bottom:30px
 }
 .d-tem09-logistics .item:last-child {
  padding-bottom:10px
 }
 .d-tem09-logistics .iconbox {
  right:50%;
  top:auto;
  bottom:0;
  margin-right:-10px
 }
 .d-tem09-logistics .iconbox span {
  transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg)
 }
}
.d-tem12-logistics {
 margin:15px 0
}
.d-tem12-logistics .item {
 display:flex;
 align-items:center;
 margin:10px 0
}
.d-tem12-logistics .head-title {
 font-size:18px;
 font-weight:700;
 margin:0 0 5px 0
}
.d-tem12-logistics .pull-left {
 width:200px;
 text-align:center
}
.d-tem12-logistics .pull-left .image {
 width:100%;
 margin:0 auto
}
.d-tem12-logistics .pull-left .image img {
 max-width:100%
}
.d-tem12-logistics .pull-right {
 width:calc(100% - 200px);
 padding:0 0 0 30px
}
.d-tem12-logistics .caption {
 width:100%
}
.d-tem12-logistics .caption li {
 margin:5px 0
}
.d-tem12-logistics .caption li .tit {
 font-size:14px;
 font-weight:700;
 margin:0
}
.d-tem12-logistics .caption li .tit .bg-color {
 width:5px;
 height:5px;
 border-radius:50%;
 margin:2px 4px;
 display:inline-block
}
@media (max-width:767px) {
 .d-tem12-logistics .item {
  display:block
 }
 .d-tem12-logistics .pull-left,
 .d-tem12-logistics .pull-right {
  width:100%;
  padding:0
 }
 .d-tem12-logistics .caption {
  margin:10px 0 0 0
 }
}
.d-tem13-logistics .item {
 position:relative
}
.d-tem13-logistics .thumbnail {
 border-width:0;
 margin:0;
 padding:0
}
.d-tem13-logistics .thumbnail .image {
 width:90%;
 margin:0 auto
}
.d-tem13-logistics .thumbnail .image img {
 max-width:100%
}
.d-tem13-logistics .thumbnail .head-title {
 font-size:14px;
 font-weight:700;
 padding:0 10px;
 margin:5px 0
}
.d-tem13-logistics .thumbnail .caption {
 padding:10px;
 width:100%
}
.d-tem13-logistics .thumbnail .caption li {
 margin:5px 0
}
.d-tem13-logistics .thumbnail .caption li .tit {
 font-size:12px;
 margin:0
}
.d-tem13-logistics .thumbnail .caption li .tit .bg-color {
 width:5px;
 height:5px;
 border-radius:50%;
 margin:2px 4px;
 display:inline-block
}
.d-tem13-logistics .iconbox {
 color:#999;
 font-size:20px;
 position:absolute;
 right:-10px;
 top:60px;
 z-index:1
}
.d-tem13-logistics .item:last-child .iconbox {
 display:none
}
.d-tem13-logistics .iconbox span {
 display:inline-block;
 transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg)
}
@media (max-width:767px) {
 .d-tem13-logistics .item {
  margin:5px 0
 }
 .d-tem13-logistics .bottom {
  display:none
 }
}
@media (max-width:480px) {
 .d-tem13-logistics .item {
  width:100%;
  padding-bottom:30px
 }
 .d-tem13-logistics .item:last-child {
  padding-bottom:10px
 }
 .d-tem13-logistics .thumbnail .image {
  width:100%
 }
 .d-tem13-logistics .thumbnail .head-title {
  padding:0
 }
 .d-tem13-logistics .iconbox {
  right:50%;
  top:auto;
  bottom:0;
  margin-right:-10px
 }
 .d-tem13-logistics .iconbox span {
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg)
 }
}
.d-tem01-guide .cont-section {
 padding-left:10px;
 padding-right:10px
}
.d-tem01-guide .btnbox {
 width:50%;
 height:150px;
 position:relative;
 left:0;
 border-radius:50%;
 color:#fff;
 background-color:rgb(240,189,88);
 margin:0 auto 10px;
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 z-index:1
}
.d-tem01-guide .btnbox::after {
 content:"";
 border-color:rgb(240,189,88);
 border-style:solid;
 border-width:50px 25px 0 25px;
 position:absolute;
 top:110px;
 left:75px;
 width:0;
 height:0;
 border-left-color:transparent;
 border-right-color:transparent;
 transform:rotate(50deg);
 -moz-transform:rotate(50deg);
 -webkit-transform:rotate(50deg);
 -ms-transform:rotate(50deg);
 -o-transform:rotate(50deg)
}
.d-tem01-guide .btnbox .btn-text {
 width:80%;
 height:100px;
 line-height:20px;
 position:relative;
 left:0;
 top:0;
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 justify-content:center;
 margin:0 auto;
 overflow:hidden;
 z-index:3
}
.d-tem01-guide .btnbox p {
 color:#fff;
 font-size:16px;
 margin:0;
 line-height:20px
}
@media (max-width:767px) {
 .d-tem01-guide .cont-section {
  padding-left:0;
  padding-right:0
 }
 .d-tem01-guide .btnbox {
  width:70%;
  height:170px
 }
 .d-tem01-guide .btnbox::after {
  top:130px;
  transform:rotate(40deg);
  -moz-transform:rotate(40deg);
  -webkit-transform:rotate(40deg);
  -ms-transform:rotate(40deg);
  -o-transform:rotate(40deg)
 }
 .d-tem01-guide .btnbox .btn-text {
  width:80%;
  height:120px
 }
}
@media (max-width:360px) {
 .d-tem01-guide .btnbox {
  width:90%
 }
 .d-tem01-guide .btnbox::after {
  top:140px
 }
}
.d-tem02-guide.d-tem01-guide .btnbox::after {
 left:auto;
 right:75px;
 transform:rotate(-50deg);
 -moz-transform:rotate(-50deg);
 -webkit-transform:rotate(-50deg);
 -ms-transform:rotate(-50deg);
 -o-transform:rotate(-50deg)
}
@media (max-width:767px) {
 .d-tem02-guide.d-tem01-guide .btnbox::after {
  transform:rotate(-40deg);
  -moz-transform:rotate(-40deg);
  -webkit-transform:rotate(-40deg);
  -ms-transform:rotate(-40deg);
  -o-transform:rotate(-40deg)
 }
}
.d-tem03-guide .cont-section {
 padding-left:10px;
 padding-right:10px
}
.d-tem03-guide .text-img {
 width:calc(100% - 160px)
}
.d-tem03-guide .text-img img {
 max-width:100%
}
.d-tem03-guide .btnbox {
 width:110px;
 height:110px;
 border-radius:50%;
 color:#fff;
 background-color:rgb(240,189,88);
 margin:7% auto;
 position:relative;
 left:-20px;
 display:flex;
 align-items:center;
 z-index:1
}
.d-tem03-guide .btnbox::after {
 content:"";
 border-color:rgb(240,189,88);
 border-style:solid;
 border-width:50px 25px 0 25px;
 position:absolute;
 top:75px;
 left:0;
 width:0;
 height:0;
 border-left-color:transparent;
 border-right-color:transparent;
 transform:rotate(50deg);
 -moz-transform:rotate(50deg);
 -webkit-transform:rotate(50deg);
 -ms-transform:rotate(50deg);
 -o-transform:rotate(50deg)
}
.d-tem03-guide .btnbox .btn-text {
 width:80px;
 height:60px;
 line-height:20px;
 position:relative;
 left:15px;
 top:0;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 z-index:3
}
.d-tem03-guide .btnbox p {
 color:#fff;
 font-size:16px;
 margin:0;
 line-height:20px
}
@media (max-width:1024px) {
 .d-tem03-guide .btnbox {
  margin:4% auto
 }
}
@media (max-width:767px) {
 .d-tem03-guide .cont-section {
  padding-left:0;
  padding-right:0
 }
 .d-tem03-guide .text-img {
  width:100%
 }
 .d-tem03-guide .btnbox {
  width:50%;
  left:-25%
 }
 .d-tem03-guide .btnbox::after {
  left:45px;
  transform:rotate(40deg);
  -moz-transform:rotate(40deg);
  -webkit-transform:rotate(40deg);
  -ms-transform:rotate(40deg);
  -o-transform:rotate(40deg)
 }
 .d-tem03-guide .btnbox .btn-text {
  width:80%;
  left:0;
  margin:0 auto
 }
}
@media (max-width:360px) {
 .d-tem03-guide .btnbox {
  width:70%;
  left:-15%
 }
 .d-tem03-guide .btnbox::after {
  top:80px
 }
}
.d-tem04-guide.d-tem03-guide .btnbox {
 left:20px
}
.d-tem04-guide.d-tem03-guide .btnbox::after {
 left:auto;
 right:0;
 transform:rotate(-50deg);
 -moz-transform:rotate(-50deg);
 -webkit-transform:rotate(-50deg);
 -ms-transform:rotate(-50deg);
 -o-transform:rotate(-50deg)
}
@media (max-width:767px) {
 .d-tem04-guide.d-tem03-guide .btnbox {
  left:25%
 }
 .d-tem04-guide.d-tem03-guide .btnbox::after {
  left:auto;
  right:45px;
  transform:rotate(-40deg);
  -moz-transform:rotate(-40deg);
  -webkit-transform:rotate(-40deg);
  -ms-transform:rotate(-40deg);
  -o-transform:rotate(-40deg)
 }
}
@media (max-width:480px) {
 .d-tem04-guide.d-tem03-guide .btnbox {
  margin:4% auto 6%
 }
}
@media (max-width:360px) {
 .d-tem04-guide.d-tem03-guide .btnbox {
  left:15%;
  margin:4% auto 8%
 }
}
.d-tem01-button .item {
 display:inline-block
}
.d-tem01-button a {
 padding:12px 100px;
 border:1px solid #ccc;
 color:#b9b9b9;
 font-size:14px;
 transition:all 0.3s ease-out 0s;
 -moz-transition:all 0.3s ease-out 0s;
 -ms-transition:all 0.3s ease-out 0s;
 -o-transition:all 0.3s ease-out 0s;
 -webkit-transition:all 0.3s ease-out 0s;
 display:inline-block
}
.d-tem01-button a:hover {
 color:#fff;
 border-color:transparent
}
.d-tem04-button a {
 background-color:rgba(0,0,0,.6);
 padding:7px 30px;
 display:inline-block
}
.d-tem04-button a img {
 width:auto;
 margin:0 auto;
 padding:5px 0
}
.d-tem07-button a {
 display:inline-block;
 color:#fff
}
.d-tem10-button .item {
 display:inline-block;
 position:relative;
 z-index:2
}
.d-tem10-button a {
 transition:all 0.5s ease 0s;
 -moz-transition:all 0.6s ease 0s;
 -ms-transition:all 0.6s ease 0s;
 -o-transition:all 0.6s ease 0s;
 -webkit-transition:all 0.6s ease 0s;
 position:relative;
 padding:8px 42px;
 border-top:1px solid;
 border-bottom:1px solid;
 border-color:inherit;
 z-index:1;
 font-size:15px;
 display:inline-block
}
.d-tem10-button a:hover {
 color:#fff
}
.d-tem10-button .item::before {
 position:absolute;
 content:"";
 width:100%;
 height:0;
 left:0;
 transition:all 0.6s ease 0s;
 bottom:0;
 z-index:-1
}
.d-tem10-button .item:hover::before {
 height:100%;
 bottom:0
}
.d-tem13-button .item {
 display:inline-block;
 border-radius:200px
}
.d-tem13-button a {
 padding:10px 40px;
 display:inline-block;
 font-size:14px;
 color:#fff
}
.d-tem16-button .item {
 display:inline-block
}
.d-tem16-button a {
 padding:8px 45px;
 display:inline-block;
 font-size:14px;
 color:#444;
 border:1px solid #ddd
}
.pdm-lay img {
 max-width:100%
}
.pdm-lay .pdm-headbox {
 height:18px;
 background-color:#e0e0e0;
 border-left:9px solid #f1393a
}
.pdm-lay .pdm-headbox .pdm-head-title {
 margin-top:-3px;
 color:#333;
 background:#fff;
 padding-left:15px;
 padding-right:15px;
 display:inline-block
}
.pdm-lay .pdm-conbox .pdm-con-desc {
 font-size:14px;
 line-height:24px;
 color:#666
}
.pdm-lay .pdm-conbox .pdm-text {
 font-size:16px;
 color:#333
}
.pdm-conbox {
 padding:20px
}
@media (max-width:767px) {
 .pdm-conbox {
  padding:15px 0
 }
 .pdm-lay .pdm-headbox .pdm-head-title {
  font-size:18px
 }
 .pdm-lay .pdm-conbox .pdm-text {
  font-size:14px;
  margin-top:10px
 }
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"] {
 display:none
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(1) {
 display:block
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(2) {
 display:block
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(3) {
 display:block
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(4) {
 display:block
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(5) {
 display:block
}
section[modular-name] .pdm-con-desc li[data-prodetail="img-li"]:nth-child(6) {
 display:block
}
.pdm-tem02-headbox {
 position:relative;
 background-color:#000;
 padding-left:36px
}
.pdm-tem02-headbox span {
 position:relative;
 z-index:1;
 color:#FFF;
 font-size:20px;
 line-height:34px
}
.pdm-tem02-headbox:before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:96px;
 background-color:var(--main-color)
}
@media(max-width:767px) {
 .pdm-tem02-headbox span {
  font-size:16px!important
 }
}
.pdm-tem03-headbox {
 overflow:hidden;
 color:var(--main-color);
 font-size:20px;
 font-weight:700
}
.pdm-tem03-headbox span {
 display:inline-block;
 position:relative;
 padding:0 25px
}
.pdm-tem03-headbox span:before,
.pdm-tem03-headbox span:after {
 content:"";
 position:absolute;
 top:50%;
 width:100vw;
 height:8px;
 background-color:rgba(0,0,0,.05)
}
.pdm-tem03-headbox span:before {
 left:0;
 transform:translate(-100%,-50%)
}
.pdm-tem03-headbox span:after {
 right:0;
 transform:translate(100%,-50%)
}
@media(max-width:767px) {
 .pdm-tem03-headbox span {
  font-size:16px!important
 }
}
.pdm-tem04-headbox {
 display:flex;
 display:-webkit-flex;
 align-items:flex-end;
 font-size:18px
}
.pdm-tem04-headbox .icon {
 width:27px;
 height:24px;
 flex-shrink:0;
 position:relative;
 overflow:hidden
}
.pdm-tem04-headbox .icon i {
 width:40px;
 height:2px;
 display:block;
 transform:translate(-50%,-50%) rotate(-45deg);
 position:absolute;
 top:50%;
 left:50%;
 background:var(--main-color)
}
.pdm-tem04-headbox .icon:before {
 top:-8px;
 left:-8px
}
.pdm-tem04-headbox .icon:after {
 bottom:-8px;
 right:-8px
}
.pdm-tem04-headbox .icon:before,
.pdm-tem04-headbox .icon:after,
.pdm-tem04-headbox .bar:before {
 content:"";
 position:absolute;
 width:16px;
 height:16px;
 display:block;
 transform:rotate(45deg);
 background:var(--main-color)
}
.pdm-tem04-headbox .bar:before {
 bottom:-8px;
 right:-8px
}
.pdm-tem04-headbox .bar {
 flex-grow:1;
 height:12px;
 background-color:rgba(0,0,0,.035);
 position:relative;
 overflow:hidden
}
.pdm-tem04-headbox .pdm-head-title {
 padding:0 20px;
 line-height:1
}
.pdm-tem04-con-desc {
 position:relative;
 color:#666;
 font-size:16px
}
.pdm-tem04-con-desc:before {
 content:"";
 position:absolute;
 top:0;
 left:-20px;
 width:29px;
 height:1px;
 background-color:#CCC;
 display:block;
 transform:rotate(-45deg)
}
.pdm-tem04-conbox {
 padding-left:6%
}
.pdm-tem01-advantage .pdm-con-desc li {
 font-size:14px;
 line-height:24px;
 color:#666;
 padding-left:30px;
 position:relative;
 margin:5px 0
}
.pdm-tem01-advantage .pdm-con-desc li .pdm-numbox {
 width:18px;
 height:18px;
 line-height:18px;
 color:#fff;
 background-color:#f1393a;
 border-radius:50%;
 display:inline-block;
 position:absolute;
 left:0;
 top:3px
}
.pdm-tem02-advantage {
 counter-reset:num;
 font-size:16px
}
.pdm-tem02-advantage li {
 position:relative;
 padding:5px 0 5px 30px;
 border-color:var(--main-color)
}
.pdm-tem02-advantage li:before {
 content:counter(num);
 counter-increment:num;
 color:#FFF;
 line-height:20px;
 text-align:center;
 z-index:1
}
.pdm-tem02-advantage li:before,
.pdm-tem02-advantage li:after {
 position:absolute;
 top:5px;
 left:0;
 width:20px;
 height:20px;
 display:block
}
.pdm-tem02-advantage li:after {
 content:"";
 border-radius:50%;
 border:10px solid;
 border-color:inherit
}
.pdm-tem03-advantage li {
 padding:8px 0 8px 30px
}
.pdm-tem03-advantage li:before,
.pdm-tem03-advantage li:after {
 top:8px
}
.pdm-tem03-advantage li:after {
 box-shadow:0 2px 5px rgba(0,0,0,.3)
}
.pdm-tem04-advantage .pdm-conbox {
 padding-left:5%
}
.pdm-tem04-advantage ul {
 counter-reset:num
}
.pdm-tem04-advantage ul .box {
 height:100%;
 border-bottom:1px solid #E3E3E3
}
.pdm-tem04-advantage ul li {
 padding:15px
}
.pdm-tem04-advantage ul i {
 border-bottom:1px solid #CCC;
 display:inline-block;
 height:70px;
 transform:rotate(-45deg);
 font-size:50px;
 font-weight:700;
 font-style:normal
}
.pdm-tem04-advantage ul i:before {
 content:counter(num,decimal-leading-zero);
 counter-increment:num;
 display:block;
 transform:rotate(45deg)
}
.pdm-tem04-advantage ul span {
 color:#666;
 display:block;
 padding:15px 0
}
@media(max-width:767px) {
 .pdm-tem04-advantage ul i {
  height:50px
 }
}
.pdm-tem05-advantage {
 background-color:#171719;
 padding:4vh 2.5vw
}
.pdm-tem05-advantage .pdm-tem05-headbox {
 width:28%;
 padding-left:4%;
 padding-right:1.6vw;
 word-break:break-all
}
.pdm-tem05-advantage .pdm-head-title {
 font-size:26px;
 color:#fff;
 line-height:30px;
 display:block;
 margin-bottom:1.8vh
}
.pdm-tem05-advantage .line {
 width:14px;
 height:6px;
 display:block;
 background:#fff
}
section.pdm-tem05-advantage[modular-name] .pdm-con-desc .list[data-prodetail="img-li"] {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap;
 margin-bottom:14px
}
section.pdm-tem05-advantage[modular-name] .pdm-con-desc .list[data-prodetail="img-li"]:last-of-type {
 margin-bottom:0
}
.pdm-tem05-advantage .pdm-tem05-conbox {
 flex:1;
 -webkit-flex:1;
 background:#1e1d22;
 padding:20px 20px 20px 0
}
.pdm-tem05-advantage .list:nth-of-type(3n+1) .icon:after {
 content:"";
 width:14px;
 height:14px;
 border:3px solid #fff;
 position:absolute;
 top:9px;
 left:9px
}
.pdm-tem05-advantage .list:nth-of-type(3n+2) .icon:after {
 content:"";
 width:14px;
 height:14px;
 border:3px solid #fff;
 border-radius:14px;
 position:absolute;
 top:9px;
 left:9px
}
.pdm-tem05-advantage .list:nth-of-type(3n+3) .icon:after {
 content:"";
 width:0;
 height:0;
 border-bottom:6px solid var(--main-color);
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 position:absolute;
 top:13px;
 left:12px
}
.pdm-tem05-advantage .list:nth-of-type(3n+3) .icon:before {
 content:"";
 width:0;
 height:0;
 border-bottom:12px solid #fff;
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 position:absolute;
 top:9px;
 left:8px
}
.pdm-tem05-advantage .icon {
 width:32px;
 height:32px;
 background:var(--main-color);
 margin-right:16px;
 position:relative
}
.pdm-tem05-advantage .text {
 position:relative;
 padding-bottom:10px;
 flex:1;
 -webkit-flex:1
}
.pdm-tem05-advantage .text:after {
 content:"";
 width:100%;
 height:1px;
 background:#343337;
 position:absolute;
 bottom:0;
 left:0
}
.pdm-tem05-advantage .pdm-numbox-txt {
 color:#b0b0b1;
 font-size:14px;
 word-break:break-all
}
@media(max-width:1200px) {
 .pdm-tem05-advantage .pdm-tem05-headbox {
  width:26%
 }
}
@media (max-width:768px) {
 .pdm-tem05-advantage {
  padding:3vh 2vh;
  display:block
 }
 .pdm-tem05-advantage .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem05-advantage .pdm-tem05-headbox {
  width:100%;
  padding-left:0;
  padding-right:0;
  margin-bottom:3vh
 }
}
@media(max-width:420px) {
 .pdm-tem05-advantage .pdm-tem05-headbox {
  width:35%
 }
}
.pdm-tem06-advantage {
 padding:1vh 1.2vw;
 counter-reset:num
}
.pdm-tem06-advantage .pdm-head-title {
 font-size:32px;
 text-transform:uppercase
}
.pdm-tem06-advantage .line {
 width:8%;
 height:1px;
 background:var(--main-color);
 margin-top:.8vw
}
.pdm-tem06-advantage .pdm-conbox {
 padding:0;
 padding-top:1.2vh
}
.pdm-tem06-advantage .list {
 width:100%;
 padding-left:2.4vw;
 font-size:12px;
 opacity:.8;
 text-indent:2em;
 position:relative;
 padding-bottom:1vh
}
.pdm-tem06-advantage .list:before {
 content:counter(num) ".";
 counter-increment:num;
 font-size:20px;
 line-height:1;
 position:absolute;
 top:-5px;
 left:1.2vw
}
@media (max-width:1200px) {
 .pdm-tem06-advantage .list:before {
  left:.6vw
 }
}
@media (max-width:768px) {
 .pdm-tem06-advantage {
  padding:3vh 1.2vw
 }
 .pdm-tem06-advantage .line {
  width:14%
 }
 .pdm-tem06-advantage .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-advantage .list:before {
  top:-1px;
  left:-1vw
 }
}
@media (max-width:480px) {
 .pdm-tem06-advantage .pdm-conbox {
  padding-top:2vh;
  padding-bottom:2vw
 }
 .pdm-tem06-advantage .list:before {
  top:-1px;
  left:-2.8vw
 }
}
.pdm-tem01-prodetail .pdm-conbox ul {
 padding:10px 0
}
.pdm-tem01-prodetail .pdm-conbox ul li {
 padding:15px 0;
 display:flex;
 display:-webkit-flex;
 display:-ms-flex;
 flex-wrap:wrap;
 align-items:stretch
}
.pdm-tem01-prodetail .pdm-conbox ul li .pdm-image {
 width:60%
}
.pdm-tem01-prodetail .pdm-conbox ul li .pdm-image img {
 width:100%;
 height:100%
}
.pdm-tem01-prodetail .pdm-conbox ul li .pdm-text {
 width:40%;
 padding:10% 5%;
 background-color:#191919;
 font-size:24px;
 color:#fff;
 margin:0
}
@media (max-width:767px) {
 .pdm-tem01-prodetail .pdm-conbox ul {
  padding:10px 0;
  margin:0
 }
 .pdm-tem01-prodetail .pdm-conbox ul li {
  padding:10px 0
 }
 .pdm-tem01-prodetail .pdm-conbox ul li .pdm-image {
  width:100%
 }
 .pdm-tem01-prodetail .pdm-conbox ul li .pdm-text {
  width:100%;
  font-size:16px
 }
}
.pdm-tem02-prodetail {
 color:#666;
 font-size:16px
}
.pdm-tem02-prodetail img {
 width:100%;
 border:1px solid #CCC;
 border-radius:10px
}
.pdm-tem02-prodetail .pdm-text {
 padding:10px
}
@media (max-width:767px) {
 .pdm-tem02-prodetail {
  font-size:14px
 }
 .pdm-tem02-prodetail ul {
  font-size:12px
 }
}
.pdm-tem03-prodetail img {
 width:100%
}
.pdm-tem03-prodetail li {
 width:50%;
 float:left;
 position:relative
}
.pdm-tem03-prodetail li {
 width:50%;
 float:left;
 position:relative
}
.pdm-tem03-prodetail li:nth-child(4n+3) .text,
.pdm-tem03-prodetail li:nth-child(4n+4) .text {
 align-items:flex-end
}
.pdm-tem03-prodetail li:nth-child(4n+1) .text,
.pdm-tem03-prodetail li:nth-child(4n+4) .text {
 background-color:rgba(0,0,0,.5);
 color:#FFF
}
.pdm-tem03-prodetail .text {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background-color:rgba(255,255,255,.5);
 display:flex;
 display:-webkit-flex;
 padding:15px
}
.pdm-tem04-prodetail img {
 width:100%
}
.pdm-tem04-prodetail li {
 position:relative;
 overflow:hidden;
 background-color:#FFF;
 padding:60px 0 25px 30px;
 margin-bottom:5%
}
.pdm-tem04-prodetail li:before {
 width:66%;
 height:100%;
 top:0
}
.pdm-tem04-prodetail li:before,
.pdm-tem04-prodetail li:after {
 content:"";
 position:absolute;
 border:1px solid #EDEDED
}
.pdm-tem04-prodetail li:after {
 background-color:inherit;
 width:100px;
 height:100px;
 display:block;
 top:-58px
}
.pdm-tem04-prodetail li:nth-child(odd):before {
 left:0
}
.pdm-tem04-prodetail li:nth-child(odd):after {
 left:-40px;
 transform:rotate(52deg)
}
.pdm-tem04-prodetail li:nth-child(even) {
 flex-direction:row-reverse
}
.pdm-tem04-prodetail li:nth-child(even):before {
 right:0
}
.pdm-tem04-prodetail li:nth-child(even):after {
 right:-42px;
 transform:rotate(38deg)
}
.pdm-tem04-prodetail .text {
 position:relative;
 z-index:1;
 padding:0 20px 20px
}
.pdm-tem04-prodetail .pdm-image {
 position:relative;
 z-index:1
}
@media(min-width:992px) {
 .pdm-tem04-prodetail li {
  display:flex;
  display:-webkit-flex
 }
 .pdm-tem04-prodetail .text {
  width:30%
 }
 .pdm-tem04-prodetail .pdm-image {
  width:70%
 }
}
.pdm-tem05-prodetail {
 position:relative;
 background:#171719;
 padding:3vh 2vw
}
.pdm-tem05-prodetail .pdm-tem05-headbox {
 width:43%;
 background:var(--main-color);
 padding:5vh 3.2vw 5.4vh 13%;
 box-sizing:border-box;
 position:absolute;
 right:0;
 top:0
}
.pdm-tem05-prodetail .bar {
 width:18px;
 height:7px;
 background:#fff;
 display:block;
 margin-bottom:3.6vh
}
.pdm-tem05-prodetail .pdm-head-title {
 width:100%;
 font-size:26px;
 font-weight:700;
 color:#fff;
 margin-bottom:4.2vh;
 display:block
}
.pdm-tem05-prodetail .pdm-tem05-conbox {
 width:100%;
 padding-right:.8vh;
 padding-left:0
}
.pdm-tem05-prodetail li:nth-of-type(2n+1) .pdm-text {
 font-size:16px;
 color:#adadad;
 width:78%;
 margin-left:5%;
 padding-left:4%;
 word-break:break-all;
 margin-bottom:2.8vh;
 position:relative
}
.pdm-tem05-prodetail li:nth-of-type(2n+2) .pdm-text {
 font-size:16px;
 color:#adadad;
 width:86%;
 margin-left:14%;
 padding-right:8%;
 word-break:break-all;
 margin-bottom:2.8vh;
 position:relative;
 text-align:right
}
.pdm-tem05-prodetail li:nth-of-type(2n+1) .pdm-text:after {
 content:"";
 width:1px;
 height:250%;
 background:var(--main-color);
 position:absolute;
 top:0;
 left:0
}
.pdm-tem05-prodetail li:nth-of-type(2n+2) .pdm-text:after {
 content:"";
 width:1px;
 height:250%;
 background:var(--main-color);
 position:absolute;
 top:0;
 right:6%
}
.pdm-tem05-prodetail .pdm-con-desc {
 color:#fff;
 opacity:.7;
 word-break:break-all;
 padding-bottom:0;
 font-size:16px
}
.pdm-tem05-prodetail li:nth-of-type(1) {
 padding:0
}
.pdm-tem05-prodetail li {
 width:100%;
 display:inline-block;
 position:relative;
 margin-bottom:8vh;
 padding:0 6vh
}
.pdm-tem05-prodetail li:last-child {
 margin-bottom:0
}
.pdm-tem05-prodetail li:nth-of-type(2n+1) .list {
 width:67.5%;
 float:left
}
.pdm-tem05-prodetail li:nth-of-type(2n+2) .list {
 width:67.5%;
 float:right
}
.pdm-tem05-prodetail .pdm-image {
 width:100%
}
.pdm-tem05-prodetail .pdm-image img {
 width:100%
}
@media (max-width:1200px) {
 .pdm-tem05-prodetail li {
  margin-bottom:4vh
 }
}
@media (max-width:767px) {
 .pdm-tem05-prodetail li {
  margin-bottom:2vh;
  padding:0
 }
 .pdm-tem05-prodetail .pdm-tem05-headbox {
  width:100%;
  padding:2vh 1vh;
  position:static
 }
 .pdm-tem05-prodetail .pdm-head-title {
  margin-bottom:1vh
 }
 .pdm-tem05-prodetail .bar {
  margin-bottom:1vh;
  font-size:22px!important
 }
 .pdm-tem05-prodetail li:nth-of-type(2n+1) .pdm-text {
  margin-bottom:1.2vh
 }
 .pdm-tem05-prodetail li:nth-of-type(2n+2) .pdm-text {
  margin-bottom:1.2vh
 }
 .pdm-tem05-prodetail li:nth-of-type(2n+1) .pdm-text:after {
  height:200%
 }
 .pdm-tem05-prodetail li:nth-of-type(2n+2) .pdm-text:after {
  height:200%
 }
 .pdm-tem05-prodetail .pdm-tem05-conbox {
  padding-right:0vh
 }
 .pdm-tem05-prodetail .pdm-con-desc {
  font-size:12px
 }
}
.pdm-tem06-prodetail {
 padding:1vh 1.2vw
}
.pdm-tem06-prodetail .pdm-tem06-headbox {
 width:100%
}
.pdm-tem06-prodetail .pdm-head-title {
 font-size:32px;
 text-transform:uppercase
}
.pdm-tem06-prodetail .line {
 width:16%;
 height:1px;
 background:var(--main-color);
 margin:.8vw 0
}
.pdm-tem06-prodetail .pdm-conbox {
 padding:0
}
.pdm-tem06-prodetail .pdm-con-desc {
 font-size:12px;
 opacity:.8;
 padding-left:2.2vw;
 position:relative
}
.pdm-tem06-prodetail .pdm-con-desc:after {
 content:"";
 width:20px;
 height:1px;
 background:var(--main-color);
 position:absolute;
 bottom:0;
 left:2.2vw
}
.pdm-tem06-prodetail .one {
 width:50%;
 padding-top:2vh
}
.pdm-tem06-prodetail .list {
 width:50%;
 padding:1.4vh 2.4vw
}
.pdm-tem06-prodetail .list:nth-of-type(2n+1) .bg {
 left:-1.75vw
}
.pdm-tem06-prodetail .list:nth-of-type(2n+2) .bg {
 right:-1.7vw
}
.pdm-tem06-prodetail .pdm-image {
 position:relative
}
.pdm-tem06-prodetail .bg {
 width:12vw;
 height:12vw;
 background:var(--main-color);
 position:absolute;
 bottom:-1.75vw;
 opacity:.25
}
.pdm-tem06-prodetail .pdm-text {
 margin-top:2vw;
 font-size:14px
}
.pdm-tem06-prodetail .list img {
 width:100%;
 position:relative;
 z-index:2
}
@media (max-width:1200px) {
 .pdm-tem06-prodetail .bg {
  width:14vw;
  height:14vw
 }
}
@media (max-width:992px) {
 .pdm-tem06-prodetail .bg {
  width:20vw;
  height:20vw
 }
}
@media (max-width:768px) {
 .pdm-tem06-prodetail {
  padding:3vh 1.2vw
 }
 .pdm-tem06-prodetail .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-prodetail .flexBoxWrap {
  display:block
 }
 .pdm-tem06-prodetail .one {
  width:100%;
  margin-bottom:1.6vw
 }
 .pdm-tem06-prodetail .list {
  width:100%;
  padding:0 .8vw 2.8vh
 }
 .pdm-tem06-prodetail .bg {
  width:28vw;
  height:28vw
 }
 .pdm-tem06-prodetail .pdm-con-desc {
  padding-left:1.2vw
 }
 .pdm-tem06-prodetail .pdm-con-desc:after {
  left:1.2vw;
  bottom:2vw
 }
 .pdm-tem06-prodetail .pdm-text {
  margin-top:3vw
 }
}
@media (max-width:480px) {
 .pdm-tem06-prodetail .list:nth-of-type(2n+2) .bg {
  right:-2vw;
  bottom:-2vw
 }
 .pdm-tem06-prodetail .list:nth-of-type(2n+1) .bg {
  left:-2vw;
  bottom:-2vw
 }
 .pdm-tem06-prodetail .bg {
  width:34vw;
  height:34vw
 }
}
.pdm-tem01-applyrange .pdm-conbox ul {
 padding:40px 0 20px
}
.pdm-tem01-applyrange .pdm-conbox ul li .pdm-image img {
 width:100%;
 height:100%
}
.pdm-tem01-applyrange .pdm-conbox ul li .pdm-text {
 font-size:16px;
 color:#333;
 margin-top:20px
}
@media (max-width:767px) {
 .pdm-tem01-applyrange .pdm-conbox ul {
  padding:10px 0;
  margin:0
 }
 .pdm-tem01-applyrange .pdm-conbox ul li {
  padding:10px 0
 }
 .pdm-tem01-applyrange .pdm-conbox ul li .pdm-text {
  margin-top:10px
 }
}
.pdm-tem04-applyrange img,
.pdm-tem03-applyrange img,
.pdm-tem02-applyrange img,
.pdm-tem01-applyrange img {
 width:100%
}
.pdm-tem03-applyrange img {
 box-shadow:0 0 10px rgba(0,0,0,.2)
}
.pdm-tem02-applyrange {
 font-size:16px
}
@media(max-width:767px) {
 .pdm-tem02-applyrange .pdm-con-desc {
  font-size:14px
 }
 .pdm-tem02-applyrange ul {
  font-size:12px
 }
}
.pdm-tem04-applyrange li {
 background-color:#FFF;
 padding:0 30px 0 25px!important;
 overflow:hidden;
 margin-bottom:20px
}
.pdm-tem04-applyrange .box {
 position:relative;
 background-color:inherit;
 padding-top:20px
}
.pdm-tem04-applyrange .box:before {
 width:100%;
 height:100%;
 top:0;
 left:-25px
}
.pdm-tem04-applyrange .box:before,
.pdm-tem04-applyrange .box:after {
 content:"";
 position:absolute;
 border:1px solid #EDEDED
}
.pdm-tem04-applyrange .box:after {
 display:block;
 width:50px;
 height:50px;
 transform:rotate(50deg);
 top:-28px;
 left:-46px;
 background-color:inherit
}
.pdm-tem04-applyrange .pdm-image {
 position:relative;
 z-index:1
}
.pdm-tem04-applyrange .text {
 padding:10px
}
.pdm-tem05-applyrange {
 background:#171719;
 color:#fff;
 padding:3vh 4.5vw
}
.pdm-tem05-applyrange .pdm-tem05-headbox {
 width:14vw
}
.pdm-tem05-applyrange .pdm-head-title {
 padding-top:3vh;
 font-size:26px;
 font-weight:400;
 display:block;
 margin-bottom:4vh
}
.pdm-tem05-applyrange .line {
 width:18px;
 height:7px;
 background:#fff;
 display:block;
 margin-bottom:3.2vh
}
.pdm-tem05-applyrange .pdm-con-desc {
 font-size:16px;
 opacity:.6;
 word-break:break-all
}
.pdm-tem05-applyrange .col-xs-6 {
 padding-left:1.5vw;
 padding-right:1.5vw;
 margin-bottom:8vh
}
.pdm-tem05-applyrange .col-xs-6:last-child {
 margin-bottom:0
}
.pdm-tem05-applyrange .pdm-conbox {
 padding:0;
 flex:1;
 -webkit-flex:1
}
.pdm-tem05-applyrange .pdm-image img {
 width:100%;
 display:block
}
.pdm-tem05-applyrange .pdm-image {
 width:100%;
 position:relative
}
.pdm-tem05-applyrange .box {
 height:100%;
 padding:0 1vw
}
.pdm-tem05-applyrange .text {
 width:100%;
 position:absolute;
 bottom:0;
 left:-1.5vw;
 padding:.7vh 1.4vh;
 background:var(--main-color);
 color:#fcfaf5;
 font-size:14px;
 word-break:break-all;
 line-height:1.4
}
@media(max-width:1200px) {
 .pdm-tem05-applyrange .col-xs-6 {
  padding-left:3.2vh;
  padding-right:3.2vw;
  margin-bottom:3.4vh;
  max-width:100%
 }
 .pdm-tem05-applyrange .box {
  padding:0 .7vh
 }
 .pdm-tem05-applyrange .text {
  left:-1.5vw
 }
 .pdm-tem05-applyrange li {
  margin-bottom:3.5vh
 }
 .pdm-tem05-applyrange .pdm-head-title,
 .pdm-tem05-applyrange .line {
  margin-bottom:2vh
 }
}
@media(min-width:768px) {
 .pdm-tem05-applyrange .display-item {
  width:50%
 }
}
@media(max-width:767px) {
 .pdm-tem05-applyrange.flexBoxWrap {
  display:block;
  padding:0 1vw
 }
 .pdm-tem05-applyrange .pdm-tem05-headbox {
  width:100%;
  padding-left:1vw
 }
 .pdm-tem05-applyrange .pdm-head-title {
  margin-bottom:1.2vh;
  font-size:22px!important
 }
 .pdm-tem05-applyrange .line {
  margin-bottom:.8vh
 }
 .pdm-tem05-applyrange .text {
  position:static
 }
 .pdm-tem05-applyrange li {
  margin-bottom:2.4vh
 }
 .pdm-tem05-applyrange .pdm-con-desc {
  font-size:12px
 }
}
@media (max-width:380px) {
 .pdm-tem05-applyrange.flexBoxWrap {
  display:block;
  padding:0 1.5vw
 }
}
.pdm-tem06-applyrange {
 padding:1vh 1.2vw
}
.pdm-tem06-applyrange .headbox_l,
.pdm-tem06-applyrange .pdm-con-desc {
 width:43%
}
.pdm-tem06-applyrange .pdm-head-title {
 font-size:32px
}
.pdm-tem06-applyrange .line {
 width:20%;
 height:1px;
 background:var(--main-color);
 margin-top:1vh
}
.pdm-tem06-applyrange .pdm-con-desc {
 font-size:12px;
 opacity:.8;
 position:relative;
 padding-top:10px
}
.pdm-tem06-applyrange .pdm-con-desc:after {
 content:"";
 width:8.5%;
 height:1px;
 background:var(--main-color);
 position:absolute;
 bottom:0;
 left:0
}
.pdm-tem06-applyrange .pdm-conbox {
 padding:0;
 margin-top:1.6vw
}
.pdm-tem06-applyrange .display-item {
 width:32.33333%;
 padding-left:0;
 padding-right:0;
 margin-right:1.5%
}
.pdm-tem06-applyrange .display-item img {
 width:100%
}
.pdm-tem06-applyrange .display-item:nth-of-type(3n) {
 margin-right:0
}
@media (max-width:768px) {
 .pdm-tem06-applyrange {
  padding:3vw 1.2vw
 }
 .pdm-tem06-applyrange .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-applyrange .line {
  width:8.5%
 }
 .pdm-tem06-applyrange .pdm-tem06-headbox.flexBoxWrap {
  display:block
 }
 .pdm-tem06-applyrange .headbox_l,
 .pdm-tem06-applyrange .pdm-con-desc {
  width:100%
 }
 .pdm-tem06-applyrange .pdm-con-desc {
  padding-top:1.8vw;
  padding-bottom:1.8vw
 }
 .pdm-tem06-applyrange .display-item {
  width:100%!important;
  max-width:100%!important;
  margin-right:0%;
  padding-top:2vw!important;
  padding-bottom:2vw!important
 }
 .pdm-tem06-applyrange .display-item:nth-of-type(3n) {
  width:100%!important;
  margin-right:0%
 }
 .pdm-tem06-applyrange .display-item:nth-of-type(2n) {
  max-width:100%!important;
  margin-right:0%
 }
 .pdm-tem06-applyrange .pdm-con-desc:after {
  bottom:.8vw
 }
}
.pdm-tem01-contrast .pdm-conbox ul {
 width:90%;
 margin:10px auto
}
.pdm-tem01-contrast .pdm-conbox ul li {
 padding:20px 0
}
.pdm-tem01-contrast .pdm-conbox ul li .pdm-contrast {
 display:flex;
 display:-webkit-flex;
 display:-ms-flex;
 flex-wrap:wrap;
 align-items:center
}
.pdm-tem01-contrast .pdm-conbox ul li .pdm-image {
 width:35%;
 padding-top:35%;
 position:relative;
 float:left;
 vertical-align:middle
}
.pdm-tem01-contrast .pdm-conbox ul li .pdm-image img {
 width:100%;
 height:100%;
 border-radius:50%;
 border:1px solid #eee;
 position:absolute;
 left:0;
 top:0
}
.pdm-tem01-contrast .pdm-conbox ul li .pdm-vs {
 width:30%;
 float:left;
 padding:10px;
 vertical-align:middle
}
.pdm-tem01-contrast .pdm-conbox ul li .pdm-text {
 font-size:16px;
 color:#333;
 margin-top:20px
}
@media (max-width:767px) {
 .pdm-tem01-contrast .pdm-conbox ul {
  width:100%;
  margin:10px auto
 }
 .pdm-tem01-contrast .pdm-conbox ul li {
  padding:10px 0
 }
 .pdm-tem01-contrast .pdm-conbox ul li .pdm-text {
  font-size:14px;
  margin-top:10px
 }
}
.pdm-tem02-contrast {
 font-size:14px
}
.pdm-tem02-contrast img {
 width:100%;
 border:2px solid #000
}
.pdm-tem02-contrast svg {
 width:92px;
 margin:10px auto
}
.pdm-tem02-contrast path:first-child {
 fill:var(--main-color)
}
.pdm-tem02-contrast .item:first-child img {
 border-color:var(--main-color)
}
@media(min-width:768px) {
 .pdm-tem02-contrast {
  font-size:16px
 }
 .pdm-tem02-contrast .items {
  position:relative;
  display:flex;
  display:-webkit-flex;
  align-items:center
 }
 .pdm-tem02-contrast .item {
  width:50%
 }
 .pdm-tem02-contrast .item:first-child {
  padding-right:110px
 }
 .pdm-tem02-contrast .item:last-child {
  padding-left:110px
 }
 .pdm-tem02-contrast svg {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
 }
}
.pdm-tem03-contrast .item {
 padding:0 5%
}
.pdm-tem03-contrast .pdm-image {
 width:100%;
 height:0;
 position:relative;
 padding-top:100%;
 border-radius:50%;
 overflow:hidden;
 box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.pdm-tem03-contrast img {
 position:absolute;
 top:50%;
 left:50%;
 min-width:100%;
 min-height:100%;
 display:block;
 transform:translate(-50%,-50%)
}
@media(max-width:767px) {
 .pdm-tem03-contrast .item {
  padding:10px
 }
}
.pdm-tem04-contrast img {
 width:100%
}
.pdm-tem04-contrast .vs {
 width:60px;
 margin:10px auto;
 font-family:Arial;
 font-size:50px;
 font-weight:700
}
.pdm-tem04-contrast .vs .font-color {
 vertical-align:15px;
 margin-right:-20px
}
.pdm-tem04-contrast .vs i {
 font-style:normal
}
@media(min-width:768px) {
 .pdm-tem04-contrast .items {
  position:relative;
  display:flex;
  display:-webkit-flex;
  align-items:center
 }
 .pdm-tem04-contrast .item {
  width:50%
 }
 .pdm-tem04-contrast .item:first-child {
  padding-right:60px
 }
 .pdm-tem04-contrast .item:last-child {
  padding-left:60px
 }
 .pdm-tem04-contrast .vs {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
 }
}
.pdm-tem05-contrast {
 background:#171719;
 color:#fff;
 padding:3vh 6.5vw
}
.pdm-tem05-contrast .pdm-tem05-headbox {
 text-align:center;
 margin-bottom:3vh
}
.pdm-tem05-contrast .pdm-head-title {
 font-size:26px;
 display:block;
 margin-bottom:3.2vh
}
.pdm-tem05-contrast .line {
 width:18px;
 height:7px;
 display:block;
 margin:0 auto 3.2vh;
 background:#fff
}
.pdm-tem05-contrast .pdm-con-desc {
 opacity:.6;
 font-size:16px
}
.pdm-tem05-contrast .pdm-conbox {
 padding:0
}
.pdm-tem05-contrast li {
 margin-bottom:3vh
}
.pdm-tem05-contrast li:last-child {
 margin-bottom:0
}
.pdm-tem05-contrast .items {
 position:relative
}
.pdm-tem05-contrast .vs {
 width:8vh;
 height:8vh;
 font-weight:400;
 font-size:36px;
 text-align:center;
 line-height:8vh;
 background:var(--main-color);
 position:absolute;
 top:50%;
 margin-top:-4vh;
 left:50%;
 margin-left:-4vh
}
.pdm-tem05-contrast .item {
 width:50%
}
.pdm-tem05-contrast .pdm-image img {
 width:100%;
 opacity:0
}
.pdm-tem05-contrast .pdm-image {
 height:100%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center
}
.pdm-tem05-contrast .pdm-text {
 font-size:16px;
 opacity:.8;
 margin-top:3.5vh
}
@media (max-width:767px) {
 .pdm-tem05-contrast {
  padding:2vh 2vh
 }
 .pdm-tem05-contrast .pdm-con-desc {
  font-size:12px
 }
 .pdm-tem05-contrast .pdm-head-title {
  margin-bottom:1.8vh;
  font-size:22px!important
 }
 .pdm-tem05-contrast .line {
  margin:0 auto 1.8vh
 }
 .pdm-tem05-contrast .pdm-tem05-headbox {
  margin-bottom:.4vh
 }
 .pdm-tem05-contrast .pdm-text {
  margin-top:2vh
 }
 .pdm-tem05-contrast .vs {
  width:5vh;
  height:5vh;
  font-size:26px;
  line-height:5vh;
  margin-left:-2.5vh;
  margin-top:-2.5vh
 }
}
.pdm-tem06-contrast {
 padding:1vh 1.2vw
}
.pdm-tem06-contrast .pdm-head-title {
 font-size:32px
}
.pdm-tem06-contrast .line {
 width:10%;
 height:1px;
 background:var(--main-color);
 margin-top:.6vw
}
.pdm-tem06-contrast .pdm-conbox {
 padding:0;
 margin-top:1vh;
 position:relative;
 padding:0 2.5vw
}
.pdm-tem06-contrast .pdm-con-desc {
 width:40%;
 position:absolute;
 top:0;
 left:2.5vw;
 opacity:.8
}
.pdm-tem06-contrast .pdm-con-desc:after {
 content:"";
 width:10%;
 height:1px;
 background:var(--main-color);
 position:absolute;
 bottom:0;
 left:0
}
.pdm-tem06-contrast li .item {
 float:left;
 width:47.3%
}
.pdm-tem06-contrast li .item:nth-of-type(1) .pdm-image {
 padding:10px;
 background:#fa2821
}
.pdm-tem06-contrast li .item:nth-of-type(3) .pdm-image {
 padding:10px;
 background:#141118
}
.pdm-tem06-contrast li .item img {
 width:100%
}
.pdm-tem06-contrast .vs {
 float:left
}
.pdm-tem06-contrast .vs .vsfont {
 width:2.2vw;
 height:3.2vw;
 display:block;
 color:#fff;
 font-size:34px;
 text-align:center;
 line-height:3.2vw
}
.pdm-tem06-contrast .vs .vsfont:nth-of-type(1) {
 background:#fa2821
}
.pdm-tem06-contrast .vs .vsfont:nth-of-type(2) {
 background:#141118
}
.pdm-tem06-contrast .pdm-text {
 padding:0;
 opacity:.8;
 text-align:left;
 padding-top:3vw;
 transform:translateX(-.6vw);
 -webkit-transform:translateX(-.6vw);
 -moz-transform:translateX(-.6vw);
 -ms-transform:translateX(-.6vw);
 -o-transform:translateX(-.6vw)
}
@media (max-width:1200px) {
 .pdm-tem06-contrast .vs .vsfont {
  width:3vw;
  height:4vw;
  line-height:4vw;
  font-size:28px
 }
}
@media (max-width:992px) {
 .pdm-tem06-contrast .vs .vsfont {
  font-size:26px
 }
}
@media (max-width:768px) {
 .pdm-tem06-contrast {
  padding:3vh 1.2vw
 }
 .pdm-tem06-contrast .pdm-conbox {
  padding:0
 }
 .pdm-tem06-contrast li {
  margin-bottom:1.5vh
 }
 .pdm-tem06-contrast .pdm-con-desc {
  width:100%;
  position:relative;
  left:0;
  margin-bottom:3.5vw;
  padding-bottom:2vw
 }
 .pdm-tem06-contrast .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-contrast .vs .vsfont {
  width:3.8vw;
  height:4.8vw;
  line-height:4.8vw;
  font-size:16px
 }
 .pdm-tem06-contrast .pdm-text {
  padding-top:2.2vh;
  transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%)
 }
}
@media (max-width:420px) {
 .pdm-tem06-contrast .vs .vsfont {
  display:inline-block;
  height:100%;
  line-height:8vw
 }
 .pdm-tem06-contrast .vs .vsfont:nth-of-type(2) {
  margin-left:-3px
 }
 .pdm-tem06-contrast .vs {
  text-align:center;
  float:none;
  width:7.2vw;
  height:8vw
 }
 .pdm-tem06-contrast li {
  margin-bottom:1.5vw
 }
 .pdm-tem06-contrast li .item {
  width:100%;
  float:none
 }
 .pdm-tem06-contrast .pdm-text {
  transform:translateX(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0)
 }
}
.pdm-tem01-video .pdm-video {
 width:80%;
 margin:10px auto
}
.pdm-tem01-video .pdm-video video {
 width:100%
}
@media (max-width:767px) {
 .pdm-tem01-video .pdm-video {
  width:100%
 }
}
.pdm-tem05-video {
 background:#171719;
 color:#fff;
 position:relative;
 padding-bottom:3.5vh;
 padding-top:4vh
}
.pdm-tem05-video .pdm-tem05-headbox {
 padding:5vh 3vw 3vh 3vw;
 position:relative;
 z-index:1;
 max-width:25%
}
.pdm-tem05-video .pdm-head-title {
 font-size:26px;
 word-break:break-all
}
.pdm-tem05-video .line {
 width:18px;
 height:7px;
 display:block;
 background:#fff;
 position:absolute;
 bottom:0;
 left:6vh
}
.pdm-tem05-video .pdm-conbox {
 flex:1;
 -webkit-flex:1;
 padding:0;
 position:relative;
 margin-right:2vh;
 z-index:1
}
.pdm-tem05-video .pdm-conbox video {
 width:100%
}
.pdm-tem05-video .videoimg {
 width:100%;
 height:100%;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
 position:absolute;
 top:0;
 left:0
}
.pdm-tem05-video .play {
 width:8vh;
 height:8vh;
 border-radius:8vh;
 background:rgba(255,255,255,.3);
 border:2px solid #fff;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-4vh;
 margin-top:-4vh
}
.pdm-tem05-video .play:after {
 content:"";
 width:0;
 height:0;
 border-bottom:1.5vh solid transparent;
 border-left:2vh solid rgba(255,255,255,.85);
 border-top:1.5vh solid transparent;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-.55vh;
 margin-top:-1.25vh
}
.pdm-tem05-video .bg {
 width:48%;
 height:calc(100% - 4vh);
 background:var(--main-color);
 position:absolute;
 top:4vh;
 left:0;
 overflow:hidden
}
.pdm-tem05-video .bg:after {
 content:"";
 width:28vh;
 height:28vh;
 border-radius:28vh;
 border:5vh solid;
 border-color:rgba(0,0,0,.1);
 position:absolute;
 bottom:0;
 left:0;
 margin-left:-14vh;
 margin-bottom:-14vh
}
.pdm-tem05-video .bg:before {
 content:"";
 width:48vh;
 height:48vh;
 border-radius:46vh;
 border:5vh solid;
 border-color:rgba(0,0,0,.1);
 position:absolute;
 bottom:0;
 left:0;
 margin-left:-24vh;
 margin-bottom:-24vh
}
@media (max-width:1200px) {
 .pdm-tem05-video .pdm-tem05-headbox {
  padding:3vh 3vh 2.5vh 3vh
 }
 .pdm-tem05-video .bg:after {
  content:"";
  width:18vh;
  height:18vh;
  border-radius:18vh;
  border:3.5vh solid;
  border-color:rgba(0,0,0,.1);
  position:absolute;
  bottom:0;
  left:0;
  margin-left:-9vh;
  margin-bottom:-9vh
 }
 .pdm-tem05-video .bg:before {
  content:"";
  width:32vh;
  height:32vh;
  border-radius:36vh;
  border:3.5vh solid;
  border-color:rgba(0,0,0,.1);
  position:absolute;
  bottom:0;
  left:0;
  margin-left:-16vh;
  margin-bottom:-16vh
 }
 .pdm-tem05-video .line {
  left:3vh
 }
}
@media (max-width:767px) {
 .pdm-tem05-video {
  display:block
 }
 .pdm-tem05-video .pdm-tem05-headbox {
  max-width:100%;
  padding:2vh 3vh 4vh 3vh;
  background:var(--main-color)
 }
 .pdm-tem05-video .line {
  bottom:2vh
 }
 .pdm-tem05-video .pdm-conbox {
  margin-right:0
 }
 .pdm-tem05-video .bg {
  display:none
 }
}
.pdm-tem06-video {
 padding:1vh 1.2vw
}
.pdm-tem06-video .pdm-tem06-headbox {
 font-size:32px;
 text-align:center
}
.pdm-tem06-video .line {
 width:102px;
 height:1px;
 background:var(--main-color);
 display:block;
 margin:.8vh auto 1.8vh
}
.pdm-tem06-video .pdm-conbox {
 padding:0 2.8vw
}
.pdm-tem06-video .pdm-video {
 position:relative
}
.pdm-tem06-video video {
 width:100%
}
.pdm-tem06-video .playbox {
 width:100%;
 height:100%;
 background-size:100% auto;
 background-position:center;
 background-repeat:no-repeat;
 position:absolute;
 top:0;
 left:0
}
.pdm-tem06-video .playbox:after {
 content:"";
 width:80px;
 height:80px;
 border:1px solid var(--main-color);
 border-radius:100%;
 position:absolute;
 top:50%;
 margin-top:-40px;
 left:50%;
 margin-left:-40px
}
.pdm-tem06-video .playicon {
 width:64px;
 height:64px;
 background:#fff;
 border-radius:100%;
 position:absolute;
 top:50%;
 margin-top:-32px;
 left:50%;
 margin-left:-32px
}
.pdm-tem06-video .playicon:after {
 content:"";
 width:0;
 height:0;
 border-top:14px solid transparent;
 border-bottom:14px solid transparent;
 border-left:24px solid var(--main-color);
 position:absolute;
 top:50%;
 margin-top:-14px;
 left:50%;
 margin-left:-7px
}
@media (max-width:768px) {
 .pdm-tem06-video {
  padding:3vh 1.2vw
 }
 .pdm-tem06-video .line {
  margin:1.8vh auto 3.6vh
 }
 .pdm-tem06-video .pdm-conbox {
  padding:0 1vw
 }
 .pdm-tem06-video .pdm-tem06-headbox .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-video .playbox:after {
  width:60px;
  height:60px;
  margin-top:-30px;
  margin-left:-30px
 }
 .pdm-tem06-video .playicon {
  width:44px;
  height:44px;
  margin-top:-22px;
  margin-left:-22px
 }
 .pdm-tem06-video .playicon:after {
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid var(--main-color);
  margin-left:-5px;
  margin-top:-10px
 }
}
.pdm-tem01-faq .pdm-problemanswer li {
 padding:10px 0;
 border-bottom:1px solid #e0e0e0
}
.pdm-tem01-faq .pdm-problemanswer li:last-child {
 border-bottom:none
}
.pdm-tem01-faq .pdm-problemanswer li .pdm-problem,
.pdm-tem01-faq .pdm-problemanswer li .pdm-answer {
 font-size:14px;
 line-height:24px;
 color:#666;
 padding-left:40px;
 position:relative;
 margin:10px 0
}
.pdm-tem01-faq .pdm-problemanswer li .pdm-problem {
 font-weight:700;
 color:#333;
 margin-bottom:10px
}
.pdm-tem01-faq .pdm-problemanswer li .pdm-problem .pdm-q,
.pdm-tem01-faq .pdm-problemanswer li .pdm-answer .pdm-a {
 width:24px;
 height:24px;
 line-height:24px;
 color:#fff;
 background-color:#f91;
 border-radius:50%;
 display:inline-block;
 position:absolute;
 left:0;
 top:0
}
.pdm-tem01-faq .pdm-problemanswer li .pdm-answer .pdm-a {
 background-color:#9b1
}
@media (max-width:767px) {
 .pdm-tem01-faq .pdm-problemanswer li {
  padding:5px 0
 }
 .pdm-tem01-faq .pdm-problemanswer li .pdm-problem,
 .pdm-tem01-faq .pdm-problemanswer li .pdm-answer {
  margin:5px 0
 }
 .pdm-tem01-faq .pdm-problemanswer li .pdm-problem {
  margin-bottom:5px
 }
}
.pdm-tem02-faq {
 font-size:16px
}
.pdm-tem04-faq {
 color:#666
}
.pdm-tem04-faq p {
 position:relative;
 padding:7px 25px
}
.pdm-tem04-faq p:before {
 position:absolute;
 top:0;
 left:0;
 color:var(--main-color);
 text-decoration:underline;
 font-size:24px;
 font-weight:700
}
.pdm-tem04-faq .pdm-problem {
 font-weight:700
}
.pdm-tem04-faq .pdm-problem:before {
 content:"F"
}
.pdm-tem04-faq .pdm-answer:before {
 content:"A"
}
.pdm-tem04-faq .pdm-answer span {
 border-bottom:1px dashed #EEE;
 padding-bottom:20px;
 display:block;
 margin-bottom:5px
}
.pdm-tem05-faq {
 background:#171719;
 color:#fff;
 padding:3vh 6.5vw
}
.pdm-tem05-faq .pdm-tem05-headbox {
 text-align:center
}
.pdm-tem05-faq .pdm-head-title {
 font-size:30px
}
.pdm-tem05-faq .line {
 width:18px;
 height:7px;
 display:block;
 background:#fff;
 margin:2vh auto 2.6vh
}
.pdm-tem05-faq .pdm-conbox {
 background:#1e1d22;
 padding:0 3.5vw
}
.pdm-tem05-faq .pdm-conbox li {
 border-bottom:1px solid #343337;
 padding:2vh 0 1.4vh;
 position:relative
}
.pdm-tem05-faq .pdm-conbox li:after {
 content:"Q";
 width:2.8vh;
 height:2.8vh;
 background:var(--main-color);
 color:#fff;
 font-size:2vh;
 text-align:center;
 line-height:2.8vh;
 display:block;
 position:absolute;
 top:1.6vh;
 left:-4.5vh
}
.pdm-tem05-faq .pdm-conbox li:last-child {
 border-bottom:none
}
.pdm-tem05-faq .pdm-problem {
 font-size:16px
}
.pdm-tem05-faq .pdm-answer {
 font-size:14px;
 opacity:.7;
 margin-top:.6vh
}
@media (max-width:767px) {
 .pdm-tem05-faq {
  padding:2vh 2.5vh
 }
 .pdm-tem05-faq .line {
  margin:1vh auto 1.6vh
 }
 .pdm-tem05-faq .pdm-conbox li {
  padding:1vh 0 .5vh
 }
 .pdm-tem05-faq .pdm-answer {
  margin-top:0
 }
 .pdm-tem05-faq .pdm-conbox li:after {
  width:2.4vh;
  height:2.4vh;
  font-size:1.4vh;
  line-height:2.6vh;
  top:1.2vh
 }
 .pdm-tem05-faq .pdm-head-title {
  font-size:22px!important
 }
}
.pdm-tem06-faq {
 padding:1vh 1.2vw
}
.pdm-tem06-faq .pdm-tem06-headbox {
 text-align:center
}
.pdm-tem06-faq .pdm-head-title {
 font-size:32px;
 text-align:center
}
.pdm-tem06-faq .line {
 width:102px;
 height:1px;
 background:var(--main-color);
 display:block;
 margin:.8vh auto 1.8vh
}
.pdm-tem06-faq .pdm-conbox {
 padding:0
}
.pdm-tem06-faq li {
 padding-bottom:1.2vh;
 padding-left:46px
}
.pdm-tem06-faq li:last-child {
 padding-bottom:0
}
.pdm-tem06-faq .pdm-problem {
 position:relative;
 background:#f5f5f5;
 padding:12px 14px;
 margin-bottom:.8vw;
 font-size:16px
}
.pdm-tem06-faq .pdm-problem:after {
 content:"Q";
 width:46px;
 height:46px;
 padding-top:3px;
 color:#fff;
 background:#141118;
 line-height:46px;
 font-size:40px;
 text-align:center;
 position:absolute;
 top:0;
 left:-46px
}
.pdm-tem06-faq .pdm-answer {
 opacity:.8
}
@media (max-width:768px) {
 .pdm-tem06-faq {
  padding:3vh 1.2vw
 }
 .pdm-tem06-faq .line {
  margin:1.8vh auto 3.6vh
 }
 .pdm-tem06-faq .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem06-faq .pdm-problem {
  padding:8px 10px
 }
 .pdm-tem06-faq .pdm-problem:after {
  width:40px;
  height:40px;
  font-size:34px;
  left:-40px;
  padding-top:0
 }
}
.pdm-tem01-sellingpoint .pdm-con-desc li {
 font-size:14px;
 line-height:24px;
 color:#666;
 padding-left:30px;
 position:relative;
 margin:5px 0
}
.pdm-tem01-sellingpoint .pdm-con-desc li .pdm-numbox {
 width:18px;
 height:18px;
 line-height:18px;
 color:#fff;
 background-color:#f1393a;
 border-radius:50%;
 display:inline-block;
 position:absolute;
 left:0;
 top:3px
}
.pdm-tem02-sellingpoint li {
 padding:15px 15px 15px 40px;
 position:relative;
 border-color:var(--main-color);
 font-size:18px;
 margin:5px 0
}
.pdm-tem02-sellingpoint li:before {
 content:"";
 height:22px;
 width:8px;
 border:4px solid;
 border-color:inherit;
 display:block;
 position:absolute;
 top:16px;
 left:20px
}
.pdm-tem02-sellingpoint li:nth-child(odd) {
 background-color:rgba(0,0,0,.05)
}
.pdm-tem04-sellingpoint ul {
 counter-reset:num
}
.pdm-tem04-sellingpoint ul li {
 padding:15px
}
.pdm-tem04-sellingpoint ul i {
 display:inline-block;
 flex-shrink:0;
 border-bottom:1px solid #CCC;
 transform:rotate(-45deg);
 font-size:50px;
 line-height:70px;
 height:70px;
 font-weight:700;
 font-style:normal
}
.pdm-tem04-sellingpoint ul i:before {
 content:counter(num,decimal-leading-zero);
 counter-increment:num;
 display:block;
 transform:rotate(45deg)
}
.pdm-tem04-sellingpoint ul span {
 display:block;
 color:#666;
 padding:10px 0 10px 30px;
 flex-grow:1
}
@media(min-width:641px) {
 .pdm-tem04-sellingpoint ul li {
  display:flex;
  display:-webkit-flex;
  align-items:center
 }
}
.pdm-tem05-sellingpoint {
 background-color:#171719;
 padding:5.2vh 2.5vw 3.4vh;
 color:#fff;
 position:relative
}
.pdm-tem05-sellingpoint .pdm-tem05-headbox {
 width:28%;
 padding-left:4%;
 padding-right:1.6vh;
 word-break:break-all;
 z-index:1
}
.pdm-tem05-sellingpoint .pdm-head-title {
 font-size:26px;
 color:#fff
}
.pdm-tem05-sellingpoint .line {
 width:14px;
 height:6px;
 display:block;
 z-index:1;
 background:#fff
}
.pdm-tem05-sellingpoint .pdm-tem05-conbox {
 z-index:1;
 flex:1;
 -webkit-flex:1;
 background:#1e1d22;
 padding:20px 20px 20px 0
}
section.pdm-tem05-sellingpoint[modular-name] .pdm-con-desc .list[data-prodetail="img-li"]:last-of-type {
 margin-bottom:0
}
section.pdm-tem05-sellingpoint[modular-name] .pdm-con-desc .list[data-prodetail="img-li"] {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap;
 margin-bottom:14px
}
.pdm-tem05-sellingpoint .icon {
 width:32px;
 height:32px;
 background:var(--main-color);
 margin-right:16px;
 position:relative
}
.pdm-tem05-sellingpoint .list:nth-of-type(3n+1) .icon:after {
 content:"";
 width:14px;
 height:14px;
 border:3px solid #fff;
 position:absolute;
 top:9px;
 left:9px
}
.pdm-tem05-sellingpoint .list:nth-of-type(3n+2) .icon:after {
 content:"";
 width:14px;
 height:14px;
 border:3px solid #fff;
 border-radius:14px;
 position:absolute;
 top:9px;
 left:9px
}
.pdm-tem05-sellingpoint .list:nth-of-type(3n+3) .icon:after {
 content:"";
 width:0;
 height:0;
 border-bottom:6px solid var(--main-color);
 border-left:4px solid transparent;
 border-right:4px solid transparent;
 position:absolute;
 top:13px;
 left:12px
}
.pdm-tem05-sellingpoint .list:nth-of-type(3n+3) .icon:before {
 content:"";
 width:0;
 height:0;
 border-bottom:12px solid #fff;
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 position:absolute;
 top:9px;
 left:8px
}
.pdm-tem05-sellingpoint .text {
 position:relative;
 padding-bottom:10px;
 flex:1;
 -webkit-flex:1
}
.pdm-tem05-sellingpoint .pdm-numbox-txt {
 opacity:.7;
 font-size:14px;
 word-break:break-all
}
.pdm-tem05-sellingpoint .text:after {
 content:"";
 width:100%;
 height:1px;
 background:#343337;
 position:absolute;
 bottom:0;
 left:0
}
.pdm-tem05-sellingpoint .bg {
 width:38%;
 height:calc(100% - 5.2vh);
 background:var(--main-color);
 position:absolute;
 top:5.2vh;
 right:0
}
@media (max-width:768px) {
 .pdm-tem05-sellingpoint {
  padding:3vh 2vh;
  display:block
 }
 .pdm-tem05-sellingpoint .pdm-head-title {
  font-size:22px!important
 }
 .pdm-tem05-sellingpoint .pdm-tem05-headbox {
  width:100%;
  padding-left:0;
  padding-right:0;
  margin-bottom:3vh
 }
}
@media(max-width:420px) {
 .pdm-tem05-sellingpoint .pdm-tem05-headbox {
  width:35%
 }
}
.pdm-tem06-sellingpoint {
 padding:1vh 1.2vw;
 counter-reset:num
}
.pdm-tem06-sellingpoint .pdm-tem06-headbox {
 text-align:center
}
.pdm-tem06-sellingpoint .pdm-head-title {
 font-size:32px
}
.pdm-tem06-sellingpoint .line {
 width:102px;
 height:1px;
 background:var(--main-color);
 display:block;
 margin:.8vh auto 1.8vh
}
.pdm-tem06-sellingpoint .pdm-conbox {
 padding:0;
 padding-left:2vw;
 padding-right:3.6vw;
 position:relative
}
.pdm-tem06-sellingpoint .pdm-con-desc {
 background:#141118;
 padding:1.6vh 1.2vw;
 position:relative
}
.pdm-tem06-sellingpoint .pdm-conbox:after {
 content:"";
 width:3.6vw;
 height:80%;
 background:var(--main-color);
 position:absolute;
 top:10%;
 right:0
}
.pdm-tem06-sellingpoint .list {
 padding-left:3vw;
 padding-bottom:1.6vh;
 font-size:14px;
 position:relative
}
.pdm-tem06-sellingpoint .list:last-child {
 padding-bottom:0
}
.pdm-tem06-sellingpoint .list:before {
 content:"0"counter(num);
 counter-increment:num;
 font-size:30px;
 color:#fff;
 position:absolute;
 top:-7px;
 left:0
}
.pdm-tem06-sellingpoint .pdm-numbox-txt {
 color:#fff;
 font-size:14px
}
@media (max-width:1200px) {
 .pdm-tem06-sellingpoint .list {
  padding-left:6vw
 }
}
@media (max-width:768px) {
 .pdm-tem06-sellingpoint {
  padding:3vh 1.2vw
 }
 .pdm-tem06-sellingpoint .line {
  margin:1.8vh auto 3.6vh
 }
 .pdm-tem06-sellingpoint .list {
  padding-left:8vw
 }
 .pdm-tem06-sellingpoint .list:before {
  top:4px;
  font-size:20px
 }
 .pdm-tem06-sellingpoint .pdm-head-title {
  font-size:22px!important
 }
}
html.view body.view img {
 height:auto!important;
 max-width:100%
}
@media(max-width:767px) {
 .tem33-service .item .text {
  float:left!important;
  margin:0 0 0 20px!important
 }
}
@media(min-width:768px) {
 .display-3 .display-item {
  width:33.289%
 }
}
[prodetail-tab] {
 display:none
}
[prodetail-tab="0"] {
 display:block
}
.tem16-guide-language {
 width:100%
}
.tem16-guide-language .btn {
 color:inherit;
 margin-top:30px;
 padding:14px 28px;
 border-radius:99px;
 line-height:1;
 position:relative;
 overflow:hidden
}
.tem16-guide-language .btn>span {
 position:relative;
 z-index:2
}
.tem16-guide-language .btn:after {
 content:"";
 display:block;
 position:absolute;
 background-color:rgba(0,0,0,.1);
 width:100%;
 height:0;
 top:0;
 left:0;
 border-radius:99px;
 transition:.3s
}
.tem16-guide-language .btn:hover {
 transform:translateY(-3px);
 box-shadow:0 20px 38px rgba(0,0,0,.16)!important
}
.tem16-guide-language .btn:hover:after {
 height:100%
}
.tem16-guide-language .con {
 width:100%;
 height:100vh;
 position:relative;
 overflow:hidden;
 border-color:#fff;
 color:#fff
}
.tem16-guide-language .con .code {
 position:absolute;
 top:0;
 left:0;
 z-index:1
}
.tem16-guide-language .con .code .particle {
 position:relative;
 background:transparent
}
.tem16-guide-language .con .code .particle:after {
 content:"";
 position:absolute;
 top:2560px;
 background:inherit
}
.tem16-guide-language .con .code .code1 {
 width:1px;
 height:1px;
 animation:tem16_guide_language_animParticle 60s linear infinite;
 box-shadow:0 0 #fff,1073px 443px #fff,1774px 2065px #fff,1074px 2425px #fff,1303px 222px #fff,1027px 417px #fff,2025px 1589px #fff,314px 578px #fff,1565px 1676px #fff,342px 2227px #fff,590px 2247px #fff,1147px 2333px #fff,1224px 1190px #fff,171px 794px #fff,2493px 478px #fff,1024px 874px #fff,831px 1673px #fff,2084px 1828px #fff,4px 1455px #fff,1301px 834px #fff,1252px 2143px #fff,2158px 1332px #fff,1516px 903px #fff,923px 1835px #fff,1321px 732px #fff,2137px 2327px #fff,2480px 2307px #fff,1562px 446px #fff,1151px 345px #fff,1762px 341px #fff,1334px 1530px #fff,133px 222px #fff,225px 1422px #fff,1138px 468px #fff,1431px 1230px #fff,1260px 370px #fff,346px 1455px #fff,2188px 2483px #fff,2517px 1694px #fff,1110px 1827px #fff,1263px 1082px #fff,306px 909px #fff,40px 2306px #fff,1463px 928px #fff,655px 2492px #fff,1295px 2334px #fff,489px 806px #fff,258px 234px #fff,1396px 426px #fff,213px 1670px #fff,859px 1335px #fff,1455px 1708px #fff,2387px 87px #fff,172px 2244px #fff,941px 896px #fff,48px 975px #fff,2048px 2265px #fff,1149px 1343px #fff,1078px 1448px #fff,2500px 173px #fff,68px 1581px #fff,972px 1599px #fff,2088px 1343px #fff,2091px 234px #fff,325px 1421px #fff,946px 804px #fff,66px 1429px #fff,1893px 718px #fff,808px 1335px #fff,1135px 1594px #fff,1334px 982px #fff,585px 1601px #fff,2423px 860px #fff,1602px 1011px #fff,2169px 59px #fff,417px 1506px #fff,131px 811px #fff,2132px 1513px #fff,958px 330px #fff,2504px 2272px #fff,150px 2348px #fff,2423px 2293px #fff,631px 2317px #fff,2471px 702px #fff,398px 2010px #fff,166px 1959px #fff,2381px 239px #fff,1670px 1683px #fff,562px 1856px #fff,2375px 857px #fff,2508px 593px #fff,1917px 1923px #fff,1964px 280px #fff,941px 825px #fff,1923px 2174px #fff,769px 884px #fff,870px 356px #fff,2361px 1920px #fff,340px 2402px #fff,2249px 2090px #fff,316px 1186px #fff,1299px 1969px #fff,959px 43px #fff,2353px 1489px #fff,657px 218px #fff,1190px 83px #fff,2487px 2151px #fff,1900px 2037px #fff,2171px 35px #fff,784px 2033px #fff,1250px 2128px #fff,584px 2240px #fff,599px 901px #fff,211px 299px #fff,783px 789px #fff,2164px 2274px #fff,663px 56px #fff,1741px 161px #fff,995px 256px #fff,85px 1881px #fff,1594px 1413px #fff,2542px 36px #fff,33px 1556px #fff,1108px 1248px #fff,633px 153px #fff,1529px 1674px #fff,257px 1888px #fff,460px 300px #fff,625px 45px #fff,1287px 346px #fff,1752px 1906px #fff,232px 568px #fff,1004px 516px #fff,91px 1827px #fff,880px 362px #fff,1793px 1535px #fff,1737px 1622px #fff,1232px 2295px #fff,2256px 1961px #fff,2198px 1910px #fff,1712px 2448px #fff,1820px 1588px #fff,1925px 362px #fff,160px 2032px #fff,1341px 2207px #fff,1356px 1336px #fff,915px 941px #fff,567px 2529px #fff,2528px 1309px #fff,1147px 831px #fff,2437px 220px #fff,2363px 2238px #fff,989px 1417px #fff,1718px 2503px #fff,2363px 1819px #fff,1574px 1854px #fff,488px 1668px #fff,2120px 1728px #fff,1066px 1597px #fff,240px 2542px #fff,2480px 2431px #fff,890px 1184px #fff,1749px 2233px #fff,1202px 1206px #fff,2253px 2444px #fff,2021px 1308px #fff,1791px 1667px #fff,1885px 1864px #fff,1712px 154px #fff,24px 536px #fff,40px 2513px #fff,430px 2224px #fff,1600px 2004px #fff,1624px 1624px #fff,1038px 1629px #fff,1782px 1732px #fff,1330px 377px #fff,1663px 789px #fff,791px 56px #fff,1911px 418px #fff,25px 1886px #fff,451px 2331px #fff,1452px 1634px #fff,2332px 2214px #fff,2016px 113px #fff,1632px 299px #fff,676px 116px #fff,2428px 922px #fff,797px 2138px #fff,2024px 1249px #fff,870px 371px #fff,2127px 556px #fff,2014px 1145px #fff,931px 1786px #fff,2084px 554px #fff,797px 874px #fff,149px 1576px #fff,1045px 374px #fff,509px 1725px #fff,1043px 217px #fff,2132px 67px #fff,569px 524px #fff,892px 2134px #fff,1923px 88px #fff,1154px 1057px #fff,1369px 327px #fff,342px 237px #fff,188px 1641px #fff,360px 1506px #fff,1885px 1662px #fff,1894px 1360px #fff,1615px 1625px #fff,671px 1141px #fff,1825px 83px #fff,58px 505px #fff,1336px 1605px #fff,1529px 1394px #fff,225px 899px #fff,724px 2px #fff,569px 230px #fff,458px 1205px #fff,2308px 1600px #fff,1245px 2388px #fff,1762px 1871px #fff,1047px 1729px #fff,1905px 521px #fff,2313px 665px #fff,2233px 1483px #fff,1497px 593px #fff,2182px 1443px #fff,608px 1776px #fff,575px 2160px #fff,591px 502px #fff,1393px 2470px #fff,1587px 2043px #fff,2270px 587px #fff,289px 2201px #fff,374px 1383px #fff,1206px 1287px #fff,837px 2553px #fff,1245px 1644px #fff,2355px 2038px #fff,2506px 441px #fff,1098px 365px #fff,1045px 1141px #fff,487px 1211px #fff,688px 84px #fff,895px 1244px #fff,2178px 223px #fff,292px 1354px #fff,1276px 882px #fff,548px 1198px #fff,1296px 947px #fff,1480px 2119px #fff,1955px 1607px #fff,1606px 1515px #fff,27px 1512px #fff,629px 963px #fff,2033px 2484px #fff,1197px 725px #fff,2249px 1223px #fff,595px 1243px #fff,433px 625px #fff,1352px 2026px #fff,682px 637px #fff,2298px 477px #fff,11px 2483px #fff,159px 1974px #fff,333px 284px #fff,637px 2384px #fff,1418px 1625px #fff,1989px 505px #fff,1515px 1213px #fff,543px 2025px #fff,618px 459px #fff,1062px 687px #fff,302px 12px #fff,1423px 211px #fff,991px 584px #fff,2249px 590px #fff,2160px 683px #fff,1805px 1707px #fff,356px 175px #fff,1080px 295px #fff,2275px 924px #fff,763px 299px #fff,1704px 2273px #fff,2352px 181px #fff,148px 966px #fff,416px 443px #fff,2108px 2485px #fff,381px 995px #fff,56px 1239px #fff,2312px 1010px #fff,864px 2288px #fff,427px 1212px #fff,2550px 2323px #fff,2519px 2315px #fff,2409px 2085px #fff,1299px 1609px #fff,505px 675px #fff,182px 459px #fff,1410px 1882px #fff,179px 136px #fff,2162px 305px #fff,805px 1907px #fff,1490px 358px #fff,412px 150px #fff,1546px 877px #fff,327px 210px #fff,1456px 1581px #fff,1929px 822px #fff,1481px 926px #fff,611px 455px #fff,2325px 1891px #fff,1939px 1823px #fff,2285px 1320px #fff,520px 284px #fff,2432px 2504px #fff,1775px 1632px #fff,2508px 1442px #fff,2435px 1204px #fff,1514px 432px #fff,2353px 1256px #fff,1933px 171px #fff,1302px 415px #fff,187px 2339px #fff,1126px 191px #fff,1807px 2334px #fff,2474px 2257px #fff,1837px 1362px #fff,103px 1169px #fff,1284px 1801px #fff,232px 497px #fff,2374px 803px #fff,919px 1928px #fff,200px 1976px #fff,15px 304px #fff,268px 1810px #fff,727px 2216px #fff,772px 688px #fff,1914px 2403px #fff,2450px 2231px #fff,151px 397px #fff,1584px 2307px #fff,852px 1066px #fff,577px 750px #fff,784px 289px #fff,1378px 146px #fff,1611px 1360px #fff,522px 193px #fff,1625px 979px #fff,1272px 1950px #fff,1100px 2273px #fff,2026px 1877px #fff,1904px 878px #fff,1741px 1994px #fff,323px 688px #fff,978px 2009px #fff,1355px 34px #fff,2376px 1411px #fff,2426px 2197px #fff,1060px 1916px #fff,838px 2044px #fff,1372px 2414px #fff,2284px 1319px #fff,1754px 668px #fff,1007px 288px #fff,268px 1102px #fff,355px 779px #fff,1217px 922px #fff,1691px 123px #fff,1706px 739px #fff,1320px 1218px #fff,154px 13px #fff,2076px 1310px #fff,1101px 1100px #fff,106px 224px #fff,669px 1802px #fff,1355px 1674px #fff,1578px 2545px #fff,740px 2110px #fff,3px 822px #fff,1398px 2420px #fff,584px 1470px #fff,1668px 892px #fff,1032px 1544px #fff,2532px 328px #fff,1467px 1210px #fff,1987px 1112px #fff,358px 2547px #fff,2521px 806px #fff,1717px 2213px #fff,1898px 945px #fff,1551px 2412px #fff,609px 244px #fff,1471px 1971px #fff,361px 1778px #fff,135px 1712px #fff,2460px 198px #fff,1282px 2501px #fff,292px 1645px #fff,1992px 738px #fff,373px 39px #fff,2146px 1839px #fff,504px 1426px #fff,2451px 1976px #fff,679px 224px #fff,1966px 1894px #fff,1147px 364px #fff,2555px 1329px #fff,1780px 2392px #fff,2280px 1764px #fff,2245px 1793px #fff,2318px 764px #fff,1192px 1895px #fff,1231px 1364px #fff,2046px 1174px #fff,1243px 5px #fff,2078px 396px #fff,1184px 1575px #fff,1013px 2098px #fff,1622px 53px #fff,1043px 1516px #fff,2250px 667px #fff,557px 1810px #fff,486px 1882px #fff,779px 2139px #fff,2464px 1998px #fff,1561px 32px #fff,2546px 2411px #fff,2484px 1821px #fff,116px 1715px #fff,1147px 2402px #fff,2358px 2254px #fff,1271px 918px #fff,2289px 1237px #fff,2460px 649px #fff,914px 2112px #fff,1218px 2085px #fff,473px 2345px #fff,472px 1668px #fff,2282px 310px #fff,718px 2538px #fff,595px 1052px #fff,2380px 2357px #fff,2546px 2385px #fff,1028px 1573px #fff,888px 1881px #fff,668px 81px #fff,727px 2367px #fff,1531px 2243px #fff,2123px 1042px #fff,2270px 1280px #fff,1626px 2455px #fff,44px 461px #fff,1766px 2077px #fff,21px 2421px #fff,2485px 1669px #fff,1952px 1603px #fff,2188px 1964px #fff,870px 1258px #fff,1237px 2097px #fff,1540px 1997px #fff,1787px 126px #fff,1895px 2002px #fff,2430px 1136px #fff,1461px 2078px #fff,2138px 2187px #fff,1376px 1179px #fff,1078px 598px #fff,1264px 2280px #fff,496px 810px #fff,1219px 2286px #fff,159px 1909px #fff,355px 2209px #fff,720px 2455px #fff,2118px 299px #fff,1968px 1345px #fff,2433px 1192px #fff,1142px 1554px #fff,1831px 10px #fff,1416px 1155px #fff,461px 1597px #fff,1551px 1479px #fff,1156px 649px #fff,2426px 339px #fff,125px 2510px #fff,1918px 514px #fff,194px 370px #fff,1220px 2533px #fff,1999px 1411px #fff,1139px 419px #fff,157px 22px #fff,226px 2156px #fff,2482px 1745px #fff,313px 519px #fff,706px 2357px #fff,1551px 2171px #fff,1179px 1733px #fff,1147px 548px #fff,740px 980px #fff,2274px 1443px #fff,2017px 77px #fff,45px 822px #fff,475px 1813px #fff,1782px 1419px #fff,1662px 1370px #fff,675px 1905px #fff,676px 2495px #fff,640px 56px #fff,2505px 822px #fff,744px 2121px #fff,1445px 2258px #fff,1864px 2190px #fff,1490px 2374px #fff,1036px 2551px #fff,1319px 2107px #fff,1668px 1026px #fff,2449px 875px #fff,608px 1587px #fff,275px 1188px #fff,2436px 1597px #fff,1968px 1790px #fff,2449px 20px #fff,1157px 1512px #fff,856px 1052px #fff,843px 1174px #fff,1313px 868px #fff,2330px 1756px #fff,2319px 248px #fff,683px 1414px #fff,785px 401px #fff,2064px 674px #fff,487px 2487px #fff,1820px 1710px #fff,2237px 1433px #fff,2263px 1075px #fff,2237px 845px #fff,1320px 644px #fff,1250px 426px #fff,869px 2287px #fff,2103px 1683px #fff,287px 203px #fff,1837px 610px #fff,1073px 127px #fff,1059px 787px #fff,178px 1009px #fff,912px 1449px #fff,1779px 2006px #fff,1068px 2086px #fff,1299px 470px #fff,2423px 380px #fff,1067px 788px #fff,2535px 761px #fff,586px 1425px #fff,2028px 612px #fff,899px 829px #fff,136px 347px #fff,723px 1875px #fff,2491px 1489px #fff,887px 1814px #fff,1417px 1761px #fff,2367px 1878px #fff,1359px 2092px #fff,719px 521px #fff,2488px 255px #fff,1729px 1481px #fff,1057px 1134px #fff,1466px 2003px #fff,1500px 1715px #fff,408px 677px #fff,2228px 1696px #fff,334px 1610px #fff,119px 1213px #fff,2123px 673px #fff,1105px 302px #fff,1307px 613px #fff,765px 383px #fff,35px 701px #fff,1221px 1451px #fff,1961px 262px #fff,938px 2167px #fff,1529px 1627px #fff,1538px 773px #fff,2537px 1496px #fff,2282px 1183px #fff,2114px 884px #fff,1732px 2188px #fff,363px 2410px #fff,2074px 1032px #fff,208px 629px #fff,379px 1008px #fff,339px 1854px #fff,2536px 2127px #fff,1443px 2022px #fff,1609px 614px #fff,535px 1007px #fff,1222px 1569px #fff,2297px 534px #fff,1087px 1339px #fff
}
.tem16-guide-language .con .code .code2 {
 animation:tem16_guide_language_animParticle 120s linear infinite;
 height:2px;
 width:2px;
 box-shadow:0 0 #fff,251px 2051px #fff,107px 1183px #fff,1800px 607px #fff,558px 1519px #fff,1869px 1587px #fff,1345px 740px #fff,2477px 630px #fff,1640px 944px #fff,1313px 111px #fff,2130px 1084px #fff,1293px 1393px #fff,1925px 1826px #fff,1326px 1801px #fff,1604px 1892px #fff,709px 1843px #fff,2006px 1705px #fff,687px 2370px #fff,896px 1580px #fff,829px 318px #fff,909px 1226px #fff,1396px 2180px #fff,1341px 1392px #fff,1531px 221px #fff,2541px 964px #fff,582px 1674px #fff,45px 2536px #fff,2244px 2363px #fff,2451px 1311px #fff,1940px 1822px #fff,1935px 725px #fff,1104px 829px #fff,31px 767px #fff,1985px 2025px #fff,1116px 637px #fff,1704px 253px #fff,293px 496px #fff,2076px 1111px #fff,1020px 1995px #fff,1953px 1853px #fff,1859px 2446px #fff,1551px 70px #fff,1935px 614px #fff,2015px 733px #fff,703px 708px #fff,2447px 2435px #fff,1655px 1382px #fff,2268px 2234px #fff,7px 859px #fff,1739px 1545px #fff,1455px 1047px #fff,1440px 575px #fff,823px 40px #fff,2101px 1548px #fff,565px 779px #fff,1292px 1382px #fff,1701px 594px #fff,354px 451px #fff,1801px 597px #fff,1583px 837px #fff,2195px 832px #fff,2365px 1658px #fff,466px 533px #fff,2477px 1565px #fff,2029px 894px #fff,572px 466px #fff,1118px 1772px #fff,1645px 796px #fff,213px 1771px #fff,1882px 127px #fff,2360px 1136px #fff,1039px 1654px #fff,114px 603px #fff,2360px 2000px #fff,31px 1345px #fff,1153px 1182px #fff,2222px 328px #fff,1351px 2138px #fff,1237px 630px #fff,1433px 2187px #fff,2550px 1208px #fff,1060px 1893px #fff,794px 1902px #fff,2458px 514px #fff,593px 20px #fff,191px 2444px #fff,467px 2528px #fff,642px 216px #fff,2396px 719px #fff,2281px 2406px #fff,1895px 1791px #fff,2153px 1639px #fff,402px 1559px #fff,1916px 2259px #fff,2045px 2479px #fff,103px 1019px #fff,887px 68px #fff,1451px 74px #fff,2334px 1619px #fff,185px 2325px #fff,1206px 923px #fff,1846px 1582px #fff,604px 1390px #fff,2292px 1495px #fff,785px 903px #fff,223px 1517px #fff,569px 2049px #fff,571px 888px #fff,1467px 1226px #fff,1990px 200px #fff,2017px 708px #fff,217px 2043px #fff,1322px 418px #fff,444px 2134px #fff,462px 1902px #fff,1846px 586px #fff,421px 1834px #fff,1199px 2475px #fff,2341px 2382px #fff,2350px 1883px #fff,2310px 1294px #fff,2430px 306px #fff,2443px 1596px #fff,2522px 1269px #fff,49px 2124px #fff,2379px 772px #fff,1973px 1253px #fff,1223px 1763px #fff,1611px 2474px #fff,1348px 175px #fff,1524px 1569px #fff,617px 2094px #fff,2036px 1133px #fff,2054px 1657px #fff,27px 14px #fff,2479px 1987px #fff,1178px 966px #fff,1008px 436px #fff,449px 1716px #fff,1723px 1928px #fff,2088px 1040px #fff,383px 1081px #fff,2243px 479px #fff,1738px 10px #fff,64px 1244px #fff,2059px 1837px #fff,1800px 999px #fff,1987px 2296px #fff,1125px 36px #fff,2219px 1525px #fff,855px 1085px #fff,2339px 1437px #fff,1372px 475px #fff,1741px 887px #fff,2052px 514px #fff,254px 2164px #fff,699px 21px #fff,1355px 2316px #fff,1615px 45px #fff,1742px 2547px #fff,1326px 1380px #fff,2420px 1069px #fff,716px 2553px #fff,1719px 17px #fff,1989px 1960px #fff,34px 1272px #fff,628px 2420px #fff,1091px 1175px #fff,546px 1083px #fff,1538px 1384px #fff,1723px 97px #fff,2156px 2067px #fff,1124px 1723px #fff,2109px 1468px #fff,2111px 529px #fff,881px 2044px #fff,858px 1980px #fff,1629px 254px #fff,860px 888px #fff,1467px 874px #fff,196px 1934px #fff,1371px 2043px #fff,140px 589px #fff,1130px 349px #fff,574px 738px #fff,766px 621px #fff,2031px 2393px #fff,730px 1293px #fff,1958px 1682px #fff,559px 1816px #fff,2190px 1597px #fff,225px 1743px #fff,1354px 240px #fff,2124px 1969px #fff,1618px 200px #fff,644px 2322px #fff,1622px 1540px #fff,1185px 755px #fff,623px 2120px #fff,297px 2344px #fff,1499px 745px #fff
}
.tem16-guide-language .con .code .code3 {
 animation:tem16_guide_language_animParticle 180s linear infinite;
 width:3px;
 height:3px;
 box-shadow:0 0 #fff,777px 1405px #fff,675px 1109px #fff,1577px 570px #fff,1864px 85px #fff,342px 2162px #fff,586px 1190px #fff,161px 1894px #fff,1399px 164px #fff,7px 1638px #fff,1727px 381px #fff,1226px 1975px #fff,740px 15px #fff,2298px 167px #fff,1732px 2019px #fff,1194px 1798px #fff,2033px 2004px #fff,2332px 1218px #fff,151px 2459px #fff,47px 454px #fff,1615px 794px #fff,1728px 1880px #fff,268px 1130px #fff,1613px 2172px #fff,341px 640px #fff,1058px 2434px #fff,906px 2357px #fff,1070px 2287px #fff,1294px 2282px #fff,1350px 1851px #fff,1170px 2407px #fff,325px 1759px #fff,1845px 690px #fff,330px 324px #fff,1722px 371px #fff,1991px 693px #fff,2123px 616px #fff,1779px 2009px #fff,909px 1378px #fff,224px 2481px #fff,1439px 1968px #fff,2088px 2221px #fff,1948px 1534px #fff,307px 2296px #fff,244px 1569px #fff,651px 980px #fff,1665px 1643px #fff,1827px 1199px #fff,135px 2346px #fff,1951px 516px #fff,1857px 1943px #fff,761px 106px #fff,2352px 271px #fff,921px 511px #fff,432px 2204px #fff,2379px 2373px #fff,2381px 324px #fff,1922px 2559px #fff,1927px 1529px #fff,1090px 897px #fff,105px 1564px #fff,758px 28px #fff,2436px 1850px #fff,147px 1055px #fff,2352px 892px #fff,2243px 1195px #fff,305px 2338px #fff,1973px 1030px #fff,2122px 1238px #fff,886px 2506px #fff,2201px 1879px #fff,1465px 1415px #fff,1352px 1367px #fff,1877px 1129px #fff,2316px 1260px #fff,2385px 1237px #fff,2017px 2230px #fff,526px 890px #fff,2366px 716px #fff,721px 1384px #fff,1334px 1582px #fff,2089px 178px #fff,2314px 426px #fff,1128px 1817px #fff,46px 554px #fff,1501px 1429px #fff,2026px 2013px #fff,2392px 1464px #fff,1922px 2103px #fff,1194px 183px #fff,893px 1555px #fff,1166px 1098px #fff,409px 173px #fff,1735px 841px #fff,1516px 1627px #fff,1970px 897px #fff,1933px 1948px #fff,726px 310px #fff,957px 1690px #fff,2266px 1430px #fff,1310px 823px #fff
}
.tem16-guide-language .con .code .code4 {
 animation:tem16_guide_language_animParticle 600s linear infinite;
 width:1px;
 height:1px;
 box-shadow:0 0 #fff,790px 44px #fff,128px 1838px #fff,1754px 1966px #fff,1794px 1080px #fff,1930px 121px #fff,235px 1265px #fff,1992px 2480px #fff,2385px 338px #fff,158px 783px #fff,903px 66px #fff,480px 2263px #fff,473px 1455px #fff,1681px 1227px #fff,564px 1124px #fff,1429px 652px #fff,2397px 1817px #fff,272px 1375px #fff,1370px 2026px #fff,959px 9px #fff,616px 1934px #fff,947px 94px #fff,1150px 709px #fff,2395px 908px #fff,933px 1278px #fff,761px 1394px #fff,560px 880px #fff,589px 536px #fff,1646px 1902px #fff,2145px 277px #fff,1235px 2534px #fff,197px 1384px #fff,1381px 1007px #fff,2479px 274px #fff,1821px 562px #fff,1441px 937px #fff,2519px 1214px #fff,1552px 1148px #fff,1734px 344px #fff,1249px 67px #fff,638px 1745px #fff,926px 116px #fff,1769px 2070px #fff,179px 1305px #fff,1589px 909px #fff,1991px 1522px #fff,14px 635px #fff,883px 1257px #fff,298px 2560px #fff,253px 1576px #fff,810px 2201px #fff,2015px 1638px #fff,1698px 2011px #fff,1915px 1212px #fff,591px 2440px #fff,883px 938px #fff,854px 2479px #fff,477px 1040px #fff,1108px 1782px #fff,397px 289px #fff,169px 1272px #fff,2502px 468px #fff,209px 1114px #fff,2026px 925px #fff,882px 2001px #fff,2456px 857px #fff,435px 2441px #fff,1206px 757px #fff,1271px 2017px #fff,100px 203px #fff,555px 697px #fff,1318px 2230px #fff,316px 848px #fff,126px 2297px #fff,1415px 1959px #fff,1514px 1858px #fff,1047px 786px #fff,2470px 1809px #fff,2277px 1591px #fff,1836px 27px #fff,114px 605px #fff,2104px 1968px #fff,324px 1441px #fff,2110px 254px #fff,2023px 176px #fff,1621px 166px #fff,2438px 441px #fff,1753px 898px #fff,581px 1827px #fff,569px 669px #fff,757px 1670px #fff,1642px 972px #fff,2425px 939px #fff,2213px 2037px #fff,1425px 2468px #fff,2530px 443px #fff,1036px 1889px #fff,2505px 2494px #fff,2240px 898px #fff,668px 103px #fff,1161px 56px #fff,648px 1855px #fff,354px 2555px #fff,1864px 1028px #fff,1164px 398px #fff,1507px 996px #fff,1898px 1615px #fff,2098px 2465px #fff,1554px 2455px #fff,2542px 2485px #fff,961px 760px #fff,963px 1836px #fff,2363px 2216px #fff,1324px 216px #fff,2251px 117px #fff,802px 875px #fff,579px 1076px #fff,2070px 99px #fff,1608px 2252px #fff,2075px 923px #fff,445px 1454px #fff,63px 231px #fff,1046px 825px #fff,2066px 1853px #fff,1594px 2093px #fff,1496px 241px #fff,1175px 1061px #fff,2062px 1765px #fff,898px 306px #fff,1091px 768px #fff,2223px 2159px #fff,444px 1340px #fff,2109px 1648px #fff,2393px 92px #fff,638px 693px #fff,1402px 657px #fff,854px 8px #fff,1193px 2238px #fff,380px 2493px #fff,910px 682px #fff,1710px 2058px #fff,1042px 1282px #fff,150px 167px #fff,703px 1743px #fff,1874px 227px #fff,2043px 1021px #fff,416px 1254px #fff,2230px 1215px #fff,1710px 11px #fff,1908px 734px #fff,310px 79px #fff,1293px 1058px #fff,1604px 2422px #fff,1778px 700px #fff,505px 500px #fff,1831px 654px #fff,1899px 999px #fff,1656px 838px #fff,1156px 405px #fff,15px 533px #fff,2553px 1494px #fff,811px 1285px #fff,1103px 1207px #fff,1277px 623px #fff,1100px 997px #fff,1272px 1358px #fff,1755px 680px #fff,1803px 67px #fff,1411px 1446px #fff,1243px 645px #fff,1529px 1184px #fff,630px 1879px #fff,1406px 1420px #fff,637px 417px #fff,2297px 2553px #fff,1208px 1911px #fff,1320px 1694px #fff,2354px 2331px #fff,279px 1887px #fff,1745px 2183px #fff,668px 1748px #fff,664px 329px #fff,2287px 164px #fff,522px 2039px #fff,437px 2086px #fff,763px 2457px #fff,249px 2507px #fff,793px 1196px #fff,2507px 1304px #fff,1628px 2072px #fff,2380px 1514px #fff,2003px 2011px #fff,779px 987px #fff,780px 435px #fff,2382px 1249px #fff,1009px 1911px #fff,1240px 2137px #fff,1219px 167px #fff,1670px 1148px #fff,1487px 487px #fff,452px 892px #fff,707px 2317px #fff,1412px 364px #fff,1816px 986px #fff,2517px 1275px #fff,2120px 210px #fff,1520px 1376px #fff,703px 1636px #fff,840px 2041px #fff,1081px 1433px #fff,898px 2182px #fff,2271px 2540px #fff,2281px 2529px #fff,1235px 1210px #fff,1818px 495px #fff,434px 384px #fff,1542px 2109px #fff,2120px 2191px #fff,903px 619px #fff,1149px 422px #fff,2027px 2252px #fff,2151px 165px #fff,1772px 2379px #fff,2128px 2407px #fff,1338px 1398px #fff,2480px 1909px #fff,2295px 2543px #fff,1880px 1446px #fff,584px 1027px #fff,2411px 1667px #fff,1374px 2218px #fff,2269px 1774px #fff,187px 40px #fff,2351px 291px #fff,558px 1995px #fff,1582px 704px #fff,2349px 1352px #fff,1027px 1893px #fff,113px 2058px #fff,598px 1451px #fff,903px 80px #fff,2461px 1065px #fff,2305px 489px #fff,1326px 731px #fff,725px 2032px #fff,280px 2411px #fff,2218px 1343px #fff,2321px 601px #fff,1647px 650px #fff,1902px 426px #fff,2293px 1977px #fff,1399px 2329px #fff,1455px 1601px #fff,518px 1218px #fff,130px 1102px #fff,1913px 1405px #fff,229px 2407px #fff,2014px 500px #fff,1137px 902px #fff,2290px 1540px #fff,2001px 148px #fff,1859px 2518px #fff,1878px 2125px #fff,2125px 314px #fff,657px 980px #fff,2252px 818px #fff,26px 1284px #fff,2089px 1015px #fff,434px 1647px #fff,2363px 2194px #fff,2207px 958px #fff,609px 1859px #fff,651px 1907px #fff,1783px 976px #fff,2497px 2001px #fff,820px 407px #fff,154px 1396px #fff,1835px 130px #fff,252px 1349px #fff,865px 909px #fff,1702px 1531px #fff,125px 647px #fff,273px 1839px #fff,688px 2113px #fff,2524px 2180px #fff,588px 2460px #fff,1656px 571px #fff,2346px 152px #fff,252px 2543px #fff,1265px 889px #fff,1386px 1326px #fff,1804px 243px #fff,348px 581px #fff,2502px 1559px #fff,976px 1627px #fff,248px 500px #fff,153px 2470px #fff,870px 1683px #fff,593px 1266px #fff,408px 1099px #fff,325px 2110px #fff,606px 1947px #fff,718px 327px #fff,145px 30px #fff,1588px 802px #fff,92px 1481px #fff,2149px 813px #fff,782px 1419px #fff,1306px 1156px #fff,596px 1950px #fff,569px 1113px #fff,81px 633px #fff,1051px 2148px #fff,181px 174px #fff,109px 2263px #fff,1516px 1720px #fff,1206px 1540px #fff,450px 183px #fff,1625px 2313px #fff,684px 1767px #fff,1500px 2425px #fff,1170px 648px #fff,1987px 30px #fff,1028px 1036px #fff,1191px 1848px #fff,732px 1051px #fff,902px 792px #fff,1697px 955px #fff,1700px 2349px #fff,865px 2031px #fff,2183px 1947px #fff,68px 1831px #fff,1691px 296px #fff,1121px 2342px #fff,138px 833px #fff,1666px 1294px #fff,2539px 2383px #fff,1472px 306px #fff,2251px 1877px #fff,1886px 888px #fff,2217px 1187px #fff,563px 466px #fff,980px 161px #fff,941px 1664px #fff,1782px 62px #fff,257px 1289px #fff,1802px 251px #fff,2057px 1591px #fff,477px 2229px #fff,1153px 1169px #fff,383px 2215px #fff,1825px 2415px #fff,1830px 1062px #fff,2423px 1219px #fff,1157px 1734px #fff,2276px 2432px #fff,690px 270px #fff,1123px 2235px #fff,2380px 395px #fff,1255px 1820px #fff,148px 438px #fff,368px 2175px #fff,1800px 1536px #fff,2047px 579px #fff,668px 1773px #fff,1525px 574px #fff,961px 1295px #fff,1580px 2355px #fff,1387px 1389px #fff,482px 2177px #fff,1085px 1857px #fff,114px 467px #fff,1364px 1837px #fff,516px 1157px #fff,290px 790px #fff,1133px 1067px #fff,1100px 1255px #fff,317px 884px #fff,1446px 2218px #fff,141px 415px #fff,523px 968px #fff,2475px 1839px #fff,2054px 971px #fff,1317px 1287px #fff,1206px 1556px #fff,1095px 1064px #fff,1957px 302px #fff,1140px 1598px #fff,1287px 151px #fff,202px 845px #fff,1326px 1264px #fff,503px 1934px #fff,1341px 782px #fff,2101px 893px #fff,1559px 327px #fff,1228px 1112px #fff,2497px 512px #fff,2366px 2486px #fff,1594px 2461px #fff,542px 452px #fff,667px 2225px #fff
}
@keyframes tem16_guide_language_animParticle {
 from {
  transform:translateY(0)
 }
 to {
  transform:translateY(-2560px)
 }
}
.tem16-guide-language .text {
 text-align:center;
 position:absolute;
 top:50%;
 left:0;
 z-index:2;
 transform:translateY(-50%);
 width:100%
}
.tem16-guide-language .down {
 position:absolute;
 bottom:40px;
 left:50%;
 width:22px;
 height:34px;
 margin-left:-11px;
 opacity:.9;
 cursor:pointer;
 transition:.3s;
 user-select:none
}
.tem16-guide-language .down>span {
 display:block;
 position:absolute;
 top:4px;
 line-height:28px;
 height:28px;
 text-transform:uppercase;
 transition:.5s;
 padding:0 4px
}
.tem16-guide-language .down>span:after {
 content:"";
 position:absolute;
 top:13px;
 height:2px;
 border-top:2px solid;
 width:0;
 transition:.3s
}
.tem16-guide-language .down:hover {
 opacity:1
}
.tem16-guide-language .down:hover>span:after {
 width:100%
}
.tem16-guide-language .down:hover .left {
 margin-right:10px
}
.tem16-guide-language .down:hover .right {
 margin-left:10px
}
.tem16-guide-language .down .left {
 right:100%;
 margin-right:5px;
 letter-spacing:-.5px
}
.tem16-guide-language .down .left:after {
 right:0
}
.tem16-guide-language .down .right {
 left:100%;
 margin-left:5px;
 letter-spacing:1px
}
.tem16-guide-language .down .right:after {
 left:0
}
.tem16-guide-language .down .scrolldownhoney {
 width:100%;
 height:100%;
 z-index:4;
 border:2px solid;
 border-radius:30px;
 text-align:center
}
.tem16-guide-language .down .scrolldownhoney svg {
 width:10px;
 height:25px
}
.tem16-guide-language .down .scrolldownhoney svg .circle {
 animation-duration:1.5s;
 animation-name:tem16_guide_language_scrolldownhoney;
 animation-iteration-count:infinite;
 fill:currentColor
}
.tem16-guide-language .down .scrolldownhoney svg .circle2 {
 animation-delay:0.75s
}
@keyframes tem16_guide_language_scrolldownhoney {
 0% {
  opacity:0;
  transform:translate(0,-8px)
 }
 50% {
  opacity:1;
  transform:translate(0,0)
 }
 100% {
  opacity:0;
  transform:translate(0,8px)
 }
}
@media (max-width:768px) {
 .tem16-guide-language .container,
 .tem16-guide-language.full-screen-spacing .container.full-screen {
  padding-left:3%!important;
  padding-right:3%!important
 }
 .tem16-guide-language .text .txt {
  transform:initial!important
 }
 .tem16-guide-language .btn {
  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)
 }
}
.tem09-certified {
 width:100%;
 background-image:none!important
}
.tem09-certified.content-left .con .left,
.tem09-certified.content-left .con .right {
 float:left
}
.tem09-certified.content-right .con .left,
.tem09-certified.content-right .con .right {
 float:right
}
.tem09-certified .con {
 width:100%;
 overflow:hidden;
 background-size:cover
}
.tem09-certified .con .tem_con {
 width:100%;
 overflow:hidden;
 color:#fff
}
.tem09-certified .con .left {
 width:45%;
 min-height:624px;
 background-color:rgba(0,0,0,.4)
}
.tem09-certified .con .l_img {
 padding:8% 16.7% 0
}
.tem09-certified .con .l_img .img {
 position:relative;
 width:100%;
 height:0;
 overflow:hidden;
 padding-bottom:137%
}
.tem09-certified .con .l_img .img img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 object-fit:contain;
 max-width:none
}
.tem09-certified .con .l_img .title {
 text-align:center;
 padding:16px 4%;
 font-size:16px;
 font-weight:400;
 margin:0
}
.tem09-certified .con .right {
 width:55%;
 min-height:624px
}
.tem09-certified .con .r_box {
 padding:10% 8% 0
}
.tem09-certified .con .r_box .title {
 color:#333;
 font-size:30px;
 margin:0;
 margin-bottom:20px
}
.tem09-certified .con .r_box .description {
 color:#333;
 font-size:16px;
 margin-bottom:40px;
 opacity:.9
}
.tem09-certified .con .r_box .r_img {
 width:100%;
 height:346px;
 overflow:hidden;
 margin-bottom:14px;
 position:relative
}
.tem09-certified .con .r_box .r_img .img_con {
 position:relative;
 width:100%;
 height:100%;
 overflow-x:hidden;
 overflow-y:auto
}
.tem09-certified .con .r_box .r_img .img_con ul {
 width:100%;
 overflow:hidden;
 margin:0;
 padding:0
}
.tem09-certified .con .r_box .r_img .img_con ul li {
 width:30%;
 margin-right:3%;
 float:left;
 margin-bottom:14px;
 list-style:none;
 cursor:pointer
}
.tem09-certified .con .r_box .r_img .img_con .img {
 height:106px;
 background:#e6e6e6;
 text-align:center;
 position:relative;
 overflow:hidden
}
.tem09-certified .con .r_box .r_img .img_con .img img {
 height:100%;
 width:100%;
 object-fit:contain;
 max-width:none
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg,
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span,
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span i {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:4
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span i {
 opacity:.8;
 z-index:-1
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span {
 left:100%;
 line-height:106px;
 font-size:40px
}
.tem09-certified .con .center_img {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1060;
 background-color:rgba(0,0,0,.8);
 transition:.5s;
 transform:translateY(-100%);
 visibility:hidden;
 overflow:hidden
}
.tem09-certified .con .center_img.active {
 visibility:visible;
 transform:translateY(0)
}
.tem09-certified .con .center_img .swiper-slide .img_con,
.tem09-certified .con .center_img .swiper-wrapper,
.tem09-certified .con .center_img .swiper-slide {
 height:100%;
 width:100%
}
.tem09-certified .con .center_img .swiper-slide img {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 max-width:100%;
 max-height:80%
}
.tem09-certified .con .center_img .swiper-slide .title {
 position:absolute;
 left:0;
 bottom:50px;
 width:100%;
 line-height:22px;
 font-size:16px;
 margin:0;
 text-align:center
}
.tem09-certified .con .center_img .img_left,
.tem09-certified .con .center_img .img_right {
 z-index:10;
 position:absolute;
 top:50%;
 margin-top:-40px;
 cursor:pointer;
 opacity:.5
}
.tem09-certified .con .center_img .img_left:hover,
.tem09-certified .con .center_img .img_right:hover {
 opacity:1
}
.tem09-certified .con .center_img .img_left {
 left:30px
}
.tem09-certified .con .center_img .img_right {
 right:30px
}
.tem09-certified .con .center_img .img_left .icon-keyboard_arrow_left,
.tem09-certified .con .center_img .img_right .icon-keyboard_arrow_right {
 font-size:80px;
 width:80px;
 height:80px;
 text-shadow:0 1px 2px rgba(0,0,0,.8);
 line-height:80px
}
.tem09-certified .con .center_img .searchbox {
 position:absolute;
 top:20px;
 right:20px;
 z-index:10;
 width:40px;
 height:40px;
 color:#fff;
 font-size:40px;
 opacity:.6;
 cursor:pointer
}
.tem09-certified .con .center_img .searchbox:hover {
 opacity:1
}
@media(max-width:992px) {
 .tem09-certified .con .left,
 .tem09-certified .con .center_img .img_left,
 .tem09-certified .con .center_img .img_right {
  display:none
 }
 .tem09-certified .con .right {
  width:100%;
  min-height:auto
 }
 .tem09-certified .con .r_box {
  padding:4%
 }
}
@media(max-width:760px) {
 .tem09-certified .con .r_box .r_img .img_con ul li {
  width:48%;
  margin-right:2%
 }
 .tem09-certified .con .r_box .title {
  font-size:24px;
  margin-bottom:10px
 }
}
@media (max-width:768px) {
 .tem09-certified .container {
  padding-left:3%!important;
  padding-right:3%!important
 }
 .tem09-certified.full-screen-spacing .container.full-screen {
  padding-left:0%!important;
  padding-right:0%!important
 }
}
/*curl-https://www.mingfatech.com/templates/public4/assets/css/layout/certified/public_certified_9.css*/.tem09-certified {
 width:100%;
 background-image:none!important
}
.tem09-certified.content-left .con .left,
.tem09-certified.content-left .con .right {
 float:left
}
.tem09-certified.content-right .con .left,
.tem09-certified.content-right .con .right {
 float:right
}
.tem09-certified .con {
 width:100%;
 overflow:hidden;
 background-size:cover
}
.tem09-certified .con .tem_con {
 width:100%;
 overflow:hidden;
 color:#fff
}
.tem09-certified .con .left {
 width:45%;
 min-height:624px;
 background-color:rgba(0,0,0,.4)
}
.tem09-certified .con .l_img {
 padding:8% 16.7% 0
}
.tem09-certified .con .l_img .img {
 position:relative;
 width:100%;
 height:0;
 overflow:hidden;
 padding-bottom:137%
}
.tem09-certified .con .l_img .img img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 object-fit:contain;
 max-width:none
}
.tem09-certified .con .l_img .title {
 text-align:center;
 padding:16px 4%;
 font-size:16px;
 font-weight:400;
 margin:0
}
.tem09-certified .con .right {
 width:55%;
 min-height:624px
}
.tem09-certified .con .r_box {
 padding:5% 8% 0;
}
.tem09-certified .con .r_box .title {
 color:#333;
 font-size:30px;
 margin:0;
 margin-bottom:20px
}
.tem09-certified .con .r_box .description {
 color:#333;
 font-size:16px;
 margin-bottom:40px;
 opacity:.9
}
.tem09-certified .con .r_box .r_img {
 width:100%;
 height:440px;
 overflow:hidden;
 margin-bottom:14px;
 position:relative
}
.tem09-certified .con .r_box .r_img .img_con {
 position:relative;
 width:100%;
 height:100%;
 overflow-x:hidden;
 overflow-y:auto
}
.tem09-certified .con .r_box .r_img .img_con ul {
 width:100%;
 overflow:hidden;
 margin:0;
 padding:0
}
.tem09-certified .con .r_box .r_img .img_con ul li {
 width:30%;
 margin-right:3%;
 float:left;
 margin-bottom:14px;
 list-style:none;
 cursor:pointer
}
.tem09-certified .con .r_box .r_img .img_con .img {
 height:106px;
 background:#e6e6e6;
 text-align:center;
 position:relative;
 overflow:hidden
}
.tem09-certified .con .r_box .r_img .img_con .img img {
 height:100%;
 width:100%;
 object-fit:contain;
 max-width:none
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg,
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span,
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span i {
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:4
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span i {
 opacity:.8;
 z-index:-1
}
.tem09-certified .con .r_box .r_img .img_con .img .img_bg span {
 left:100%;
 line-height:106px;
 font-size:40px
}
.tem09-certified .con .center_img {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1060;
 background-color:rgba(0,0,0,.8);
 transition:.5s;
 transform:translateY(-100%);
 visibility:hidden;
 overflow:hidden
}
.tem09-certified .con .center_img.active {
 visibility:visible;
 transform:translateY(0)
}
.tem09-certified .con .center_img .swiper-slide .img_con,
.tem09-certified .con .center_img .swiper-wrapper,
.tem09-certified .con .center_img .swiper-slide {
 height:100%;
 width:100%
}
.tem09-certified .con .center_img .swiper-slide img {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 max-width:100%;
 max-height:80%
}
.tem09-certified .con .center_img .swiper-slide .title {
 position:absolute;
 left:0;
 bottom:50px;
 width:100%;
 line-height:22px;
 font-size:16px;
 margin:0;
 text-align:center
}
.tem09-certified .con .center_img .img_left,
.tem09-certified .con .center_img .img_right {
 z-index:10;
 position:absolute;
 top:50%;
 margin-top:-40px;
 cursor:pointer;
 opacity:.5
}
.tem09-certified .con .center_img .img_left:hover,
.tem09-certified .con .center_img .img_right:hover {
 opacity:1
}
.tem09-certified .con .center_img .img_left {
 left:30px
}
.tem09-certified .con .center_img .img_right {
 right:30px
}
.tem09-certified .con .center_img .img_left .icon-keyboard_arrow_left,
.tem09-certified .con .center_img .img_right .icon-keyboard_arrow_right {
 font-size:80px;
 width:80px;
 height:80px;
 text-shadow:0 1px 2px rgba(0,0,0,.8);
 line-height:80px
}
.tem09-certified .con .center_img .searchbox {
 position:absolute;
 top:20px;
 right:20px;
 z-index:10;
 width:40px;
 height:40px;
 color:#fff;
 font-size:40px;
 opacity:.6;
 cursor:pointer
}
.tem09-certified .con .center_img .searchbox:hover {
 opacity:1
}
@media(max-width:992px) {
 .tem09-certified .con .left,
 .tem09-certified .con .center_img .img_left,
 .tem09-certified .con .center_img .img_right {
  display:none
 }
 .tem09-certified .con .right {
  width:100%;
  min-height:auto
 }
 .tem09-certified .con .r_box {
  padding:4%
 }
}
@media(max-width:760px) {
 .tem09-certified .con .r_box .r_img .img_con ul li {
  width:48%;
  margin-right:2%
 }
 .tem09-certified .con .r_box .title {
  font-size:24px;
  margin-bottom:10px
 }
}
@media (max-width:768px) {
 .tem09-certified .container {
  padding-left:3%!important;
  padding-right:3%!important
 }
 .tem09-certified.full-screen-spacing .container.full-screen {
  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:#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
}