@font-face {
  font-family: 'siyuan';
  src: url('../fonts/siyuanNormal.eot?#iefix') format('embedded-opentype'),
    url('../fonts/siyuanNormal.woff2') format('woff2'),
    url('../fonts/siyuanNormal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "微软雅黑", "Microsoft YaHei", "黑体", SimHei
}

select {
  background: #fff;
  border-radius: 5px;
  border: #d4d4d4 1px solid;
}

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

body,
html {
  background-color: #f3f3f3;
  width: 100%;
}

h1 {
  display: none
}

img {
  display: block;
  width: 100%
}

a {
  display: block;
  margin: 0;
  padding: 0
}

.footer a {
  color: #838386;
  display: inline-block
}

.wrap {
  width: 100%
}
.loadingMask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.3);
	width:100%;
	text-align:center;
	z-index:1000;
}

.loadingMask .loading {
	width:40px;
	height:40px;
	top:45%;
	left:47%;
	background:url(../assets/img/loading.gif) no-repeat;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 80px;
  top: 0;
  background-color: #fff
}

.header .nav-box {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto
}

.header .nav-box .gm {
  display: block;
  float: left;
  width: 85px;
  height: 80px;
  background: url(../assets/img/gm-logo.png) 50% 50% no-repeat;
  background-size: contain;
  -ms-behavior: url(backgroundsize.min.htc);
  behavior: url(backgroundsize.min.htc);
  cursor: pointer
}

.header .nav-box .ge {
  float: left;
  height: 45px;
  line-height: 80px;
  margin: 20px 10px 0;
  border-right: 1px solid #838386
}

.header .nav-box .logo {
  display: block;
  float: left;
  height: 80px;
  width: 106px;
  background: url(../assets/img/logo.png) 50% 50% no-repeat;
  background-size: contain;
  cursor: pointer
}

.header .nav-box .nav {
  float: right;
  margin-right: 20px;
  height: 80px;
  position: relative
}

.header .nav-box .nav .bar {
  position: absolute;
  background-color: #ed7100;
  width: 0;
  height: 8px;
  top: 0;
  left: 0;
  -webkit-transition: all .5s cubic-bezier(.86, 0, .07, 1)
}

.header .nav-box .nav li {
  float: left;
  height: 100%;
  padding: 0 12px 0;
  cursor: pointer;
  position: relative
}

.header .nav-box .nav li:hover {
  background-color: #e6e6e8;
}

.header .nav-box .nav li.active {
  background-color: #e6e6e8 !important;
}

.header .nav-box .nav li span {
  font-size: 16px;
  font-weight: 400;
  color: #4d4d4d;
  float: left;
  height: 100%;
  line-height: 80px;
  padding: 0 15px;
  box-sizing: border-box;
  font-weight: bold;
}

.header .nav-box .nav li.nav-member {
  background: #fff url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px;
}

.header .nav-box .nav li.nav-member>a>span {
  font-weight: bold;
}

.header .nav-box .nav li.nav-member:hover {
  background: #e6e6e8 url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px
}

.header .nav-box .nav li.nav-brand {
  background: #fff url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px;
}

.header .nav-box .nav li.nav-brand>a>span {
  font-weight: bold;
}

.header .nav-box .nav li.nav-brand:hover {
  background: #e6e6e8 url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px
}
/* 德科品牌 */
.header .nav-box .nav li.nav-dk {
  background: #fff url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px;
}

.header .nav-box .nav li.nav-dk>a>span {
  font-weight: bold;
}

.header .nav-box .nav li.nav-dk:hover {
  background: #e6e6e8 url(../assets/img/head-arrow.png) no-repeat;
  background-size: 7px 4px;
  background-position: center 65px
}

.header .nav-box .nav li ul {
  position: absolute;
  top: -240px;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: all .8s;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  -moz-transition: all .8s
}

.header .nav-box .nav li:hover ul {
  top: 80px
}

.header .nav-box .nav li ul li {
  float: none;
  height: 60px;
  line-height: 60px;
  color: #4d4d4d;
  text-align: center;
  background: #fff
}

.header .nav-box .nav li ul li a {
  text-decoration: none;
  color: #4d4d4d;
}

.header .nav-box .nav li ul li:hover {
  background: #e6e6e8;
}

.header .nav-box .hl {
  float: right;
  height: 80px;
  position: relative
}

.header .nav-box .hl li {
  float: left;
  margin-left: 1px;
  width: 66px;
  height: 80px
}

.header .nav-box .hl li:nth-child(1) {
  background: url(../assets/img/icons.png) 0 50% no-repeat;
  background-size: 400% auto;
  background-color: #f4a02c
}

.header .nav-box .hl li:nth-child(1)::after {
  position: absolute;
  content: "";
  width: 162px;
  height: 171px;
  left: -50px;
  top: 80px;
  background: url(../assets/img/wechat-QR.png) 0 0 no-repeat;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .5s
}

.header .nav-box .hl li:nth-child(1):hover::after {
  display: block;
  opacity: 1
}

.header .nav-box .hl li:nth-child(2) {
  background: url(../assets/img/icons.png) 34% 50% no-repeat;
  background-size: 400% auto;
  background-color: #f4a02c
}

.header .nav-box .hl li:nth-child(2)::after {
  position: absolute;
  content: "";
  width: 297px;
  height: 195px;
  left: -115px;
  top: 80px;
  background: url(../assets/img/app-QR.png) 0 0 no-repeat;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .5s
}

.header .nav-box .hl li:nth-child(2):hover::after {
  display: block;
  opacity: 1
}

.header .nav-box .hl li:nth-child(3) {
  background: url(../assets/img/icons.png) 67% 50% no-repeat;
  background-size: 400% auto;
  background-color: #f4a02c
}

.header .nav-box .hl li:nth-child(4) {
  background: url(../assets/img/icons.png) 101% 50% no-repeat;
  background-size: 400% auto;
  background-color: #f4a02c
}

.header .nav-box .hl li span {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-top: 56px
}

#kv {
  margin-top: 80px;
  position: relative
}

.block,
.sel-block {
  width: 1000px;
  position: relative;
  overflow: hidden
}
#offical-fw{
  width: 100%;
  background: #f3f3f3;
  margin-top: 0;
}
#offical-fw .title{
  margin: 40px auto 0;
}

#game-foto {
  overflow: visible;
  margin: 40px auto 60px;
  width: 1008px
}

