.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: 5px 34px 5px 0;
  font-size: 14px;
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li {
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul {
  background-color:#fff;
  position:absolute;
  top:100%;
  left:0;
  line-height:initial;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  opacity:0;
  visibility:hidden;
  transition:all .3s;
  pointer-events:none;
  padding:10px 6px;
  border-radius:6px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul>li {
  background-color:inherit
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul {
  left:100%;
  top:0;
  background-color:inherit
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul,
 .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul {
  left:auto;
  right:0
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child ul ul,
 .tem98-header .head_bottom .navigation nav .nav>ul>li:nth-last-child(2) ul ul {
  right:100%
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li:hover>ul {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  margin-top:-10px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul li .text a {
  padding-top:12px;
  padding-bottom:12px
 }
 .tem98-header .head_bottom .navigation nav.add {
  padding:0 20px;
  height:100%
 }
 .tem98-header .head_bottom .navigation nav {
  background:none!important
 }
 .tem98-header .head_bottom .navigation nav.add .lr {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:0;
  z-index:8;
  display:block
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left,
 .tem98-header .head_bottom .navigation nav.add .lr .right {
  position:absolute;
  top:20px;
  height:30px;
  width:20px;
  cursor:pointer;
  line-height:30px;
  text-align:center;
  color:#fff;
  font-size:20px;
  border-radius:2px;
  opacity:.6;
  transition:.3s
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left:hover,
 .tem98-header .head_bottom .navigation nav.add .lr .right:hover {
  opacity:1;
  display: none;
 }
 .tem98-header .head_bottom .navigation nav.add .lr .left {
  left:0;
  display: none;
 }
 .tem98-header .head_bottom .navigation nav.add .lr .right {
  right:0;
  display: none;
 }
 .tem98-header .head_bottom .navigation nav.add .nav {
  overflow:hidden;
  height:100%
 }
 .tem98-header .head_bottom .navigation nav.add .nav.hig {
  height:650px
 }
 .tem98-header .head_bottom {
  top:-90px;
  left:0;
  width:100%
 }
 .tem98-header .head_bottom.fixeds {
  position:fixed;
  transition:.3s;
  box-shadow:0 0 12px rgba(0,0,0,.1);
  z-index:99
 }
 .tem98-header .head_bottom.fixeds.top_show {
  top:0
 }
 body.cms_product .tem98-header .head_bottom.fixeds {
  position:relative;
  top:0
 }
}
.tem98-header .nav_button {
 display:none
}
@media (max-width:992px) {
 .tem98-header .head_bottom .icons.language .img_txt img {
  display:none
 }
 .tem98-header {
  height:60px
 }
 .tem98-header .header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:1000
 }
 .tem98-header .head_top {
  display:none
 }
 .tem98-header .head_top .con .head_editor span {
  font-size:12px!important
 }
 .tem98-header .head_top .con {
  width:94%
 }
 .tem98-header .head_bottom .con {
  height:60px;
  width:94%
 }
 .tem98-header .head_bottom .search_box form i {
  opacity:.9
 }
 .tem98-header .head_bottom .logo {
  width:auto;
  height:60px;
  padding:10px 0;
  line-height:40px
 }
 .tem98-header .head_bottom .navigation {
  width:auto;
  height:60px;
  position:relative
 }
 .tem98-header .head_bottom .navigation .search {
  height:60px;
  padding:0;
  padding-top:10px
 }
 .tem98-header .head_bottom .navigation .search .icon_bx {
  margin:0
 }
 .tem98-header .head_bottom .navigation nav {
  position:fixed;
  width:100%!important;
  max-width:400px!important;
  top:60px;
  left:0;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  transform:translateX(50px);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  max-height:400px;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:999
 }
 .tem98-header .head_bottom .con.active .navigation nav {
  transform:translateX(0);
  opacity:1;
  visibility:visible
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text {
  position:relative;
  border-bottom:1px solid rgba(122,122,122,.1)
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text {
  border-bottom:none
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li>.text:after {
  content:"";
  display:block;
  position:absolute;
  right:0;
  top:20px;
  bottom:20px;
  border-right:1px solid;
  border-color:rgba(122,122,122,.1)
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text a {
  padding:10px 20px;
  display:block;
  position:relative;
  transition:0s
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after {
  border:none
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  display:block;
  top:50%;
  right:18px;
  border:4px solid transparent;
  border-top-color:inherit;
  margin-top:-2px;
  transition:.3s
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia {
  padding:10px 20px;
  padding-right:30px;
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul>li .text.xia a {
  padding:0;
  display:inline
 }
 .tem98-header .head_bottom .navigation nav .nav>ul li {
  position:relative
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul {
  display:none;
  padding:10px 0;
  background:none!important
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul .text.xia,
 .tem98-header .head_bottom .navigation nav .nav>ul ul .text a {
  padding-left:30px
 }
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text.xia,
 .tem98-header .head_bottom .navigation nav .nav>ul ul ul .text a {
  padding-left:40px
 }
 .tem98-header .nav_button {
  outline:none;
  border:0;
  width:40px;
  height:40px;
  padding:10px;
  transition:all .45s;
  z-index:99;
  display:block;
  background:0;
  float:left;
  margin-top:10px;
  margin-right:6px
 }
 .tem98-header .nav_button .nav_button_icon {
  position:relative;
  width:16px;
  height:16px;
  margin:auto
 }
 .tem98-header .nav_button .nav_button_icon span {
  display:block;
  position:absolute;
  right:0;
  left:0;
  height:0;
  transition:all .15s;
  border-bottom:2px solid
 }
 .tem98-header .nav_button .nav_button_icon span:after {
  content:"";
  display:block;
  width:2px;
  height:0;
  border-bottom:2px solid;
  position:absolute;
  left:-4px
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(1) {
  top:50%;
  transform:translate3d(0,-50%,0)
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(2) {
  top:0;
  transform:translateZ(0) rotate(0) scaleX(1)
 }
 .tem98-header .nav_button .nav_button_icon span:nth-child(3) {
  bottom:0;
  transform:translateZ(0) rotate(0) scaleX(1)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(1) {
  opacity:0
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(2) {
  transform:rotate(45deg) translate3d(5px,5px,0)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:nth-child(3) {
  transform:rotate(-45deg) translate3d(5px,-5px,0)
 }
 .tem98-header .head_bottom .con.active .nav_button .nav_button_icon span:after {
  display:none
 }
}
@media (max-width:360px) {
 .tem98-header .head_bottom .navigation .search {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  width:100px;
  background-color:#fff;
  color:#333;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  padding-right:10px;
  border-radius:4px
 }
 .tem98-header .head_bottom .navigation .search.active {
  display:block
 }
 .tem98-header .head_bottom .navigation .search_btn_ {
  display:block;
  width:20px;
  height:40px;
  margin-top:10px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span {
  display:block;
  border:2px solid;
  height:0;
  width:0;
  border-radius:50%;
  position:absolute;
  left:50%;
  margin-left:-2px;
  top:50%
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(1) {
  margin-top:-8px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(2) {
  margin-top:-2px
 }
 .tem98-header .head_bottom .navigation .search_btn_>span:nth-child(3) {
  margin-top:4px
 }
}
.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
}
.tem11-bread {
 text-align:left;
 background-position:50% 50%;
 background-repeat:no-repeat;
 background-size:100% 100%
}
.tem11-bread .image {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.tem11-bread .image img {
 visibility:hidden
}
.tem11-bread img {
 width:100%
}
.tem11-bread-ms .bread-box {
 width:100%;
 line-height:50px;
 color:#333;
 border-bottom:1px solid #f0f0f0
}
.tem11-bread-ms .bread-box h1,
.tem11-bread-ms .bread-box .h1 {
 margin:0;
 padding:8px 0;
 font-size:14px;
 font-weight:100;
 line-height:50px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.tem11-bread-ms .bread-box .h5 {
 padding:0;
 margin:0
}
.tem11-bread-ms .bread-box .tem11-location {
 text-align:right;
 font-size:12px;
 line-height:50px;
 color:#888;
 display:flex;
 display:-webkit-flex;
 align-items:center;
 justify-content:flex-end;
 flex-wrap:wrap
}
.tem11-bread-ms .bread-box .tem11-location,
.tem11-bread-ms .bread-box .tem11-location span,
.tem11-bread-ms .bread-box .tem11-location a,
.tem11-bread-ms .bread-box .tem11-location a:hover,
.tem11-bread-ms .bread-box .tem11-location a:focus {
 color:inherit!important
}
@media (max-width:768px) {
 .tem11-bread-ms {
  min-height:auto;
  max-height:none
 }
 .tem11-bread-ms .bread-box .col-md-5 {
  display:none
 }
 .tem11-bread-ms .bread-box .col-md-7 {
  width:100%
 }
 .tem11-bread-ms .bread-box .tem11-location {
  line-height:25px
 }
}
@media (max-width:480px) {
 .tem11-bread-ms .col-xs-6 {
  width:100%
 }
 .tem11-bread-ms .bread-box {
  line-height:35px;
  bottom:-102px
 }
 .tem11-bread-ms .bread-box .tem11-location {
  padding-top:0!important
 }
}
/*curl-https://www.mingfatech.com/templates/public4/assets/css/layout/bread/public_bread_11.css*/.tem11-bread {
 text-align:left;
 background-position:50% 50%;
 background-repeat:no-repeat;
 background-size:100% 100%
}
.tem11-bread .image {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.tem11-bread .image img {
 visibility:hidden
}
.tem11-bread img {
 width:100%
}
.tem11-bread-ms .bread-box {
 width:100%;
 line-height:50px;
 color:#333;
 border-bottom:1px solid #f0f0f0
}
.tem11-bread-ms .bread-box h1,
.tem11-bread-ms .bread-box .h1 {
 margin:0;
 padding:8px 0;
 font-size:14px;
 font-weight:100;
 line-height:50px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.tem11-bread-ms .bread-box .h5 {
 padding:0;
 margin:0
}
.tem11-bread-ms .bread-box .tem11-location {
 text-align:right;
 font-size:12px;
 line-height:50px;
 color:#888;
 display:flex;
 display:-webkit-flex;
 align-items:center;
 justify-content:flex-end;
 flex-wrap:wrap
}
.tem11-bread-ms .bread-box .tem11-location,
.tem11-bread-ms .bread-box .tem11-location span,
.tem11-bread-ms .bread-box .tem11-location a,
.tem11-bread-ms .bread-box .tem11-location a:hover,
.tem11-bread-ms .bread-box .tem11-location a:focus {
 color:inherit!important
}
@media (max-width:768px) {
 .tem11-bread-ms {
  min-height:auto;
  max-height:none
 }
 .tem11-bread-ms .bread-box .col-md-5 {
  display:none
 }
 .tem11-bread-ms .bread-box .col-md-7 {
  width:100%
 }
 .tem11-bread-ms .bread-box .tem11-location {
  line-height:25px
 }
}
@media (max-width:480px) {
 .tem11-bread-ms .col-xs-6 {
  width:100%
 }
 .tem11-bread-ms .bread-box {
  line-height:35px;
  bottom:-102px
 }
 .tem11-bread-ms .bread-box .tem11-location {
  padding-top:0!important
 }
}
.tem01-title {
 text-align:center
}
.tem01-title .title {
 padding:0 15px
}
.tem01-title .subtitle {
 font-size:13px;
 line-height:30px;
 color:#888;
 padding:0 15px
}
.tem01-title .more {
 display:none
}
@media (max-width:768px) {
 .tem01-title .title,
 .tem01-title .subtitle {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem01-title.full-screen-spacing .full-screen .title,
 .tem01-title.full-screen-spacing .full-screen .subtitle {
  padding-left:3%!important;
  padding-right:3%!important
 }
}
.mainlist .tem01-list-title,
.maindetail .tem01-list-title {
 text-align:center;
 padding:15px 0
}
.mainlist .tem01-list-title .subtitle,
.maindetail .tem01-list-title .subtitle {
 line-height:30px;
 color:#888
}
.mainlist .tem01-list-title .more,
.maindetail .tem01-list-title .more {
 display:none
}
.tem76-service {
 padding:2% 0;
 background-color:#FFF;
 text-align:center;
 background-color:#F9F9F9
}
.tem76-service a {
 display:block;
 height:100%;
 overflow:hidden;
 position:relative;
 color:#333;
 background-color:#FFF;
 padding:60px 30px;
 border-radius:10px;
 box-shadow:0 10px 30px rgba(0,0,0,.05)
}
.tem76-service a .bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 transition:.5s;
 border-radius:inherit
}
.tem76-service a:hover {
 color:#FFF!important
}
.tem76-service a:hover .bg,
.tem76-service a:hover .descr {
 opacity:1
}
.tem76-service a:hover .icon {
 color:inherit
}
.tem76-service .icon {
 color:var(--main-color);
 font-size:50px
}
.tem76-service .item {
 padding:.5vw!important
}
.tem76-service .titl {
 font-size:16px;
 font-weight:700;
 padding:10px 0 5px;
 font-weight:700
}
.tem76-service .descr {
 opacity:.6
}
.tem76-service .box {
 position:relative;
 z-index:1
}
@media(max-width:768px) {
 .tem76-service a {
  color:#FFF!important;
  border-radius:0;
  padding:5%
 }
 .tem76-service a .bg {
  opacity:1
 }
 .tem76-service a .icon {
  color:inherit
 }
}
@media(max-width:480px) {
 .tem76-service .item {
  width:100%;
  max-width:100%
 }
 .tem76-service .icon {
  font-size:2.5rem
 }
}
/*curl-https://www.mingfatech.com/templates/public4/assets/css/layout/service/public_service_76.css*/.tem76-service {
 padding:2% 0;
 background-color:#FFF;
 text-align:center;
 background-color:#F9F9F9
}
.tem76-service a {
 display:block;
 height:100%;
 overflow:hidden;
 position:relative;
 color:#333;
 background-color:#FFF;
 padding:60px 30px;
 border-radius:10px;
 box-shadow:0 10px 30px rgba(0,0,0,.05)
}
.tem76-service a .bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 transition:.5s;
 border-radius:inherit
}
.tem76-service a:hover {
 color:#FFF!important
}
.tem76-service a:hover .bg,
.tem76-service a:hover .descr {
 opacity:1;
 background: -webkit-linear-gradient(45deg, #141414, #141414);
 background: -o-linear-gradient(45deg, #141414, #141414);
 background: -moz-linear-gradient(45deg, #141414, #141414);
 background: linear-gradient(45deg, #141414, #141414);
}
.tem76-service a:hover .icon {
 color:inherit
}
.tem76-service .icon {
 color:var(--main-color);
 font-size:50px
}
.tem76-service .item {
 padding:.5vw!important
}
.tem76-service .titl {
 font-size:16px;
 font-weight:700;
 padding:10px 0 5px;
 font-weight:700
}
.tem76-service .descr {
 opacity:.6
}
.tem76-service .box {
 position:relative;
 z-index:1
}
@media(max-width:768px) {
 .tem76-service a {
  color:#FFF!important;
  border-radius:0;
  padding:5%
 }
 .tem76-service a .bg {
  opacity:1
 }
 .tem76-service a .icon {
  color:inherit
 }
}
@media(max-width:480px) {
 .tem76-service .item {
  width:100%;
  max-width:100%
 }
 .tem76-service .icon {
  font-size:2.5rem
 }
}
.tem267-irregular {
 padding:5% 0
}
.tem267-irregular img {
 max-width:100%;
 opacity:0
}
.tem267-irregular a {
 display:block;
 height:100%;
 position:relative;
 color:#333;
 background-repeat:no-repeat;
 background-size:auto 100%
}
.tem267-irregular a:hover {
 transform:translateY(-5px);
 box-shadow:0 8px 10px rgba(0,0,0,.08)
}
.tem267-irregular .container {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap
}
.tem267-irregular .item {
 padding:1%
}
.tem267-irregular .text {
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.tem267-irregular .title {
 font-size:16px
}
.tem267-irregular .description {
 opacity:.6
}
.tem267-irregular.content-left a {
 background-position:right center
}
.tem267-irregular.content-left .text {
 left:10%
}
.tem267-irregular.content-right a {
 background-position:left center
}
.tem267-irregular.content-right .text {
 right:10%;
 text-align:right
}
.tem267-irregular.content-middle a {
 background-position:center
}
.tem267-irregular.content-middle .text {
 left:50%;
 transform:translate(-50%,-50%);
 text-align:center
}
@media(max-width:768px) {
 .tem267-irregular .container {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem267-irregular.full-screen-spacing .container {
  padding-left:0!important;
  padding-right:0!important
 }
}
/*curl-https://www.mingfatech.com/templates/public4/assets/css/layout/irregular/public_irregular_267.css*/.tem267-irregular {
 padding:5% 0
}
.tem267-irregular img {
 max-width:100%;
 opacity:0
}
.tem267-irregular a {
 display:block;
 height:100%;
 position:relative;
 color:#333;
 background-repeat:no-repeat;
 background-size:auto 100%
}
.tem267-irregular a:hover {
 transform:translateY(-5px);
 box-shadow:0 8px 10px rgba(0,0,0,.08)
}
.tem267-irregular .container {
 display:flex;
 display:-webkit-flex;
 flex-wrap:wrap
}
.tem267-irregular .item {
 padding:1%
}
.tem267-irregular .text {
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.tem267-irregular .title {
 font-size:16px
}
.tem267-irregular .description {
 opacity:.6
}
.tem267-irregular.content-left a {
 background-position:right center
}
.tem267-irregular.content-left .text {
 left:10%
}
.tem267-irregular.content-right a {
 background-position:left center
}
.tem267-irregular.content-right .text {
 right:10%;
 text-align:right
}
.tem267-irregular.content-middle a {
 background-position:center
}
.tem267-irregular.content-middle .text {
 left:50%;
 transform:translate(-50%,-50%);
 text-align:center
}
@media(max-width:768px) {
 .tem267-irregular .container {
  padding-left:2%!important;
  padding-right:2%!important
 }
 .tem267-irregular.full-screen-spacing .container {
  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
}