.full {
  width: 100%;
  min-width: 1000px
}

.block,
.full {
  margin: 40px auto 0
}

.block.full {
  margin: 0 auto 0
}

.block.full.block-top {
  margin-top: 80px
}

.block-top {
  margin-top: 80px
}

.block-top-high {
  margin-top: 108px
}

.block-bottom {
  overflow: hidden;
  margin-bottom: 40px
}

.block .title {
  text-align: center;
  margin: 0;
  padding: 0
}

.block h3.title {
  font-size: 22px;
  line-height: 22px;
  color: #3a3834;
  padding: 20px 0 26px;
  position: relative
}

.block h3.title span {
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #3a3834;
  top: 0;
  left: 50%;
  margin-left: -20px
}

.block .block-outter {
  position: relative
}

.block .block-outter .arrow-left {
  position: absolute;
  top: 50%;
  left: -38px !important;
  width: 12px;
  height: 22px;
  background: url(../assets/img/index/arrow-left.png) center;
  background-size: 100%;
  margin-top: -11px
}

.block .block-outter .arrow-right {
  position: absolute;
  width: 12px;
  height: 22px;
  background: url(../assets/img/index/arrow-right.png) center;
  background-size: 100%;
  top: 50%;
  right: -30px !important;
  left: auto !important;
  margin-top: -11px
}

.block .block-outter .swiper-container {
  width: 1002px;
  height: 234px;
  overflow: hidden;
  z-index: 0;
}

.block .block-outter .swiper-container .swiper-slide {
  width: 336px;
  height: 234px
}

.block .block-outter .swiper-container .swiper-slide img {
  width: 328px
}

.block .block-outter .swiper-container .swiper-slide a {
  text-decoration: none;
  font-size: 13px;
  color: #838386
}

.block .block-outter .swiper-container .swiper-slide p {
  box-sizing: border-box;
  height: 30px;
  background-color: #fff;
  width: 328px;
  line-height: 30px;
  font-size: 16px;
  margin: 0;
  padding: 0 10px
}

.block .block-outter .swiper-container .swiper-slide p span {
  float: left
}

.block .block-outter .swiper-container .swiper-slide p label {
  float: right
}

.block .block-box {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  height: 100%
}

.block .block-box>img {
  margin-top: 20px
}

.block .block-box>img.banner {
  margin-top: 0
}

.block .block-box .free-margintop {
  margin-top: 0
}
#introduction.brandings .block-box p,#introduction.hifans .block-box p,#introduction.brandings .block-box img,#introduction.hifans .block-box img{
  margin: 0;
  width: 100%;
}

#game-foto .block-box {
  height: 200px;
  position: relative
}

#hot-service .block-box a {
  width: 328px;
  float: left
}

#hot-service .block-box a:not(:last-of-type) {
  margin-right: 8px
}

#shop-search {
  height: 82px;
  overflow: hidden
}

#shop-search .bar {
  width: 100%;
  height: 82px;
  background-color: #373737;
}

#shop-search .bar .block-box span {
  font-size: 22px;
  line-height: 82px;
  color: #fff;
  float: left;
  margin-left: 70px;
}

#game-foto .block-box a {
  margin-right: 10px
}

#game-foto .ctrls .btn {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 200px;
  cursor: pointer
}

#game-foto .ctrls .btn.prev {
  left: -10px;
  background: url(../assets/img/gf-arrow.png) 0 50% no-repeat;
  background-color: #f4a02c
}

#game-foto .ctrls .btn.next {
  right: -10px;
  background: url(../assets/img/gf-arrow.png) -20px 50% no-repeat;
  background-color: #f4a02c
}

#game-foto .more {
  margin-top: 28px;
  text-align: center
}

#game-foto .more a {
  display: inline;
  text-decoration: none
}

#game-foto .more a span {
  font-size: 20px;
  line-height: 20px;
  color: #ed7100;
  border-bottom: 2px solid #ed7100
}

#intro {
  width: 1000px;
  margin: 80px auto 40px;
  background: url(../assets/img/intro/line.png) 50% 0 no-repeat;
  background-size: 100%;
  background-color: #fff
}

.block .part {
  width: 400px;
  margin: 0 auto
}

.block .part .title {
  text-align: center
}

.block#member-right a {
  float: left;
  width: 485px;
  cursor: pointer
}

.block#member-right a.right-margin {
  margin-left: 30px;
}

#intro .part .title h4 {
  font-size: 24px;
  line-height: 28px;
  color: #ed7100;
  display: inline-block;
  margin: 80px auto 30px;
  padding: 0
}

#intro .part .title .icon {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  background: url(../assets/img/intro/title-icons.png) 0 0 no-repeat
}

#intro .part#condition .title .icon {
  background: url(../assets/img/intro/title-icons.png) -28px 0 no-repeat
}

#intro .part#contact .title .icon {
  background: url(../assets/img/intro/title-icons.png) -56px 0 no-repeat
}

.part .line {
  width: 480px;
  margin: 70px -40px;
  border-bottom: 2px dotted #ee770b
}

.block .qr i {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  text-align: center
}

.block #qr-code {
  width: 270px;
  margin: 50px auto
}

#intro .part p {
  margin: 0 0 30px;
  padding: 0;
  font-size: 18px;
  line-height: 44px;
  color: #140c0c
}

#intro .part#contact p {
  text-align: center
}

#intro .part p b {
  color: #ed7100;
  font-weight: 700
}

#intro .part p i {
  line-height: 33px;
  color: #ed7100;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 33px;
  left: 10px
}

#delco {
  margin: 80px 0 40px
}

#delco .kv {
  margin-bottom: 20px
}

#delco .fbi {
  margin-bottom: 50px
}

#delco .ds a:not(:last-of-type) {
  margin-bottom: 50px
}

#delco .block-box {
  width: 1000px;
  margin: 0 auto
}

#year20 {
  width: 1000px;
  margin: 80px auto 40px
}

#year20 .block-box {
  background: url(../assets/img/intro/line.png) 50% -410px no-repeat;
  background-size: 100%;
  background-color: #fff;
  margin-top: 20px
}

#year20 .block-box .part {
  width: 100%;
  text-align: center
}

#year20 h3 {
  font-size: 33px;
  line-height: 50px;
  color: #ed7100
}

#year20 p {
  font-size: 22px;
  line-height: 36px;
  color: #140c0c;
  margin: 0 0 40px
}

#year20 p i {
  font-style: normal;
  font-weight: 700;
  color: #ed7100
}

#year20 .part .line {
  margin: 70px auto
}

#member {
  margin: -230px auto 40px
}

#member .title {
  width: 739px;
  margin: 0 auto 60px
}

#member .ms {
  overflow: hidden
}

#member .ms a {
  width: 320px;
  float: left
}

#member .ms a:not(:last-of-type) {
  margin-right: 20px
}

.side-nav {
  width: 200px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: #838386;
  padding: 30px 16px;
  position: fixed
}

.side-nav h5 {
  font-size: 22px;
  line-height: 22px;
  margin: 0;
  padding: 0 34px 20px
}

.side-nav .list {
  padding-left: 30px
}

.side-nav .list-box.open .timestamp {
  border-bottom: 1px solid #d2d2d2
}

.side-nav .list-box .timestamp {
  position: relative;
  cursor: pointer;
  display: block;
  margin: 10px;
  padding-left: 30px;
  padding-bottom: 4px
}

.side-nav .list-box.open .timestamp::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: -10px;
  top: -5px;
  background: url(../assets/img/campaign/file-icon.png) 50% 50% no-repeat;
  background-size: auto;
  -webkit-transform: rotate(135deg)
}

.side-nav .list-box .timestamp::before {
  -webkit-transition: all .5s;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: -10px;
  top: -5px;
  background: url(../assets/img/campaign/file-icon.png) 50% 50% no-repeat;
  background-size: auto;
  -webkit-transform: rotate(0)
}

.side-nav .list-box .list {
  height: 0;
  -webkit-transition: all .5s;
  overflow: hidden
}

.side-nav .list-box.open .list {
  height: auto
}

.side-nav .list li {
  padding: 5px 0 5px 0;
  position: relative;
  cursor: pointer;
  font-size: 12px
}

.side-nav .list li.live {
  color: #ff8a16
}

.side-nav .list span {
  font-size: 15px
}

.content-box {
  width: 790px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  color: #838386;
  float: right;
  padding-bottom: 40px
}

.content-box h2 {
  text-align: center;
  font-size: 33px;
  line-height: 56px;
  /* color: #f4a02c; */
  color: #3a3834;
}

.content-box h3 {
  font-size: 22px;
  line-height: 30px;
  color: #f4a02c;
  position: relative;
  text-indent: 20px
}

/* .content-box h3::before{position:absolute;content:"";width:10px;height:22px;background-color:#f4a02c;left:0;top:5px} */
.content-box p {
  font-size: 16px;
  line-height: 30px;
  color: #838386;
  margin-bottom: 40px
}

.content-box .part {
  width: 740px;
  margin: 0 auto 40px
}

#home #shop-search .province {
  width: 210px;
  height: 40px;
  margin-left: 24px;
  float: left;
  margin-top: 21px
}

#home #shop-search .city {
  width: 176px;
  height: 40px;
  margin-left: 16px;
  float: left;
  margin-top: 21px
}

#home #shop-search .map-btn {
  width: 220px;
  height: 40px;
  margin-left: 30px;
  float: left;
  margin-top: 21px;
  cursor: pointer
}

#home #shop-search select {
  width: 100%;
  height: 40px;
  color: #828285;
  box-sizing: border-box;
  padding-left: 10px;
  background-color: #fff;
  border-radius: none;
}

.map {
  width: 74%;
  height: 420px;
  float: left
}

.map #map_container {
  width: 100%;
  height: 100%
}

.dealer-list {
  width: 26%;
  height: 420px;
  float: left;
  overflow: auto;
  background-color: #fff
}

.dealer-list .dealer-item {
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 10px 0 10px 24px;
  cursor: pointer;
  -webkit-transition: background-color .5s
}

.dealer-list .dealer-item:nth-child(odd) {
  background-color: #e5e5e5
}

.dealer-list .dealer-item:nth-child(even) {
  background-color: #fff
}

.dealer-list .dealer-item:hover {
  background-color: #ccc
}

.dealer-list .dealer-item.active {
  background-color: #f4a02c
}

.dealer-list .dealer-item .dealer-name {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 23px
}

.dealer-list .dealer-item .dealer-add {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 23px
}

#store {
  margin: -15% auto 40px
}

#store .bar {
  width: 100%;
  height: 40px;
  margin: 0 0 46px
}

#store .bar>* {
  float: left;
  line-height: 35px
}

#store .bar span {
  font-size: 20px;
  color: #fff
}

#store .bar select {
  width: 100%;
  height: 35px;
  font-size: 16px;
  color: #838386;
  border-radius: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}

#store .bar .province {
  width: 150px;
  margin: 0 4px 0 8px
}

#store .bar .city {
  width: 150px;
  margin: 0 30px 0 0
}

#store .bar .dealer {
  width: 230px;
  margin: 0 0 0 16px;
  position: relative;
  background: #fff;
  height: 35px;
  border-radius: 5px;
  border: #d4d4d4 1px solid;
  box-sizing: border-box;
}

#store .bar .dealer select {
  background: transparent;
  background-size: 39px 35px;
  background-position: right center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border: none;
}

#store .bar .dealer .search-icon {
  width: 38px;
  height: 35px;
  position: absolute;
  top: -1px;
  right: -1px;
}

#store .bar .dealer .search-icon img {
  height: 100%;
}

#store .map {
  width: 650px;
  height: 480px
}

#store .dealer-list {
  width: 350px;
  height: 480px
}

#introduction {
  width: 1000px;
  margin: 80px auto 0
}

#introduction .content-box {
  border: none;
}

#introduction .content-box img {
  width: 800px;
  margin: 50px auto 50px;
}

#introduction .content-box .part-box {
  margin: 0 auto 10px
}

#introduction .content-box .part-box h3 {
  font-size: 18px;
  line-height: 18px;
  margin: 0 auto 10px;
  font-weight: normal;
  padding-left: 10px;
}

#introduction .content-box .part-box p {
  margin: 0 auto 0;
  text-indent: 0;
  line-height: 30px;
  font-size: 16px;
}

#introduction p {
  width: 800px;
  font-size: 16px;
  line-height: 30px;
  text-indent: 32px;
  color: #838386;
  margin: 40px auto 30px
}

#introduction .video {
  width: 1000px;
  height: 545.45px;
  margin: 0 auto
}

#introduction .video video {
  display: block;
  width: 100%;
  height: 100%
}

#introduction .part {
  width: 823px
}

#introduction h4 {
  font-size: 33px;
  color: #f4a02c;
  margin: 56px 0 30px
}

#campaign .content-box {
  padding: 35px
}

#campaign .content-box .half-box {
  width: 50%
}

#campaign .content-box .left-box {
  float: left
}

#campaign .content-box .right-box {
  float: right
}

#campaign .article {
  width: 480px;
  float: right;
  padding-left: 70px;
  border-left: 2px solid #ed7100;
  position: relative
}

#campaign .article.fold {
  height: 40px
}

#campaign .article.fold .part {
  opacity: 0
}

#campaign .article:first-of-type::before {
  position: absolute;
  width: 37px;
  height: 33px;
  content: "";
  left: -20px;
  top: -30px;
  background: url(../assets/img/campaign/dot.png) 0 -26px no-repeat
}

#campaign .article:last-of-type::after {
  position: absolute;
  width: 9px;
  height: 9px;
  content: "";
  left: -5.5px;
  bottom: -3px;
  background: url(../assets/img/campaign/dot.png) -25px -12px no-repeat
}

#campaign .article h5 {
  font-size: 16px;
  font-weight: 400;
  color: #838386;
  margin: 20px 0 0
}

#campaign .article p {
  font-size: 16px;
  font-weight: 200;
  color: #838386
}

#campaign .article .part {
  width: 100%;
  position: relative;
  margin-top: 40px
}

#campaign .article .part .time {
  position: absolute;
  right: 580px;
  font-size: 18px;
  color: #838386;
  text-align: center;
  top: -18px;
  line-height: 30px
}

#campaign .article .year {
  font-size: 22px;
  color: #ed7100;
  position: absolute;
  right: 590px;
  top: -25px;
  white-space: nowrap;
  cursor: pointer
}

#campaign .article .year::after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  left: 100%;
  top: 10px;
  background: url(../assets/img/campaign/dot.png) -25px 0 no-repeat
}

#campaign .article.fold .year::after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  left: 100%;
  top: 10px;
  background: url(../assets/img/campaign/dot.png) -37px 0 no-repeat
}

#campaign .article .part::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 26px;
  left: -83px;
  top: -5px;
  background: url(../assets/img/campaign/dot.png) 0 0 no-repeat
}

#campaign .article .cpic {
  width: auto
}

#campaign .content-box {
  background: url(../assets/img/campaign/time-line.jpg) 50% 0 repeat-y
}

#campaign .article-new {
  width: 320px;
  box-shadow: 0 1px 8px #aaa8a8;
  border-radius: 4px;
  padding-bottom: 30px;
  border-left: 4px solid transparent;
  box-sizing: border-box;
  float: left;
  position: relative;
  -webkit-transition: all .5s
}

#campaign .article-new {
  margin-top: 220px;
  background-color: #fff
}

#campaign .article-new.no-margin-top {
  margin-top: 0
}

#campaign .article-new .anchor-line {
  width: 16px;
  border-top: 2px solid #f4a12d;
  position: absolute;
  top: 50%;
  left: 338px
}

#campaign .article-new.right-side .anchor-line {
  left: -42px
}

#campaign .article-new.right-side {
  float: right
}

#campaign .article-new.live {
  border-left: 4px solid #ff9c00
}

#campaign .article-new .raw-box {
  width: 90%;
  float: right
}

#campaign .article-new .raw-box .head .info {
  margin-top: 8px;
  overflow: hidden
}

#campaign .article-new .raw-box .head .head-pic {
  width: 100%;
  padding-bottom: 64.59%;
  border-top-right-radius: 4px
}

#campaign .article-new .raw-box .head .info .date {
  font-size: 14px;
  float: left;
  margin-top: 2px;
  margin-right: 18px;
  line-height: 14px
}

#campaign .article-new .raw-box .head .info .tags {
  float: left
}

#campaign .article-new .raw-box .head .info .tags span {
  float: left;
  font-size: 12px;
  color: #fff;
  background-color: #ff8a16;
  line-height: 14px;
  padding: 2px 4px;
  margin-right: 4px
}

#campaign .article-new .raw-box a {
  text-decoration: none;
  display: block;
  clear: both;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 14px;
  color: #403e3d
}

#campaign .article-new .raw-box .title {
  text-align: left
}

#campaign .article-new.live .raw-box .title {
  display: block;
  text-align: left;
  font-size: 18px;
  color: #ed7100
}

#campaign .article-new .raw-box .content {
  color: #7e7e81;
  font-size: 14px;
  width: 256px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0
}

.sample {
  display: none
}

.bx-wrapper {
  min-width: 1000px;
  position: relative;
  z-index: 0;
  margin-bottom: 0;
  padding: 0;
  touch-action: pan-y;
  box-shadow: 0 0 0 #ccc;
  border: 0 solid #fff;
  background: #fff
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 42%;
  outline: 0;
  width: 48px;
  height: 104px;
  text-indent: -9999px;
  z-index: 9999
}

.bx-wrapper .bx-prev {
  left: 0;
  background: url(../assets/img/kv-icons.png) 0 0 no-repeat
}

.bx-wrapper .bx-next {
  right: 0;
  background: url(../assets/img/kv-icons.png) -48px 0 no-repeat
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
  background-position: -48px 0
}

.bx-wrapper .bx-pager {
  padding-top: 0
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
  position: absolute;
  bottom: 6.67%;
  width: 100%
}

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../assets/img/kv-icons.png) -114px 0 no-repeat;
  margin: 0 5px;
  outline: 0
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: url(../assets/img/kv-icons.png) -96px 0 no-repeat
}

.zhaoshang-baoming {
  position: absolute;
  width: 163px;
  top: 106px;
  right: 60px
}

.orientLayer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../assets/img/orientLayer.png);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 50% 50%;
  background-color: #000;
  display: none
}

.clear {
  clear: both
}

.debugbg {
  background: rgba(250, 0, 0, .5)
}

.rel {
  position: relative;
  width: 100%
}

.abs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.btn-apply {
  margin: 20px auto 20px;
  display: block;
  width: 330px;
}

.footer {
  position: relative;
  margin-top: 10px
}

.footer-content {
  position: relative;
  width: 1000px;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: auto;
  background: #fff;
  line-height: 18px
}

.footer-content p,
.footer-content span {
  margin: 0;
  padding: 0
}

.footer-content a {
  text-decoration: none
}

.footer-content .vert-devider {
  position: relative;
  width: 100%;
  height: 2px;
  background: #eaeaea;
  clear: both
}

.footer-content .qr-tr {
  position: relative;
  width: 90%;
  margin: auto;
  font-family: 黑体;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #838386;
  display: none;
}

#home .footer-content .qr-tr {
  display: block;
}

.footer-content .qr-tr .section-club {
  width: 160px;
  float: left;
  margin-bottom: 15px;
  border-right: 2px solid #eaeaea;
  box-sizing: border-box;
}

.footer-content .qr-tr .icon-club {
  width: 60px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 22px;
}

.footer-content .qr-tr .section-app {
  width: 182.5px;
  float: left;
  margin-bottom: 15px;
  border-right: 2px solid #eaeaea;
  box-sizing: border-box;
}

.footer-content .qr-tr .section-app span {
  line-height: 60px;
  float: left
}

.footer-content .qr-tr .section-app .span-1 {
  margin-left: 10%;
  margin-right: 2%;
  margin-top: 10px
}

.footer-content .qr-tr .section-app .span-2 {
  margin-left: 2%;
  margin-right: 10%;
  margin-top: 10px
}

.footer-content .qr-tr .section-app>div {
  overflow: hidden
}
.footer-content .qr-tr .icon-app{
  width: 110px;
  height: 110px;
  margin: 5px auto 5px;
}
.footer-content .qr-tr .icon-app-android {
  width: 18%;
  float: left;
  margin-right: 5%;
  margin-top: 10px;
  margin-bottom: 10px
}

.footer-content .qr-tr .icon-app-ios {
  width: 18%;
  float: left;
  margin-left: 5%;
  margin-top: 10px;
  margin-bottom: 10px
}

.footer-content .qr-tr .section-wechat {
  width: 182.5px;
  float: left;
  margin-bottom: 15px;
  border-right: 2px solid #eaeaea;
  box-sizing: border-box;
}

.footer-content .qr-tr .icon-wechat {
  width: 110px;
  height: 110px;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px
}

.footer-content .qr-tr .section-jd {
  width: 20.5%;
  float: left;
  border-right: 2px solid #eaeaea;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.footer-content .qr-tr .icon-jd {
  width: 110px;
  height: 110px;
  margin: 5px auto 5px;
}
.footer-content .qr-tr .section-dy {
  width: 184.5px;
  float: left;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.footer-content .qr-tr .icon-dy {
  width: 110px;
  height: 110px;
  margin: 5px auto 5px;
}
.footer-content .link-tr {
  position: relative;
  width: 90%;
  margin: auto;
  font-family: 黑体;
  font-size: 13px;
  text-align: left;
  color: #838386;
  overflow: hidden
}

.footer-content .link-tr a {
  color: #a0a0a1
}

.footer-content .link-section {
  position: relative;
  float: left;
  width: 25%;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 27px
}

.footer-content .link-section .title {
  font-weight: 700
}

.footer-content .link-section-1 {
  /* margin-left: 5%;
  width: 20% */
  margin-left: 5%;
  width: 15%
}

.footer-content .link-section-2 {
  /* margin-left: 8%;
  width: 17% */
  margin-left: 5%;
  width: 15%
}

.footer-content .link-section-3 {
  /* margin-left: 11%;
  width: 14% */
  margin-left: 5%;
  width: 15%
}

.footer-content .link-section-4 {
  margin-left: 5%;
  width: 15%
  /* margin-left: 11%;
  width: 14% */
}
.footer-content .link-section-5 {
  margin-left: 5%;
  width: 15%
}

.footer-content .private-tr {
  position: relative;
  width: 90%;
  margin: auto;
  font-family: 黑体;
  font-size: 12px;
  text-align: left;
  line-height: 25px;
  color: #838386
}

.footer-content .private-tr a {
  color: #838386
}

.footer-content .left-td {
  position: absolute;
  width: 46%;
  left: 4%
}

.footer-content .link-span span {
  float: left
}

.footer-content .right-td {
  position: relative;
  width: 47%;
  margin-left: 53%;
  margin-top: 15px
}

.footer-content .beian span {
  float: left
}

.footer-content .beian i {
  display: block;
  float: left;
  width: 14px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  background: url(../assets/img/image001.png) 50% 50% no-repeat;
  background-position: center;
  background-size: contain
}

.footer-content .beian a {
  float: left
}

.nav-right {
  width: 50px;
  position: fixed;
  right: 0;
  top: 60%;
  cursor: pointer;
  z-index: 2
}

.nav-right>div {
  position: relative;
  width: 50px;
}
.nav-right .nav-icon{
  position: absolute;
  width: 70px;
  height: 69px;
  top: -60px;
  right: 3px;
  cursor: default;
}
.nav-right .nav-icon img{
  width: 100%;
  height: 100%;
}
.nav-right .nav-wx>div {
  position: absolute;
  top: -30px;
  left: -120px;
  display: none;
  width: 120px;
}

.nav-right .nav-wx:hover>div {
  display: block
}

.nav-right .nav-app>div {
  position: absolute;
  top: -30px;
  left: -120px;
  display: none;
  width: 120px;
  z-index: 5;
}

.nav-right .nav-app:hover>div {
  display: block
}

.nav-right .nav-back {
  display: none
}

.privacy-container {
  position: relative;
  padding-top: 80px;
  background: #fff
}

.privacy-container .vert-rect {
  position: relative;
  width: 6%;
  height: 6px;
  margin: auto;
  margin-bottom: 5px;
  background-color: #ff9c00
}

.privacy-container h2 {
  margin: 0;
  padding: 0;
  font-family: 黑体;
  font-size: 25px;
  line-height: 40px;
  color: #ff9c00;
  text-align: center;
  font-weight: 400
}

.privacy-container h3 {
  margin: 0;
  padding: 0;
  font-family: 黑体;
  font-size: 20px;
  line-height: 30px;
  color: #ff9c00;
  text-align: center;
  font-weight: 400
}

.privacy-container .privacy-content {
  position: relative;
  width: 94%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 黑体;
  font-size: 15px;
  line-height: 25px;
  color: #838386;
  text-align: left
}

.privacy-container .privacy-content p {
  font-size: 15px;
  line-height: 25px;
  color: #838386;
  text-align: left;
  text-indent: 0
}

.privacy-container .privacy-content h4 {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 20px;
  color: #838386;
  text-align: left;
  font-weight: 400
}

.privacy-container .privacy-content h4 i {
  display: inline-block;
  width: 6px;
  height: 20px;
  margin-right: 10px;
  vertical-align: bottom;
  background-color: #ff9c00
}

.privacy-container .privacy-content h4 p {
  margin-left: 10px;
  margin-top: 0
}

.privacy-container .privacy-content ul li {
  list-style-type: square;
  margin-left: 20px
}

/* 2018-05改版 修改*/

.url-tip {
  margin: 0 auto 27px;
}

.url-tip a {
  display: inline-block;
  text-decoration: none;
  color: #878787;
  font-size: 16px;
  font-weight: 700;
}

.url-tip a.active {
  color: #000;
  /* color: #878787; */
}

.block .note-tab {
  width: 100%;
}

.block .note-tab li {
  height: 48px;
  line-height: 48px;
  color: #838386;
  padding: 0 15px;
  background-color: #fff;
  float: left;
  cursor: pointer;
  width: 100px;
  text-align: center;
}
.block .note-tab li.xs{
  width: 130px;
}

.block .note-tab li.active {
  background-color: #373737;
  /* background-color: #878787; */
  color: #fff;
}

.block .note-tab li.active a {
  color: #fff;
}

.block .note-tab li a {
  text-decoration: none;
  color: #878787;
  /* font-weight: bold; */
}

.content-box {
  width: 1000px;
  /* border-top: 3px solid#878787; */
  border-top: 2px solid#373737;
  border-bottom: none;
  border-right: none;
  border-left: none;
}

.content-box.right {
  background: #fff url('../assets/img/notes/bg.jpg') no-repeat top center;
}

.content-title {
  margin: 43px auto 35px;
}

.content-title span {
  display: block;
  width: 50px;
  height: 5px;
  background-color: #3a3834;
  margin: 0 auto 15px;
}

.content-title h2 {
  margin: 0;
  font-size: 28px;
  line-height: 28px;
  color: #3a3834;
}

.part-box {
  width: 800px;
  margin: 55px auto 0;
}

.part-box h3 {
  border-left: 5px solid #838386;
  color: #838386;
  font-size: 22px;
  line-height: 22px;
  padding-left: 18px;
  box-sizing: border-box;
  text-indent: 0;
  margin-bottom: 25px;
}

.part-box p {
  font-size: 16px;
  position: relative;
}

.part-box p img {
  position: absolute;
  top: -20px;
  right: 0;
}

.part-box p a.more-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  cursor: pointer;
}

.part-box p.tip {
  font-size: 14px;
  margin-top: 50px;
}

.part-box p.tip label {
  display: block;
  font-size: 20px;
  color: #373737;
  margin: 70px auto 30px;
}

.part-box p.tip span {
  color: #373737;
}

.part-box img {
  width: auto;
}

.part-box .part-content {
  padding: 0 50px 30px;
}

.part-box .part-content p {
  font-size: 14px;
  color: #838386;
  line-height: 28px;
  margin: 0 auto;
}

.part-box h4 {
  font-size: 17px;
  color: #f4a02c;
  height: 75px;
  line-height: 75px;
  font-weight: normal;
  box-sizing: border-box;
  padding-left: 50px;
  border-top: 1px solid #eeeeee;
  margin: 0 auto;
  background: url('../assets/img/notes/arrow-1.jpg') no-repeat;
  background-position: 98% center;
  cursor: pointer;
}

.part-box.expand h4 {
  background: url('../assets/img/notes/arrow-2.jpg') no-repeat;
  background-position: 98% center;
}

.part-box.faq {
  margin: 0 auto;
  height: 75px;
  overflow: hidden;
}

.part-box.faq.expand {
  background: #fff6e9;
}

.part-box .part-content span {
  color: #838386;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
}

.part-box .part-content img {
  margin: 20px 0 20px;
}

#brand .brand-content {
  width: 930px;
  margin: 0 auto;
  overflow: hidden;
}

#brand .brand-content .item {
  float: left;
  width: 290px;
  height: 360px;
  margin: 40px 10px 0;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  position: relative;
}

#brand .brand-content .item .tip {
  margin: 10px auto 25px;
  overflow: hidden;
}

#brand .brand-content .item .tip span {
  float: left;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  background: #ef8920;
  padding: 0 5px;
}

#brand .brand-content .item .tip label {
  float: right;
  font-size: 14px;
  color: #838386;
  margin-right: 10px;
}

#brand .brand-content .item h4 {
  padding: 0 20px;
  margin: 0;
}

#brand .brand-content .item p {
  padding: 0 20px;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 18px;
}

#brand .brand-content .item>a {
  position: absolute;
  font-size: 14px;
  color: #ef8920;
  right: 10px;
  bottom: 15px;
  text-decoration: none;
}

.content-box .page {
  float: right;
  overflow: hidden;
  margin-top: 70px;
  margin-right: 35px;
}

.content-box .page a {
  float: left;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 1px solid #bdbdbe;
  color: #838386;
  background: #fff;
  margin: 0 5px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.content-box .page a.active {
  border: 1px solid #373737;
  color: #fff;
  background: #373737;
}

.content-box .page .prev-btn,
.content-box .page .next-btn {
  width: auto;
  height: auto;
  text-decoration: none;
  border: none;
  margin: 0 10px;
}

.content-box .page .next-btn1 {
  width: auto;
  height: auto;
  text-decoration: none;
  border: none;
  margin: 0 10px;
  color: #fff;
  background: #c0c0c0;
}

#brand .jxzxs .item {
  height: 320px;
}

#brand .jxzxs .item h4 {
  font-size: 18px;
  margin: 25px auto 0;
  font-weight: normal;
}

#brand .jxzxs .item>span {
  font-size: 14px;
  /* color: #ef881f; */
  color: #3c3c3c;
  margin-left: 20px;
}

#brand .jxzxs .item>span img {
  display: inline-block;
  width: auto;
  margin-left: 4px;
  width: 20px;
  vertical-align: middle;
}

#brand .jxzxs .item .btn {
  overflow: hidden;
  margin-top: 20px;
}

#brand .jxzxs .item .btn .jdstore,
#brand .jxzxs .item .btn .carstore {
  width: 110px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  text-decoration: none;
}

#brand .jxzxs .item .btn .jdstore {
  float: left;
  margin-left: 20px;
  /* background: #ef881f; */
  background: #373737;
}

#brand .jxzxs .item .btn .carstore {
  float: left;
  margin-left: 20px;
  background: #373737;
}

#worklessons .item {
  width: 900px;
  height: 175px;
  box-sizing: border-box;
  border: 2px solid #f7f7f7;
  margin: 50px auto 0;
  overflow: hidden;
}

#worklessons .item img {
  width: 290px;
  float: left;
}

#worklessons .item .item-text {
  width: 540px;
  float: right;
  position: relative;
  margin-right: 30px;
  height: 100%;
}

#worklessons .item .item-text h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

#worklessons .item .item-text p {
  font-size: 14px;
  line-height: 20px;
}

#worklessons .item .item-text a {
  font-size: 16px;
  /* color: #f4a02c; */
  color: #3c3c3c;
  position: absolute;
  bottom: 20px;
  right: 0;
  text-decoration: none;
}

#worklessons-info .article-content h4 {
  font-size: 24px;
  color: #414042;
  margin: 40px auto 15px;
  ;
}

#worklessons-info .article-content label {
  font-size: 14px;
  color: #414042;
  display: block;
  margin-bottom: 30px;
}

#worklessons-info .article-content {
  width: 900px;
  margin: 0 auto 0;
  position: relative;
}

#worklessons-info .article-content p {
  text-align: center;
  font-size: 14px;
  color: #949496;
  line-height: 20px;
  margin: 15px auto 15px;
}

#worklessons-info .article-content>img {
  margin: 30px auto 30px;
  width: auto;
}

#worklessons-info .article-content a {
  position: absolute;
  top: 0;
  right: 50px;
}

#news .item {
  width: 900px;
  height: 46px;
  margin: 0 auto;
  text-decoration: none;
  display: block;
  color: #414042;
}

#news .item label {
  width: 190px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-right: 1px solid #cfcfd0;
  text-align: center;
  margin-top: 8px;
}

#news .item span {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin-left: 30px;
  margin-top: 8px;
}

#news .item:nth-child(even) {
  background: #f3f3f3;
}

#news .article-content h4 {
  font-size: 24px;
  color: #414042;
  margin: 40px auto 15px;
  ;
}

#news .article-content label {
  font-size: 14px;
  color: #414042;
}

#news-info .article-content h4 {
  font-size: 24px;
  color: #414042;
  margin: 40px auto 15px;
  padding: 0 50px;
}

#news-info .article-content label {
  font-size: 14px;
  color: #414042;
  margin-left: 50px;
}

#news-info .article-content {
  width: 990px;
  margin: 0 auto 0;
  position: relative;
}

#news-info .article-content p {
  text-align: left;
  font-size: 14px;
  color: #949496;
  line-height: 30px;
  margin: 30px auto 30px;
  padding: 0 50px;
}

#news-info .article-content>img {
  margin: 30px auto 30px;
  width: auto;
}

#news-info .article-content a {
  position: absolute;
  top: 0;
  right: 50px;
}
#news-info .article-content p {
  font-size: 14px;
  color: #949496;
  line-height: 20px;
  margin: 15px auto 15px;
}
#news-info .article-content img {
  width: auto;
  margin: 0 auto 0;
}

#zhaoshang .content-box {
  border: none;
}

#zhaoshang .block {
  margin: 80px auto 0;
}

#zhaoshang .part-box img {
  margin: 0 auto 0;
}

.kv-swiper {
  z-index: 0;
}

.kv-box {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.kv-box .arrow-left {
  left: 0;
  background: url(../assets/img/kv-icons.png) 0 0 no-repeat;
  position: absolute;
  top: 40%;
  outline: 0;
  width: 48px;
  height: 104px;
  text-indent: -9999px;
  z-index: 1;
}

.kv-box .arrow-right {
  right: 0;
  background: url(../assets/img/kv-icons.png) -48px 0 no-repeat;
  position: absolute;
  top: 40%;
  outline: 0;
  width: 48px;
  height: 104px;
  text-indent: -9999px;
  z-index: 1;
}

.swiper-pagination-switch {
  text-indent: -9999px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../assets/img/switch-icon.png) no-repeat;
  margin: 0 5px;
  outline: 0;
}

.swiper-active-switch {
  background: url(../assets/img/switch-icon-active.png) no-repeat;
}

.pagination {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  left: 50%;
  margin-left: -70px;
}

.pagination span {
  float: left;
  cursor: pointer;
}

p.email {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 20px;
  border: 3px solid #373737;
  background: url('../dkimg/n12.jpg') no-repeat;
  background-size: 54px;
  background-position: right center;
  margin-bottom: 0px;
}

p.email span {
  line-height: 30px;
  color: #373737;
  display: inline-block;
}
.video-js .vjs-big-play-button{
  top: 50% !important;
  left: 50% !important;
  width: 90px !important;
  height: 45px !important;
  -webkit-transform: translate(-45px,-22.5px);
      -ms-transform: translate(-45px,-22.5px);
          transform: translate(-45px,-22.5px);
}
.about-video-dimensions {
  width: 100% !important;
  height: 100% !important;
}

.mCSB_inside>.mCSB_container {
  margin-right: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 1);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #bdbdbd !important;
}

.mCSB_scrollTools {
  width: 10px;
  opacity: 1;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #bdbdbd;
  opacity: 1;
  width: 100%;
}

#worklessons-info .article-content img {
  width: auto;
  margin: 0 auto 0;
}


#extended-warranty {
  width: 100%;
  margin: 80px auto 0;
}
#extended-warranty .container{
  width: 100%;
  margin: 0px auto 0;
}
#extended-warranty .content-box{
  border: none;
  padding-bottom: 0;
  float: none;
  overflow: hidden;
}
#extended-warranty .content-title{
  margin: 40px auto 30px;
}
#extended-warranty .item{
  height: 80px;
  background: #fff;
  overflow: hidden;
  transition: height 0.6s;
  -webkit-transition: height 0.6s;
  -moz-transition: height 0.6s;
  -o-transition: height 0.6s;
}
#extended-warranty .item h2{
  font-size: 22px;
  color:#838386;
  padding-left: 120px;
  margin: 0 auto 0;
  position: relative;
  box-sizing: border-box;
  border-top:1px solid #e5e5e5; 
  border-bottom:1px solid #e5e5e5;
  line-height: 78px;
  cursor: pointer;
}
#extended-warranty .item h2::before{
  content: "";
  position: absolute;
  width: 6px;
  height: 21px;
  background: #f4a02c;
  left: 100px;
  top:28px; 
}
#extended-warranty .item h2::after{
  content: "";
  position: absolute;
  width: 130px;
  height: 32px;
  background: url('../assets/img/extended-warranty/off.png') no-repeat center;
  background-size: cover;
  top:24px; 
  right: 100px;
}
#extended-warranty .item .content{
  padding: 0 100px;
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
}
#extended-warranty .item .content h3{
  color: #7d7d7d;
  margin: 20px auto 10px;
  font-size: 16px;
}
#extended-warranty .item .content p{
  color: #838386;
  margin: 10px auto 44px;
  line-height: 24px;
  font-size: 16px;
}
#extended-warranty .item .content .img1{
  width: 346px;
  height: 260px;
  margin: 30px auto 20px;
}
#extended-warranty .item.intro{
  height: auto;
}
#extended-warranty .item.intro h2{
  border: none;
}
#extended-warranty .item.intro h2:after{
  display: none;
}
#extended-warranty .item.intro p{
  margin: 12px auto 16px;
}
#extended-warranty .item.intro .tip{
  box-sizing: border-box;
  padding-left: 36px;
  position: relative;
  font-size: 14px;
  margin-bottom: 40px;
}
#extended-warranty .item.intro .tip::before{
  content: '*注：';
  position: absolute;
  top: 0;
  left: 0;
}
#extended-warranty .img2{
  margin: 20px auto 20px;
}
#extended-warranty .img3{
  margin: 30px auto 40px;
}
#extended-warranty .img4{
  width: 807px;
  height: 206px;
  margin: 35px auto 70px;
}
#extended-warranty .item.active{
  background: #fff6e9;
}
#extended-warranty .item.intro.active{
  background: #fff;
}
#extended-warranty .item.active h2::after{
  content: "";
  position: absolute;
  width: 130px;
  height: 32px;
  background: url('../assets/img/extended-warranty/on.png') no-repeat center;
  background-size: cover;
  top:24px; 
  right: 100px;
}
#extended-warranty .img5{
  width: 150px;
  height: 213px;
  margin: 65px auto;
}
#extended-warranty .block-box{
  background: #fff;
}

#officer .item {
  width: 900px;
  height: 140px;
  box-sizing: border-box;
  border-bottom: 1px solid #f7f7f7;
  margin: 0 auto 0;
  overflow: hidden;
  position: relative;
}

#officer .item img {
  width: 45px;
  height: 45px;
  float: left;
  border-radius: 45px;
  margin: 45px 0 0 50px;
}

#officer .item .item-text {
  width: 580px;
  float: left;
  position: relative;
  margin-left: 35px;
  height: 100%;
}

#officer .item .item-text h4 {
  font-size: 16px;
  margin-top: 45px;
  margin-bottom: 15px;
  font-weight: normal;
}

#officer .item .item-text p {
  font-size: 20px;
  line-height: 20px;
}

#officer .item a {
  font-size: 16px;
  color: #f4a02c;
  position: absolute;
  top: 88px;
  right: 40px;
  text-decoration: none;
}
#officer .item .time{
  color: #404040;
  position: absolute;
  top: 53px;
  right: 40px;
  margin: 0;
  line-height: normal;
}
#officer-info .article-content{
  width: 1000px;
  margin: 0 auto 0;
  position: relative;
}
#officer-info .article-content a {
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 8;
}
#officer-info .author{
  position: relative;
  margin: 35px 0 30px 60px;
  box-sizing: border-box;
}
#officer-info .author img{
  width: 45px;
  height: 45px;
  border-radius: 45px;
}
#officer-info .author h4{
  margin: 25px auto 20px;
}
#officer-info .author p{
  margin: 0 auto 0;
}
#officer-info .author label{
  position: absolute;
  top:12px;
  left: 60px;
}

@media (max-width: 1024px) {
  .block-outter {
    overflow: hidden;
  }

  .pagination {
    position: absolute;
    bottom: 15px;
    z-index: 1;
    left: 50%;
    margin-left: -57.5px;
  }

  .swiper-pagination-switch {
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../assets/img/switch-icon.png) no-repeat;
    margin: 0 5px;
    outline: 0;
  }

  .swiper-active-switch {
    background: url(../assets/img/switch-icon-active.png) no-repeat;
  }

}
#not-found {
  background: #fff;
}
#not-found .wrap{
  width: 100%;
  height: 553px;
  background: #f3f3f3;
  position: relative;
  margin-top: 80px;
}
#not-found .wrap .bg{
  position: absolute;
  width: 551px;
  height: 553px;
  top: 50%;
  left: 50%;
  margin: -276.5px 0 0 -275.5px;
}
#not-found .wrap .btn{
  width: 120px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 55px;
  margin-top: 10px;
}

#app .block{
  margin-top: 80px;
  position: relative;
}
#app .swiper-container{
  width: 276px;
  height: 539px;
  position: absolute;
  top: 35px;
  left: 150px;
}
#app .arrow-left{
  width: 48px;
  height: 48px;
  background: url('../assets/img/app/img-02.png') no-repeat center 100%;
  position: absolute;
  left: 70px;
  top: 235px;
  background-size: 100% 100%;
}
#app .arrow-right{
  width: 48px;
  height: 48px;
  background: url('../assets/img/app/img-03.png') no-repeat center 100%;
  position: absolute;
  left: 465px;
  top: 235px;
  background-size: 100% 100%;
}

#app .text{
  position: absolute;
  top: 85px;
  left: 600px;
  color: #3a3834;
  display: none;
}
#app .text span{
  width: 50px;
  height: 5px;
  display: block;
  margin-bottom: 10px;
  background: #3a3834;
  /* background: #f4a02c; */
}
#app .text h2{
  font-size: 33px;
  margin-bottom: 40px;
  margin-top: 0;
}
#app .text p{
  font-size: 18px;
  color: #838386;
  line-height: 30px;
}
/*# sourceMappingURL=main.css.map */