@import url(histroy.css);
.index_more_black a,
.index_more_white a {
  display: inline-block;
  width: 2.4rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-weight: lighter;
  text-align: center;
  font-size: 0.16rem;
  border-width: 1px;
  border-style: solid;
  transition: background 0.3s;
}
.index_more_white {
  border-color: #ffffff;
  color: #ffffff;
}
.index_more_white a {
  color: #ffffff;
}
.index_more_white a:hover {
  border-color: #e60020;
  background-color: #e60020;
}
.index_more_black {
  border-color: #000;
  color: #000;
}
.index_more_black a {
  color: #000;
}
.index_more_black a:hover {
  border-color: #e60020;
  background-color: #e60020;
  color: #ffffff;
}
@media (max-width: 1024px) {
  .index_more_black a,
  .index_more_white a {
    font-size: 14px;
    width: 120px;
    height: 40px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .index_more_black a,
  .index_more_white a {
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  .index_more_black a{
    color: #fff;
  }
}
@media (max-width: 750px){
  .index_more_black a,
  .index_more_white a {
    font-size: .2rem;
    width: 1.4rem;
    height: .5rem;
    line-height: .5rem;
    background-color: rgb(229, 0, 18);
    border-color: rgb(229, 0, 18);
  }
}

.header {
  background-color: #34353b;
  position: relative;
  z-index: 999;
}
.header a:hover {
  color: #e60020 !important;
}
.header2 .header {
  background-color: #1b1c21;
  transition: .3s;
}
.header3 .header {
  background-color: transparent;
}
.header-logo img.hover{display: none;}

.header-logo {
  float: left;
  margin-right: 3.69%;
  height: 1rem;
  display: table;
  max-width: 2.09rem;
}
.header-logo a {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.header-logo img {
  max-height: 100%;
}
.header-right {
  float: right;
  padding: 0.3rem 0;
  line-height: 0.4rem;
}
.header-search,
.header-login,
.header-logout {
  float: left;
}
.header-search {
  width: 250px;
  margin-right: 3.125vw;
}
.header-search .search-box {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 0.4rem;
  height: 0.4rem;
  position: relative;
}
.header-search .text {
  width: 100%;
  height: 0.39rem;
  line-height: 0.39rem;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 0.16rem;
  font-weight: lighter;
  vertical-align: top;
}
.header-search .btn {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  cursor: pointer;
  background: url(../images/iocn_search.png) center center no-repeat ;
  background-size: 40%;
}
.header-login a {
  display: block;
  background: url(../images/icon_person.png) left center no-repeat;
  background-size: auto 40%;
  font-size: 0.16rem;
  padding-left: 0.25rem;
  color: #ffffff;
  font-weight: lighter;
}
.header-logout {
  margin-left: 20px;
  font-size: 0.16rem;
  font-weight: lighter;
  position: relative;
}
.header-logout a {
  color: rgba(255, 255, 255, 0.502);
}
.header-nav-item em {
  display: block;
  font-style: normal;
}
.header-nav-item em a {
  color: #ffffff;
  font-weight: lighter;
}
@media (min-width: 1921px) {
  /* .header-nav-item {
    padding: 0 25px;
  }
  .header-search {
    margin-right: 60px;
  } */
}
@media (min-width: 1025px) {
.header_index .header {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0,0.051);
}

  .header-nav {
    float: left;
  }
  .header-nav-item {
    float: left;
    line-height:0.4rem;
    font-size: 0.16rem;
    padding: 0 1.3vw;
    /* position: relative; */
  }
  .header-nav-item em {
    display: block;
    padding: 0.3rem 0;
    font-style: normal;
    position: relative;
  }
  .header-nav-item em a {
    color: #ffffff;
    font-weight: lighter;
  }
  .header-nav-item em::after {
    content: '';
    width: 0;
    height: 0.03rem;
    min-height: 1px;
    background-color: #e60020;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: width 0.3s;
  }
  .header-nav-item.active em::after {
    width: 100%;
  }
  .header_index .header .header-nav-sub{
    background-color: rgba(255, 255, 255);
  }
  .header-nav-sub {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    min-width: 100%;
    background-color: #fff;
    display: none;
    padding: .3rem 0;
  }
  .header-nav-sub .left{
    /* float: left; */
    width: 50%;
    padding: .1rem 0;
    padding-right: .5rem;
  }
  .header-nav-sub .right{
    /* float: left; */
    width: 50%;
  }
  .header-nav-sub .right .pic{
    width: 56.66%;
    float: left;
  }
  .header-nav-sub .right .txt{
    width: 43.34%;
    float: left;
    padding-left: .3rem;
  }
  .header-nav-sub .right .logo{
    padding-top: .1rem;
    margin-bottom: 38.4%;
  }
  .header-nav-sub .right a{
    font-size: .16rem;
    display: inline-block;
    padding-right: .2rem;
    background: url(../images/icon_more3.png) right center no-repeat;
    color: #e60020;
  }
  .header-nav-sub .right .pic img{display: none;}
  .header-nav-sub dd {
    /* text-align: center; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.502);
    transition: all 0.3s;
    padding-left: 20px;
    background: url(../images/icon_more3.png) left center no-repeat;
    margin-top: .2rem;
    line-height: .4rem;
  }
  .header-nav-sub dd:last-of-type{
    margin-bottom: 0;
  }
  .header-nav-sub dd a {
    white-space: nowrap;
    /* color: #ffffff; */
    font-size: 0.16rem
  }
  .header-nav-sub dd:hover {
    /* background-color: #e60020; */
  }
  .header-nav-sub dd:hover a {
    color: #e60020 !important;
  }
  .header-nav-sub dd:last-of-type {
    border-bottom: 0;
  }
  .header2 .header:hover{
    background-color: rgba(255,255,255,.9);
  }
  .header2 .header:hover .show{
    display: none;
  }
  .header2 .header:hover .hover{
    display: block;
  }
  .header2 .header:hover .header-nav-item em a{
    color: #333;
  }
  .header2 .header:hover .header-search .text{
    color: #333;
  }
  .header2 .header:hover .header-search .search-box{
    border-color: #eee;
  }
  .header2 .header:hover .header-login a{
    color: #333;
  }
  .header2 .header:hover .header-search .btn{
    background: url(../images/iocn_search3.png) center center no-repeat;
  }
  .header2 .header:hover .header-login a{
    background: url(../images/lgico_name.png) left center no-repeat;
  }
}
@media (max-width: 1200px) {
  .header2 .header{
    /* background-color: transparent;
    position: absolute;*/
    width: 100%;
  }
  .header-logo {
    margin-right: 2%;
  }
  .header-search {
    width: 200px;
    margin-right: 1.5vw;
  }
  .header-nav-item {
    padding: 0 1vw;
  }
}
@media (max-width: 1200px) {
  .header-search {
    width: 150px;
    margin-right: 1vw;
  }
  .header-logo {
    margin-right: 1%;
  }
  .header-login a {
    padding-left: 20px;
  }
  .header-logout {
    margin-left: 15px;
  }
  .header-nav-item {
    padding: 0 0.7vw;
  }
}
@media (max-width: 1024px) {

  .header-nav-sub .right{display: none;}
  .header-logo {
    height: 60px;
    width: 2.1rem;
    max-width: auto;
  }
  .header-logo img {
    max-height: 30px;
  }
  .header-right {
    padding: 15px 0;
    line-height: 0.3rem;
  }
  .header-open-search {
    width: 30px;
    height: 30px;
    background: url(../images/iocn_search.png) center center no-repeat;
    display: block;
  }
  .header-search {
    width: auto;
    margin-right: 0;
  }
  .header-search .search-box {
    height: 0;
    padding-right: 30px;
    position: absolute;
    width: 100vw;
    left: 0;
    top: 100%;
    background-color: #000;
    transition: height 0.3s;
    overflow: hidden;
    border-bottom: 0;
  }
  .header-search .text {
    font-size: 12px;
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
  }
  .header-search.header-search-show .search-box {
    height: 60px;
  }
  .header-search.header-search-show .header-open-search {
    position: relative;
    background: none;
  }
  .header-search.header-search-show .header-open-search::before,
  .header-search.header-search-show .header-open-search::after {
    content: '';
    width: 90%;
    height: 2px;
    background-color: #ffffff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .header-search.header-search-show .header-open-search::before {
    transform: rotate(45deg);
  }
  .header-search.header-search-show .header-open-search::after {
    transform: rotate(-45deg);
  }
  /* .header-login{display: none;} */
  .header-logout {
    font-size: 12px;
    margin-left: 5px;
  }
  .header-login{
    margin-left: .2rem;
  }
  .header-login.logined a {
    /* padding-left: 0; */
    /* background: none; */
    line-height: .43rem;
    background-size: auto 50%;
    padding-left: .3rem;
    max-width: 100px;
  }
  .header-login a {
    font-size: 12px;
    max-width: 80px;
  }
  .header-logout a{
    line-height: .43rem;
  }
  .header-nav {
    position: absolute;
    right: 1px;
    /* transform: translateY(-200%); */
    transform: translateZ(0);
    top: 100%;
    width: 250px;
    border-radius: 0 0 0 5px;
    padding: 10px 20px;
    transition: 0.5s;
    visibility: hidden;

    background-color: #1b1c21;
    z-index: 999;
  }
  .header-nav.active {
    /* transform: translateY(0); */
    visibility: visible;

  }
  .header-nav-item {
    transform: translateX(-50px);
    opacity: 0;
    transition: 0.5s 0.1s;
  }
  .header-nav-item:nth-child(2) {
    transition-delay: 0.2s;
  }
  .header-nav-item:nth-child(3) {
    transition-delay: 0.3s;
  }
  .header-nav-item:nth-child(4) {
    transition-delay: 0.4s;
  }
  .header-nav-item:nth-child(5) {
    transition-delay: 0.5s;
  }
  .header-nav-item:nth-child(6) {
    transition-delay: 0.6s;
  }
  .header-nav-item:nth-child(7) {
    transition-delay: 0.7s;
  }
  .header-nav-item:nth-child(8) {
    transition-delay: 0.8s;
  }
  .header-nav-item:nth-child(9) {
    transition-delay: 0.9s;
  }
  .header-nav-item:nth-child(10) {
    transition-delay: 1s;
  }
  .header-nav-item em {
    line-height: 0.4rem;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    display: block;
    font-style: normal;
    text-align: center;
  }
  .header-nav-item em a {
    color: #fff;
    font-size: 14px;
  }
  .header-nav-item:first-of-type em {
    border-top: 0;
  }
  .header-nav-item .header-nav-sub {
    display: none;
    text-align: center;
    background-color: #000;
  }
  .header-nav-item .header-nav-sub dd {
    line-height: 40px;
  }
  .header-nav-item .header-nav-sub dd a {
    color: #fff;
    font-size: 14px;
  }
  .header-nav-item.has-sub em {
    position: relative;
  }
  .header-nav-item.has-sub em i {
    position: absolute;
    width: 40px;
    height: 100%;
    transition: 0.3s;
    right: 0;
    top: 0;
  }
  .header-nav-item.has-sub em i::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .header-nav-item.has-sub em i::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 12px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .header-nav-item.has-sub em.active i {
    transform: rotate(45deg);
  }
  .header-nav.active .header-nav-item {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }
  #open-menu {
    width: 30px;
    height: 30px;
    float: right;
    margin-left: 7px;
    position: relative;
  }
  #open-menu i {
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.3s;
    border-radius: 2px;
  }
  #open-menu::before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    transition: all 0.3s;
    border-radius: 2px;
  }
  #open-menu::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
    transition: all 0.3s;
    border-radius: 2px;
  }
  #open-menu.active i {
    opacity: 0;
  }
  #open-menu.active::before {
    bottom: 5px;
    transform: rotateZ(45deg);
  }
  #open-menu.active::after {
    top: 5px;
    transform: rotateZ(-45deg);
  }
}
@media (max-width: 750px){
  #open-menu{
    width: .3rem;
    height: .33rem;
    margin-left: .2rem;
  }
  #open-menu i{
    width: .2rem;
    height: .04rem;
    border-radius: .02rem;
  }
  #open-menu i,
  #open-menu::before,
  #open-menu::after{
    right: auto;
    height: .03rem;
  }
  #open-menu::before{
    top: .05rem;
  }
  #open-menu::after{
    bottom: .05rem;
  }
  #open-menu.active::after{
    top: .05rem;
    right: 0;
  }
  #open-menu.active::before{
    bottom: .05rem;
    right: 0;
  }
  .header2 .header{
    /* height: .6rem; */
  }
  .header-right{
    padding: 0;
  }
  .header-search{
    width: .43rem;
    height: .43rem;

  }
  .header-open-search{

    width: .33rem;
    height: .33rem;
    background: url(../images/iocn_search_phone.png) center center no-repeat;
    background-size: 80%;
  }
  .header-logo{
    max-width: none;
    width: 2.1rem;
    height: .43rem;
  }
  .header{
    padding-top: .4rem;
    padding-bottom: .2rem;
  }
  .header-search.header-search-show .search-box{
    height: .6rem;
  }
  .header-search .text{
    height: .6rem;
    line-height: .6rem;
  }
  .header-nav-item em{
    line-height: .6rem;
  }
}
.bottom {
  background-color: #34353b;
  padding-top: 5.21%;
}
.bottom .top-wrap {
  padding-bottom: 5.21%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}
.bottom a:hover {
  color: #e60020 !important;
}
.bottom .bot-wrap {
  padding: 2.083% 0;
}
.bottom-help {
  width: 36%;
  max-width: 440px;
  float: right;
  text-align: right;
}
.bottom-help h2 {
  color: #ffffff;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 17px;
}
.bottom-search {
  margin-bottom: 14%;
}
.bottom-search .search-box {
  padding-right: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.102);
  position: relative;
}
.bottom-search .search-box .text {
  height: 60px;
  line-height: 60px;
  border: 0;
  background: transparent;
  width: 100%;
}
.bottom-search .search-box .text::placeholder {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.16rem;
}
.bottom-search .search-box .btn {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  background: url(../images/iocn_search2.png) center center no-repeat;
}
.bottom-shares {
  font-size: 0 !important;
  padding-bottom: 10.22%;
  margin-bottom: 9.1%;
  border-bottom: 1px solid rgba(255, 255, 255,0.102);
}

.bshare-custom.bottom-shares a {
  display: inline-block !important;
  width: 40px;
  height: 40px !important;
  background-position: center center  !important;
  background-repeat: no-repeat !important;
  transition: all 0.3s;
  margin-right: 6%;
  border-radius: 50%;
  padding: 0;
}
.bottom-shares a:hover {
  background-color: #1b1c21;
}
.bottom-shares a:last-of-type {
  margin-right: 0;
}
.bottom-shares a.qrcode {
  position: relative;
}
.bottom-shares a.qrcode .sub {
  display: none;
  position: absolute;
  width: 120px;
  height: 120px;
  left: 50%;
  bottom: 100%;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 4px;
  z-index: 99;
}
.bottom-shares a.qrcode:hover {
  opacity: 1;
}
.bottom-shares .tel {
  background-image: url(../images/icon_tel.png);
}
.bottom-shares .weibo {
  background-image: url(../images/icon_weibo.png) !important;
}
.bottom-shares .wechat {
  background-image: url(../images/icon_wechat.png) !important;
}
.bottom-shares .mini {
  background-image: url(../images/icon_mini.png);
}
.bottom-shares .jd {
  background-image: url(../images/icon_jd.png);
}
.bottom-shares .tb {
  background-image: url(../images/icon_tb.png);
}
.bottom-nav {
  float: left;
}
.bottom-nav-item {
  float: left;
  margin-left: 4.1667vw;
}
.bottom-nav-item em {
  font-style: normal;
  display: block;
  margin-bottom: 24px;
}
.bottom-nav-item em a {
  color: #ffffff;
  font-size: .2rem;
}
.bottom-nav-item:first-of-type {
  margin-left: 0;
}
.bottom-nav-sub {
  font-size: 0.16rem;
}
.bottom-nav-sub dd {
  line-height: 2.625;
}
.bottom-nav-sub a {
  color: rgba(255, 255, 255, 0.302);
}
.auxiliary {
  /* float: left; */
  line-height: 20px;
  font-size: 0;
  margin-bottom: 4.54%;
}
.auxiliary a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.302);
  position: relative;
  display: inline-block;
  padding: 0 10px;
  vertical-align: top ;
}
.auxiliary a:first-of-type {
  padding-left: 0;
}
.auxiliary a:last-of-type {
  padding-right: 0;
}
.auxiliary a:last-of-type::after {
  display: none;
}
.auxiliary a::after {
  content: '';
  width: 2px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  left: auto;
  transform: translateX(50%);
  background-color: rgba(255, 255, 255, 0.302);
}
.copyright {
  /* float: right; */
  line-height: 20px;
  color: rgba(255, 255, 255, 0.302);
}
.copyright a {
  color: rgba(255, 255, 255, 0.302);
  font-size: 14px;
}
@media (min-width: 1921px) {
  .bottom-nav-item {
    margin-left: 80px;
  }
  .bottom-nav-item:first-of-type {
    margin-left: 0;
  }
}
@media (max-width:1500px){
  .bottom-nav-item {
    margin-left: 4vw;
  }
}
@media (max-width: 1200px) {
  .bottom-nav-item {
    margin-left: 3vw;
  }
}
@media (max-width: 1024px) {
  .bottom-help {
    float: none;
    text-align: center;
    width: 100%;
    margin: 0 auto 2%;
    max-width: none;
    text-align: center;
  }
  .bottom-help h2 {
    text-align: left;
  }
  .bottom-search {
    margin-bottom: 20px;
  }
  .bottom-nav {
    width: 100%;
    text-align: center;
    float: none;
  }
  .bottom-nav em a {
    font-size: 0.16rem;
  }
  .bottom-nav-item {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .bottom-nav-item a {
    font-size: 14px;
  }
  .auxiliary {
    float: none;
    text-align: center;
    margin-bottom: 1%;
  }
  .copyright {
    text-align: center;
    float: none;
    font-size: 14px;
  }
  .bottom-shares{
    padding-bottom: 2%;
    margin-bottom: 2%;
  }
  .bottom .top-wrap .auto-1600{
    padding: 0;
  }
}
@media (max-width: 750px) {
  .bottom-nav {
    float: none;
  }
  .bottom{
    background-color: #333;
    padding-top: 0;
  }
  .bottom-nav-item{
    float: none;
    width: 100%;
    margin-left: 0;
    line-height: .9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.051);
    padding: 0 .3rem;
  }
  .bottom-nav-item em{
    margin-bottom: 0;
  }
  .bottom-nav-item em a{
    font-size: .24rem;
    display: block;
    color: rgb(248, 249, 249);
    position: relative;
  }
  .bottom-nav-item em a::after{
    content: '';
    width: .09rem;
    height: .17rem;
    background: url(../images/icon_more_bottom.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    right:.1rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .bottom-nav-sub{
    display: none;
  }
  .bottom-nav-sub dd{
    line-height: .6rem;
  }
  .bottom .top-wrap .auto-1600{
    padding: 0;
  }
  .bottom-nav-item a{
    font-size: .2rem;
  }
  .bottom-help{
    margin-bottom: 0;
    padding: .4rem 0 0;
    max-width: none;
  }
  .bottom-help h2 {
    font-size: 0.16rem;
    margin-bottom: 10px;
  }
  .bottom .top-wrap {
    padding-bottom: 0;
  }
  .bottom-shares a {
    margin-right: 3%;
  }
  .bshare-custom.bottom-shares a{
    width: .4rem;
    height: .4rem !important;
    background-size: 80%;
  }
  .bottom-search .search-box .text {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .bottom-search .search-box .text::placeholder {
    font-size: 14px;
  }
  .auxiliary a {
    font-size: 12px;
  }
  .copyright {
    font-size: 12px;
  }
  .copyright a {
    font-size: 12px;
  }
  .bottom .siteInfo{
    background-color: #292929;
    padding: .4rem .8rem;
  }
  .auxiliary a{
    font-size: .18rem;
    color: rgba(159, 159, 159, 0.302);
  }
  .copyright{
    font-size: .18rem;
    line-height: 1.778;
    color: rgba(159, 159, 159, 0.302);
    margin-top: .15rem;

  }
  .copyright a{
    color: rgba(159, 159, 159, 0.302);
    font-size: .18rem;
  }
  .bottom-shares{
    padding-bottom: .4rem;
    margin-bottom: 0;
  }

}
.ban_pc {
  display: block;
  width: 100%;
}
.ban_wap {
  display: none;
  width: 100%;
}
@media (max-width: 1024px) {
  .ban_pc {
    display: none;
  }
  .ban_wap {
    display: block;
  }
}
.banner {
  position: relative;
}
.banner .pic{position: relative;}
.banner .location_menu {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.banner .auto-1600 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.banner .menu li a {
  color: #fff;
}
.banner .location {
  background: url("../images/icon_home2.png") no-repeat left center;
  color: #fff;
  font-size: 0;
}
.banner .location a {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.banner .location font{display: inline-block;vertical-align: middle;font-size: 14px;}
.banner.noban .auto-1600 {
  border-top: 0;
}
.banner.noban .location {
  color: #999999;
  background: url("../images/icon_home.png") no-repeat left center;
}
.banner.noban .location a {
  color: #999999;
}

.banner .video{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.banner .video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .video .play{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: .3s;
}
.banner .video .play svg:first-of-type{
  display: block;
}
.banner .video .play svg:last-of-type{
  display: none;
}
.banner .video .play.playing svg:first-of-type{
  display: none;
}
.banner .video .play.playing svg:last-of-type{
  display: block;
}
.banner .muted{
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
}
.banner .muted svg:first-of-type{
  display: block;
}
.banner .muted svg:last-of-type{
  display: none;
}
.banner .muted.active svg:first-of-type{
  display: none;
}
.banner .muted.active svg:last-of-type{
  display: block;
}
.banner .video:hover .muted{opacity: 1;}
.banner .video .play.playing{opacity: 0;}
.banner .video:hover .play{opacity: 1;}
/* menu */
.banner.noban .location_menu {
  background-color: #f7f7f7;
  position: relative;
}
.location_menu {
  font-weight: lighter;
}
.location {
  font-size: 14px;
  color: #999999;
  padding-left: 25px;
  background: url("../images/icon_home.png") no-repeat left center;
}
.location a {
  color: #999999;
  padding: 0px 5px;
}
.location a:hover {
  color: #e60020;
}
.location span {
  padding-left: 5px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.menu {
  padding: 0;
  margin: 0;
  position: relative;
}
.menu li {
  font-size: 0.16rem;
  position: relative;
  z-index: 10;
  padding: 0 3.125vw;
}
.noban .menu li a {
  display: block;
  color: #333333;
}
.menu li:last-child {
  margin-right: 0;
}
.menu .column {
  display: none;
}

@media (min-width: 1921px) {
  .menu li {
    padding: 0 60px;
  }
}
@media (min-width: 751px) {
  .menu li {
    float: left;
    transition: background 0.3s;
    position: relative;
  }

  .menu li::after{
    content: '';
    width: 0;
    height: 3px;
    background-color: #e60020;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    transition: .3s;
    position: absolute;
  }
  .noban .menu li::after{
    top: auto;
    bottom: 0;
  }
  .noban .menu li.aon {
    /* background-color: #e60020; */
    background-color: rgb(238, 238, 238);
  }
  .menu li.aon::after{
    width: 100%;
  }
  .noban .menu li.aon a {
    color: #e60020;
  }
  .noban .menu li:hover a {
    color: #e60020;
  }
  .noban .menu li:hover {
    /* background-color: #e60020; */
    background-color: rgb(238, 238, 238);
  }
  .menu li:hover::after{
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .location {
    float: right;
  }
  .menu {
    float: left;
  }
  .location_menu {
    line-height: 80px;
  }
  .location {
    font-size: 14px;
  }
  .menu .column {
    font-size: 18px;
  }

}
@media (max-width: 1024px) {
  .location_menu {
    padding-top: 2%;
  }
  .menu ul li {
    line-height: 40px;
  }
  .location {
    margin-bottom: 10px;
    font-size: 12px;
    background: url("../images/icon_home.png") no-repeat left center !important;
  }
  .banner .location_menu{
    position: relative;

  }
  .banner .menu li a,
  .banner .location a{
    color: #333;
  }
  .menu li.aon::after{top: auto; bottom: 0;}
  /* .menu li::after{display: none;} */
}
@media (max-width: 750px) {
  .location_menu {
    padding-bottom: 2%;
  }
  .menu .column {
    color: #e60020;
    font-size: 0.24rem;
    position: relative;
    display: block;
    padding: 5px ;
    margin: 0;
    line-height: 2;
  }
  .menu .column:after {
    width: 100%;
    content: '';
    display: block;
    height: 2px;
    background: #4dbbbc;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e60020 0%, #e6667e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e60020 0%, #e6667e);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e60020 0%, #e6667e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@ColorRed', endColorstr='#e6667e', GradientType=1);
    /* IE6-9 */
  }
  .menu .column:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2%;
    transition: 0.4s;
    background: url(../images/icon_menu.png) no-repeat left;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .menu .column.on:before {
    background-position: right;
  }
  .menu ul {
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
  }
  .menu ul li {
    font-size: .24rem;
    padding: 5px 0;
    width: 100%;
    border-bottom: dotted 1px #ddd;
    line-height: 30px;
  }
  .menu ul li a {
    display: block;
    padding: 0 20px;

  }
  .banner .menu li a{color: #585858;}
}
@media (max-width: 640px){
	.banner .location_menu{ position: relative; margin-top: 0;}
  .banner .location a,.banner .location{color: #333;}
	.banner.noban .location_menu{ margin-top: 0;}
	.banner .auto-1600{ border-top: none;}
}
.product_use_title {
  margin-top: 30px;
  margin-bottom: 1.25%;
}
.product_use_title h1 {
  font-size: 20px;
  margin: 0;
  line-height: 45px;
  border-bottom: 1px solid #b2b2b2;
  color: #555555;
  font-weight: normal;
}
.product_use {
  padding-bottom: 4.1667%;
}
.product_use_list {
  margin-bottom: 1.5625%;
}
.product_use_list .wall-column{
  float: left;
  width: 23.75%;
  margin-right: 1.666%;
}
.product_use_list .wall-column:nth-of-type(4n) {
  margin-right: 0;
}
.product_use_item {
  width: 23.75%;
  float: left;
  margin-right: 1.666%;
  margin-bottom: 3.125%;
  border-radius: 20px;
  overflow: hidden;
}
.product_use_item:nth-of-type(4n) {
  margin-right: 0;
}
.product_use_item .pic {
  overflow: hidden;
}
.product_use_item .bg_cover {
  padding-top: 92.1%;
  background-color: #f7f7f7;
  background-size: contain;
  transition: transform 0.3s;
  position: relative;
}
.product_use_item .bg_cover img{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.product_use_item:hover .bg_cover {
  transform: scale(1.05);
}
.product_use_item .txt {
  text-align: center;
  background-color: #f7f7f7;
  padding: 11.05% 2%;
}
.product_use_item .txt h2 {
  color: #333333;
  line-height: 1.4;
  margin-bottom: 4px;
}
.product_use_item .txt .des {
  color: #999999;
  line-height: 1.556;
  font-family: "Source Han Sans CN";
}
@media (max-width: 1024px) {
  .product_use_title {
    margin-top: 15px;
  }
  .product_use_title h1 {
    font-size: 0.16rem;
    line-height: 30px;
  }
  .product_use_item {
    width: 32%;
    margin-right: 2%;
    border-radius: .2rem;
  }
  .product_use_item:nth-of-type(4n) {
    margin-right: 2%;
  }
  .product_use_item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .product_use_item {
    width: 49%;
    margin-right: 2%;
  }
  .product_use_item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .product_use_item:nth-of-type(2n) {
    margin-right: 0;
  }
  .product_use_item .txt h2 {
    font-size: 12px;
  }
  .product_use_item .txt .des {
    font-size: 12px;
  }
}
.Pages {
  text-align: center;
  font-size: 0;
}
.Pages span {
  padding: 0px 3px;
  display: inline-block;
  vertical-align: top;
}
.Pages a {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
  width: .6rem;
  height: .6rem;
  line-height: .6rem;
  position: relative;
  border: 1px solid #eee;
}
.Pages .p_cur b {
  color: #F00;
}
.Pages .p_count b {
  color: #F00;
}
.Pages .p_total b {
  color: #F00;
}
.Pages .p_page em {
  font-style: normal;
}
.Pages .p_page em a {
  padding: 0px .07rem;
  font-size: 0.16rem;
  color: #999;
}
.Pages .p_page em a.a_cur {
  color: #fff;
  background-color: #e60020;
  border-color: #e60020;
}
.Pages .p_page b {
  font-weight: normal;
}
.Pages .i_text {
  width: 30px;
  padding: 0px;
  text-align: center;
  font-size: 12px;
  border: inset 1px #ddd;
  background: #fff;
}
.Pages .a_first,
.Pages .a_end {
  font-size: 0.16rem;
  color: #999;
}
/*pages end*/
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_next,
.Pages .a_prev {
  display: none;
}
.Pages a:hover {
  background-color: #e60020;
  color: #fff !important;
  border-color: #e60020;
}
@media (max-width: 768px) {
  /* .Pages em a {
    display: none;
  } */
  .Pages a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  /* .Pages a.a_cur {
    display: inline-block;
  } */
  .Pages .p_page em a {
    font-size: 12px;
  }
  .Pages .a_first,
  .Pages .a_end {
    font-size: 12px;
  }
}
.product_use_nav {
  border-bottom: 1px solid #eee;
  transition: height 0.3s;
  margin-bottom: 3.75%;
  padding-right: 135px;
  position: relative;
  height: 132px;
  overflow: hidden;
  transition: .5s;
}

.product_use_nav .item {
  float: left;
  width: 12.5%;
  text-align: center;
  padding: 15px 1%;
  position: relative;
}
.product_use_nav .item .pic {
  position: relative;
  padding-top: 70px;
}
.product_use_nav .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: transform 0.3s;
  max-height: 100%;
}
.product_use_nav .item .des {
  color: #0e0d0c;
  line-height: 2;
}
.product_use_nav .item::before {
  content: '';
  width: 0;
  height: 2px;
  background-color: #e60020;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: width 0.3s;
}
.product_use_nav .item:hover .pic img {
  transform: scale(1.05);
}
.product_use_nav .item.active .des,
.product_use_nav .item:hover .des {
  color: #e60020;
}
.product_use_nav .item.active::before,
.product_use_nav .item:hover::before {
  width: 100%;
}
.product_use_nav .expand {
  width: 135px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 122px;
  text-align: center;
  color: #999999;
}
.product_use_nav .expand .btn {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  cursor: pointer;
  border-left: 1px solid #eee;
  transition: transform 0.3s;
}
.product_use_nav .expand .btn span {
  display: inline-block;
  vertical-align: middle;
}
.product_use_nav .expand .btn i {
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #999;
  margin-left: 10px;
  background: url(../images/icon_more.png) center center no-repeat;
}
.product_use_nav .expand .btn.active i {
  transform: rotate(90deg);
}
@media (max-width: 1200px) {
  .product_use_nav .item {
    width: 16.666%;
  }
}
@media (max-width: 1024px) {
  .product_use_nav {
    padding-right: 80px;
    height: 110px;
  }
  .product_use_nav .item .pic {
    padding-top: 50px;
  }
  .product_use_nav .expand {
    width: 80px;
    font-size: 12px;
    height: 110px;
  }
  .product_use_nav .expand .btn {
    line-height: 30px;
  }
  .product_use_nav .expand .btn i {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-size: 30%;
  }
}
@media (max-width: 640px) {
  .product_use_nav {
    height: 94px;
  }
  .product_use_nav .item {
    width: 20%;
    padding: 10px 1%;
  }
  .product_use_nav .item .des {
    font-size: 12px;
  }
  .product_use_nav .expand {
    height: 94px;
  }
}
@media (max-width: 480px) {
  .product_use_nav .item {
    width: 25%;
  }
  .product_use_nav .item .pic {
    height: 40px;
  }
}
.menu_prodet {
  line-height: 60px;
  background-color: #f6f6f6;
}
.menu_prodet .auto-1600 {
  border-bottom: 1px solid #ededed;
}
@media (max-width: 1024px) {
  .menu_prodet {
    line-height: 30px;
  }
  .menu_prodet .location {
    margin-bottom: 0;
  }
}
.product_use_det {
  padding-bottom: 5.21%;
}
.use_det_top {
  padding-top: 4.375%;
  padding-bottom: 3.75%;
  border-bottom: 1px solid #ededed;
  margin-bottom: 3.125%;
}
.use_det_top .det_box {
  margin: 0 auto ;
  max-width: 1220px;
}
.use_det_top .det_box .pro_img {
  padding-top: 100%;
}
.use_det_top .det_box .det_pic {
  width: 46.72%;
  float: left;
}
.use_det_top .det_box .use_det_txt {
  width: 50%;
  float: right;
}
.use_det_top .det_box .use_det_txt .intro{
  margin-top: 5%;
  line-height: 2;
  color: #666;
  padding-top: 2%;
  border-top: 1px solid #eee;
}
.infi_det_txt .intro{
  margin-top: 5%;
  line-height: 2;
  color: #666;
}
.use_det_txt .category {
  color: #555555;
  line-height: 1.167;
  font-weight: normal;
}
.use_det_txt .title {
  color: #333333;
  line-height: 1.5;
  font-weight: normal;
}
.use_det_txt .model {
  color: #999999;
  line-height: 1.556;
  font-weight: normal;
}
.use_det_txt .des {
  line-height: 2.222;
  margin-top: 20px;
}
.use_det_txt .des li {
  padding-left: 20px;
  position: relative;
}
.use_det_txt .des li::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 15px;
}
.use_det_des {
  line-height: 2.222;
  margin-top: 20px;
  min-height: 8.88em;
}
.use_det_des li {
  /* padding-left: 20px; */
  position: relative;
}
.use_det_des li::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 15px;
  display: none;
}
.det_pic {
  max-width: 500px;
}
.det_pic .slick_big {
  border: 1px solid #d8d8d8;
  margin-bottom: 30px;
}
.det_pic .slick_big .pro_img {
  padding-top: 100%;
  background-size: contain;
}
.det_pic .slick_nav {
  padding: 0 30px;
}
.det_pic .slick_nav .item {
  padding: 0 5px;
}
.det_pic .slick_nav .item.slick-current .pro_img {
  border: 1px solid #e60020;
}
.det_pic .slick_nav .pro_img {
  border: 1px solid #d5d5d5;
  cursor: pointer;
  padding-top: 100%;
}
.det_pic .slick-arrow {
  width: 0.16rem;
  height: 100%;
  background: url(../images/slick_next.png) right center no-repeat;
  border: 0;
  font-size: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.det_pic .slick-arrow.slick-next {
  left: auto;
}
.det_pic .slick-arrow.slick-prev {
  right: auto;
  transform: rotateZ(180deg);
}
.use_det_main {
  max-width: 1220px;
  margin: 0 auto;
}
.det_title {
  text-align: center;
  overflow: hidden;
  margin-bottom: .6rem;
}
.det_title .title-box {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  position: relative;
}
.det_title i {
  display: block;
  width: 18px;
  height: 10px;
  background: url(../images/icon_down_red.png) center center no-repeat;
  margin: 0 auto;
}
.det_title .cn {
  color: #333333;
  margin-bottom: 20px;
  position: relative;
}
.det_title .cn::after,
.det_title .cn::before {
  content: '';
  width: 150px;
  height: 1px;
  background-color: #e9e9e9;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.det_title .cn::after {
  left: calc(100% + 20px);
}
.det_title .cn::before {
  right: calc(100% + 20px);
}
.det_title .en {
  color: #999999;
  font-weight: lighter;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .det_title .cn {
    margin-bottom: 5px;
  }
  .det_title .en {
    margin-bottom: 5px;
  }
  .use_det_des{
    min-height: 6.66em;
  }
}
@media (max-width: 768px) {
  .use_det_des {
    font-size: 14px;
    margin-top: 10px;
  }
  .use_det_top .det_box .det_pic {
    max-width: none;
    float: none;
    width: 100%;
  }
  .use_det_top .det_box .use_det_txt {
    width: 100%;
    float: none;
    padding-top: 5%;
  }
  .use_det_txt .des {
    font-size: 14px;
    margin-top: 10px;
  }
  .use_det_txt .title {
    font-size: 20px;
  }
  .use_det_txt .model {
    font-size: 14px;
  }
}
.product_infi {
  padding-bottom: 4.1667%;
}
.product_infi_title {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 3.75%;
}
.product_infi_title h1 {
  font-weight: normal;
  line-height: 1;
  margin-bottom: 20px;
}
.product_infi_title h2 {
  color: #999999;
  line-height: 1.6;
  font-weight: lighter;
}
.product_infi_title pre{
  text-align: center;
  line-height: 1.875;
}
.product_infi_list {
  margin-bottom: 20px;
}
.product_infi_item {
  width: 23.75%;
  float: left;
  margin-right: 1.666%;
  padding-bottom: 20px;
  overflow: hidden;
  margin-bottom: 2.5%;
  transition: transform 0.3s;
}
.product_infi_item:nth-of-type(4n) {
  margin-right: 0;
}
.product_infi_item a {
  display: block;
  position: relative;
  background-color: #f5f5f5;
}
.product_infi_item .pic {
  overflow: hidden;
}
.product_infi_item .bg_cover {
  padding-top: 92.1%;
  transition: transform 0.3s;
}
.product_infi_item .txt {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 7px;
}
.product_infi_item h2 {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  margin-bottom: 15px;
}
.product_infi_item h3 {
  font-size: 0;
}
.product_infi_item h3 span {
  font-size: 0.16rem;
  color: #999999;
  font-weight: lighter;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}
.product_infi_item h3 .jiage {
  font-size: 20px;
  color: #e60020;
}
.product_infi_item .add {
  width: 40px;
  height: 40px;
  background-color: #e60020;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -20px;
  transition: all ease-in-out 0.3s;
  transform: scale(2);
  opacity: 0;
}
.product_infi_item .add::before,
.product_infi_item .add::after {
  content: '';
  width: 11px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product_infi_item .add::before {
  transform: rotate(90deg);
}
.product_infi_item:hover {
  transform: translateY(-10px);
}
.product_infi_item:hover .bg_cover {
  transform: scale(1.05);
}
.product_infi_item:hover .add {
  transform: scale(1);
  opacity: 1;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 1024px) {
  .product_infi_item {
    width: 32%;
    margin-right: 2%;
  }
  .product_infi_item:nth-of-type(4n) {
    margin-right: 2%;
  }
  .product_infi_item:nth-of-type(3n) {
    margin-right: 0%;
  }
}
@media (max-width: 768px) {
  .product_infi_item {
    width: 49%;
    margin-right: 2%;
  }
  .product_infi_item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .product_infi_item:nth-of-type(2n) {
    margin-right: 0;
  }
  .product_infi_item .txt {
    padding-bottom: 25px;
  }
  .product_infi_item h2 {
    font-size: 0.16rem;
    margin-bottom: 5px;
  }
  .product_infi_item h3 span {
    font-size: 14px;
  }
  .product_infi_item h3 .jiage {
    font-size: 0.16rem;
  }
  .product_infi_item .add {
    bottom: -12.5px;
    width: 25px;
    height: 25px;
    transform: scale(1);
    opacity: 1;
  }
}
.infi_tag_new,
.infi_tag_lack,
.infi_tag_promote {
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  padding-top: 40px;
  padding-bottom: 15px;
  width: 150px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotateZ(-45deg) translate(-35%, -75%);
  z-index: 20;
  transform-origin: 50%  0%;
}
.infi_tag_new {
  background-color: #e60020;
}
.infi_tag_lack {
  background-color: #d3d3d3;
}
.infi_tag_promote {
  background-color: #dfba94;
}
@media (max-width: 768px) {
  .infi_tag_new,
  .infi_tag_lack,
  .infi_tag_promote {
    font-size: 12px;
    width: 100px;
    padding-top: 20px;
    padding-bottom: 5px;
    transform: rotateZ(-45deg) translate(-35%, -90%);
  }
}
.product_infi_list2 {
  margin-left: -13.5px;
  margin-right: -13.5px;
  margin-bottom: 3.1%;
}
.product_infi_item2 {
  padding: 0 13.5px;
  float: left;
  overflow: hidden;
  margin-bottom: 1.84%;
  transition: transform 0.3s;
  border-radius: 20px;
}
.product_infi_item2 a {
  display: block;
  border: 1px solid #eee;
  overflow: hidden;
}
.product_infi_item2 .pic {
  position: relative;
}
.product_infi_item2 .pic img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: transform 0.3s;
  max-height: 90%;
  max-width: 90%;
}
.product_infi_item2 h2 {
  font-size: 20px;
  color: #333333;
  line-height: 1;
  margin-bottom: 10px;
}
.product_infi_item2 h3 {
  font-size: 0;
}
.product_infi_item2 h3 span {
  font-size: 0.16rem;
  color: #999999;
  font-weight: lighter;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}
.product_infi_item2 h3 .jiage {
  font-size: 20px;
  color: #e60020;
}
.product_infi_item2 .more {
  line-height: 40px;
  border-radius: 20px;
  background-color: #333333;
  display: inline-block;
  color: #ffffff;
  padding: 0 12px;
  font-size: 0;
  margin-top: 34px;
}
.product_infi_item2 .more span {
  display: inline-block;
  padding-left: 10px;
  font-size: 0.16rem;
  vertical-align: middle;
}
.product_infi_item2 .more i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 10px;
  position: relative;
}
.product_infi_item2 .more i::before,
.product_infi_item2 .more i::after {
  content: '';
  width: 10px;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product_infi_item2 .more i::before {
  transform: rotate(90deg);
}
.product_infi_item2:hover {
  transform: translateY(-10px);
}
.product_infi_item2:hover .pic img {
  transform: scale(1.05);
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) {
  width: 25%;
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .pic {
  height: 300px;
  position: relative;
  z-index: 4;
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .txt {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 8px;
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .more {
  display: none;
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) a {
  position: relative;
}
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .infi_tag_new2,
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .infi_tag_lack2,
.product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .infi_tag_promote2 {
  position: absolute;
  left: 5.26%;
  top: 5%;
  z-index: 999;
}
.product_infi_item2:nth-of-type(14n+1),
.product_infi_item2:nth-of-type(14n-4) {
  width: 50%;
  float: left;
}
.product_infi_item2:nth-of-type(14n+1) a,
.product_infi_item2:nth-of-type(14n-4) a {
  display: table;
  width: 100%;
  background-color: #f4f4f4;
}
.product_infi_item2:nth-of-type(14n+1) .pic,
.product_infi_item2:nth-of-type(14n-4) .pic {
  height: 378px;
  width: 51%;
  display: table-cell;
  vertical-align: middle;
}
.product_infi_item2:nth-of-type(14n+1) .txt,
.product_infi_item2:nth-of-type(14n-4) .txt {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 2% 0;
}
.product_infi_item2:nth-of-type(14n+1) .txt .box,
.product_infi_item2:nth-of-type(14n-4) .txt .box {
  display: inline-block;
  text-align: left;
}
.product_infi_item2:nth-of-type(14n-4) .txt {
  text-align: center;
}
.infi_tag_new2,
.infi_tag_lack2,
.infi_tag_promote2 {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  min-width: 80px;
  margin-bottom: 35px;
}
.infi_tag_new2 {
  background-color: #e60020;
}
.infi_tag_lack2 {
  background-color: #d3d3d3;
}
.infi_tag_promote2 {
  background-color: #dfba94;
}
@media (max-width: 1366px) {
  .product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .pic {
    height: 250px;
  }
  .product_infi_item2:nth-of-type(14n+1) .pic,
  .product_infi_item2:nth-of-type(14n-4) .pic {
    height: 328px;
  }
}
@media (max-width: 1024px) {
  .product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) {
    width: 33.33%;
  }
  .product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) .pic {
    height: auto;
    padding-top: 79%;
  }
  .product_infi_item2:nth-of-type(14n+1),
  .product_infi_item2:nth-of-type(14n-4) {
    width: 100%;
  }
  .product_infi_item2:nth-of-type(14n+1) .pic,
  .product_infi_item2:nth-of-type(14n-4) .pic {
    height: auto;
    padding-top: 39.5%;
  }
  .product_infi_item2 .more {
    line-height: 30px;
    padding: 0 8px;
    margin-top: 15px;
  }
  .product_infi_item2 .more span {
    font-size: 14px;
  }
  .product_infi_item2 .more i {
    width: 18px;
    height: 18px;
  }
  .product_infi_item2 {
    border-radius: .2rem;
  }
  .infi_tag_new2,
  .infi_tag_lack2,
  .infi_tag_promote2 {
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    min-width: 60px;
  }
}
@media (max-width: 768px) {
  .product_infi_list2 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .product_infi_item2 {
    padding: 0 5px;
  }
  .product_infi_item2 h2 {
    font-size: 0.16rem;
  }
  .product_infi_item2 h3 span {
    font-size: 14px;
  }
  .product_infi_item2 h3 .jiage {
    font-size: 0.16rem;
  }
  .product_infi_item2 .more {
    line-height: 25px;
    padding: 0 5px;
    margin-top: 10px;
  }
  .product_infi_item2 .more span {
    font-size: 12px;
    padding-left: 3px;
  }
  .product_infi_item2 .more i {
    width: 18px;
    height: 18px;
  }
  .product_infi_item2 .infi_tag_new2,
  .product_infi_item2 .infi_tag_lack2,
  .product_infi_item2 .infi_tag_promote2 {
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
    min-width: 45px;
    left: 5px;
    top: 5px;
  }
  .product_infi_item2:not(:nth-of-type(14n+1)):not(:nth-of-type(14n-4)) {
    width: 50%;
  }
}
.product_infi_left {
  float: left;
  width: 56.25%;
  padding-top: 70px;
  position: relative;
}
.product_infi_left .top_pic {
  padding-right: 60px;
}
.product_infi_left .det_pic {
  margin: 0 auto;
  margin-bottom: 7.22%;
}
.product_infi_left .box {
  float: right;
  width: 96%;
  max-width: 900px;
}
@media (max-width: 768px) {
  .product_infi_left {
    width: 100%;
    float: none;
    padding-top: 3.65%;
  }
  .product_infi_left .top_pic {
    padding-right: 0;
  }
  .product_infi_left .box {
    float: none;
    margin: 0 auto;
  }
}
.infi_det_main {
  padding-bottom: 5.55%;
}
.product_infi_det{ min-height: 100vh}
.product_infi_right {
  width: 43.75%;
  float: right;
  padding-top: 70px;
  max-height: 90vh;
  overflow-y: auto;
}
.product_infi_right .box {
  max-width: 700px;
  float: left;
  width: 85%;
  padding-left: 140px;
}
.product_infi_right.fixed {
  position: fixed;
  left: 56.25%;
  top: 0;
}
@media (max-width: 1366px) {
  .product_infi_right .box {
    padding-left: 50px;
  }
}
@media (max-width: 1024px) {
  .product_infi_right .box {
    padding-left: 30px;
  }
}
@media (max-width: 768px) {
  .product_infi_right {
    position: static !important;
    transform: translateY(0) !important;
    float: none;
    width: 100%;
    padding-top: 3.65%;
  }
  .product_infi_right .box {
    padding-left: 0;
    margin: 0 auto;
    float: none;
  }
}
@media (max-width: 750px){
  .product_infi_right .box{width: 100%; padding: 0 .3rem;}
}
.infi_det_txt .category {
  color: #555555;
  line-height: 1.167;
  font-weight: normal;
}
.infi_det_txt .title {
  color: #333333;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 4.23%;
}
.infi_det_txt .price {
  font-size: 0.16rem;
  font-weight: lighter;
  line-height: 1;
  margin-bottom: 5.6%;
}
.infi_det_txt .price span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.2;
}
.infi_det_txt .price .red {
  font-size: .3rem;
  color: #e60020;
  font-weight: bold;
  line-height: 1;
}
.infi_det_txt .buy {
  margin-bottom: 8.45%;
}
.infi_det_txt .buy a {
  display: inline-block;
  width: 2rem;
  line-height: .6rem;
  text-align: center;
  border-radius: .3rem;
  color: #fff;
  font-size: 0.16rem;
  background-color: #e60020;
  transition: opacity 0.3s;
}
.infi_det_txt .buy a:hover {
  opacity: 0.8;
}
.infi_det_txt .des {
  line-height: 2.222;
  margin-top: 20px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 5px 0;
}
.infi_det_txt .des li {
  padding-left: 20px;
  position: relative;
}
.infi_det_txt .des li::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 15px;
  display: none;
}
.infi_det_txt .size {
  padding-top: 20px;
}
.infi_det_txt .size .item {
  padding-left: 60px;
  line-height: 2.5;
  position: relative;
}
.infi_det_txt .size label {
  position: absolute;
  left: 0;
  top: 0;
  color: #999999;
  font-weight: lighter;
}
.infi_det_txt .size .inlin-item {
  display: inline-block;
  margin-right: 20px;
  padding-left: 28px;
  line-height: 20px;
  position: relative;
}
.infi_det_txt .size .inlin-item:last-of-type {
  margin-right: 0;
}
.infi_det_txt .size .inlin-item .spot {
  width: 20px;
  height: 20px;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
}
.infi_det_txt .size .inlin-item .spot i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.infi_det_txt .size .inlin-item .spot::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #eee;
  box-sizing: border-box;
}
@media (max-width: 1366px) {
  .infi_det_txt .title {
    /* font-size: 30px; */
  }
  /* .infi_det_txt .buy a {
    width: 150px;
    height: 50px;
    line-height: 50px;
  } */
}
@media (max-width: 1024px) {
  .infi_det_txt .title {
    /* font-size: 24px; */
  }
  /* .infi_det_txt .buy a {
    width: 120px;
    height: 40px;
    line-height: 40px;
  } */
}
@media (max-width: 768px) {
  .infi_det_txt .title {
    font-size: 20px;
    margin-bottom: 2%;
  }
  .infi_det_txt .price {
    margin-bottom: 2%;
    font-size: 14px;
  }
  .infi_det_txt .price .red {
    font-size: .24rem;
    line-height: .2rem;
  }
  .infi_det_txt .buy {
    margin-bottom: 4%;
  }
  .infi_det_txt .buy a {
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .infi_det_txt .category {
    font-size: 0.16rem;
  }
  .infi_det_txt .des {
    font-size: 14px;
  }
  .infi_det_txt .size {
    padding-top: 10px;
  }
}
.reco_pro {
  padding-bottom: 11.11%;
}
.reco_pro .title {
  font-size: 20px;
  line-height: 60px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 5.55%;
  font-weight: bold;
}
.reco_pro_list .product_infi_item {
  margin: 0;
}
.reco_pro_list .product_infi_item a {
  margin: 0 6.667%;
}
.circle_dots .slick-dots {
  text-align: center;
  font-size: 0;
  padding-top: 2%;
}
.circle_dots .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eee;
  margin: 0 5px;
  cursor: pointer;
  transition: background 0.3s;
}
.circle_dots .slick-dots li button {
  display: none;
}
.circle_dots .slick-dots li.slick-active {
  background-color: #e60020;
}
@media (max-width: 768px) {
  .reco_pro .title {
    font-size: 0.16rem;
    line-height: 40px;
  }
}
.buy_title {
  font-size: 36px;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1;
  padding-top: 5%;
  padding-bottom: 2.5%;
}
@media (max-width: 1024px) {
  .buy_title {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .buy_title {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .buy_title {
    font-size: 20px;
  }
}
.buy_search {
  text-align: center;
  font-size: 0;
  margin-bottom: 3.75%;
}
.buy_search .form-item {
  display: inline-block;
  padding: 0 5px;
}
.buy_search .form-item.w30 {
  width: calc(30% - 36.67px);
  max-width: 250px;
}
.buy_search .form-item.w40 {
  width: calc(40% - 36.67px);
  max-width: 340px;
}
.buy_search .form-item.center {
  font-size: 0.16rem;
  color: #999999;
  line-height: 50px;
  width: 110px;
}
.buy_search .select-box {
  position: relative;
  border: 1px solid #eeeeee;
}
.buy_search .select-box select {
  width: 100%;
  height: 50px;
  opacity: 0;
  cursor: pointer;
  display: block !important;
}
.buy_search .select-box label {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.16rem;
  padding-left: 20px;
  line-height: 50px;
  text-align: left;
  color: #333333;
  cursor: pointer;
  padding-right: 28px;
}
.buy_search .select-box label::after {
  content: '';
  width: 8px;
  height: 4px;
  background: url(../images/icon_select.png) center center no-repeat;
  transition: transform 0.3s;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.buy_search .select-box label.active::after {
  transform: rotate(180deg);
}
.buy_search .input-box {
  padding-right: 50px;
  position: relative;
  border: 1px solid #eeeeee;
}
.buy_search .input-box .text {
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding-left: 20px;
  border: 0;
  background: transparent;
  color: #333333;
  font-size: 0.16rem;
}
.buy_search .input-box .text::placeholder {
  color: #333333;
}
.buy_search .input-box .btn {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/iocn_search3.png) center center no-repeat;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .buy_search .form-item.w30 {
    width: calc(30% - 16.666px);
  }
  .buy_search .form-item.w40 {
    width: calc(40% - 16.666px);
  }
  .buy_search .form-item.center {
    width: 50px;
    font-size: 14px;
  }
  .buy_search .select-box select {
    height: 40px;
    line-height: 40px;
  }
  .buy_search .select-box label {
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
  }
  .buy_search .select-box label::after {
    right: 10px;
  }
  .buy_search .input-box .text {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
  }
}
@media (max-width: 640px) {
  .buy_search .form-item.w30 {
    width: calc(30% - 16.666px);
  }
  .buy_search .form-item.w40 {
    width: calc(40% - 16.666px);
  }
  .buy_search .form-item.center {
    width: 50px;
  }
}
@media (max-width: 500px) {
  .buy_search .form-item.w30 {
    width: 50%;
  }
  .buy_search .form-item.w40 {
    width: calc(100% - 50px);
    max-width: none;
  }
  .buy_search .form-item.center {
    width: 50px;
  }
}
.mapbox {
  padding-right: 25%;
  position: relative;
  margin-bottom: 7.5%;
}
.mapbox .map {
  padding-top: 66.67%;
  background-color: #eee;
}
.mapbox .maplist {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25%;
  border: 1px solid #eee;
}
.mapbox .maplist .item {
  padding-bottom: 12.5%;
  padding-top: 10%;
  border-bottom: 1px solid #eee;
}
.mapbox .maplist .title {
  font-size: 20px;
  line-height: 70px;
  background-color: #f5f5f5;
  padding: 0 6% 0 9%;
}
.mapbox .maplist .list {
  padding: 0 6% 0 9%;
  height: calc(100% - 70px);
  overflow-y: auto;
}
.mapbox .maplist h2 {
  line-height: 1.556;
  margin-bottom: 10px;
}
.mapbox .maplist .address {
  padding-left: 25px;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  background: url(../images/icon_address.png) left 3px no-repeat;
  margin-bottom: 14px;
}
.mapbox .maplist .tel {
  padding-left: 25px;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  background: url(../images/icon_tel2.png) left 3px no-repeat;
  margin-bottom: 14px;
}
.mapbox .maplist .more span {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  border-radius: 15px;
  background-color: #000;
  font-size: 14px;
  color: #ffffff;
  padding: 0 18px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.mapbox .maplist .more span:hover {
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .mapbox {
    padding-right: 0;
  }
  .mapbox .maplist {
    position: static;
    width: 100%;
  }
  .mapbox .maplist .title {
    padding: 0 3%;
    line-height: 50px;
    font-size: 0.16rem;
  }
  .mapbox .maplist .list {
    padding: 0 ;
    max-height: 300px;
  }
  .mapbox .maplist .item {
    width: 50%;
    float: left;
    padding: 3%;
  }
  .mapbox .maplist .item:nth-of-type(2n+1) {
    clear: left;
  }
}
@media (max-width: 768px) {
  .mapbox .maplist .address {
    font-size: 12px;
    background-size: 12px;
    line-height: 0.16rem;
    padding-left: 15px;
  }
  .mapbox .maplist .tel {
    font-size: 12px;
    background-size: 12px;
    line-height: 0.16rem;
    padding-left: 15px;
  }
}
@media (max-width: 640px) {
  .mapbox .maplist .item {
    width: 100%;
  }
}
.online-shop {
  margin-bottom: 8.125%;
}
.online-shop .item {
  width: 31.25%;
  float: left;
  margin-right: 3.125%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1%;
}
.online-shop .item:nth-of-type(3n) {
  margin-right: 0;
}
.online-shop .item:first-of-type {
  box-shadow: 0px 13px 29px 0px rgba(255, 52, 32, 0.29);
}
.online-shop .item:nth-of-type(2) {
  box-shadow: 0px 13px 29px 0px rgba(255, 80, 0, 0.29);
}
.online-shop .item:nth-of-type(3) {
  box-shadow: 0px 13px 29px 0px rgba(61, 183, 121, 0.29);
}
.online-shop .item.mini .pic {
  width: 48%;
}
.online-shop .item.mini .img {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 7px;
  border-radius: 50%;
  display: inline-block;
  width: 60%;
  max-width: 140px;
}
.online-shop .item.mini .img img {
  border-radius: 50%;
}
.online-shop .item.mini .alt {
  font-size: 0.16rem;
  color: #ffffff;
  line-height: 1.75;
  margin-top: 10px;
}
.online-shop .pic {
  width: 42%;
  padding-top: 60%;
  position: relative;
}
.online-shop .pic img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
}
.online-shop .logo {
  margin-bottom: 12%;
}
.online-shop .logo img {
  width: 50%;
  max-width: 150px;
  max-height:60px;
}
.online-shop .txt {
  text-align: center;
  padding: 4% 0;
}
.online-shop .label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.502);
  margin-bottom: 2%;
}
.online-shop .name {
  font-size: 0.16rem;
  color: #ffffff;
  margin-bottom: 10.3%;
}
.online-shop .more a {
  display: inline-block;
  padding: 0 30px;
  line-height: 40px;
  border-radius: 20px;
  background-color: #fff;
  color: #f92c19;
  font-weight: lighter;
  transition: opacity 0.3s;
}
.online-shop .more a:hover {
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .online-shop .more a {
    line-height: 25px;
    height: 25px;
    padding: 0 15px;
  }
  .online-shop .name {
    font-size: 14px;
  }
  .online-shop .item.mini .alt {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .online-shop .item {
    width: 100%;
    float: none;
    margin: 0;
    margin-bottom: 2%;
  }
}
.about {
  /* padding-bottom: 5.21%; */
}
.about .about_title {
  float: left;
  width: 43.75%;
  padding-right: 2%;
  padding-bottom: 60px;
  position: relative;
}
.about .about_title h1 {
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
}
.about .about_title h2 {
  color: #333333;
  line-height: 1.4;
  font-weight: normal;
}
.about .about_title::after {
  content: '';
  width: 40px;
  height: 4px;
  background-color: #e60020;
  position: absolute;
  left: 0;
  bottom: 0;
}
.about .des {
  width: 56.25%;
  float: left;
  color: #666666;
  font-weight: lighter;
  line-height: 1.75;
}
/* .about .txt {
  padding-top: 7.125%;
  margin-bottom: 10%;
} */
.about .pic .item {
  float: left;
}
.about .pic .item:first-of-type {
  width: 43.125%;
  margin-right: 0.625%;
}
.about .pic .item:last-of-type {
  width: 56.25%;
}
.about .pic .item .bg_cover {
  padding-top: 22.4vw;
}
.about .pic .item .title {
  font-size: 0.16rem;
  color: #666666;
  line-height: 1.75;
  font-weight: lighter;
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
}
.about .pic .item .title::before {
  content: '';
  width: 5px;
  height: 14px;
  background-color: #e60020;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1921px) {
  .about .pic .item .bg_cover {
    padding-top: 430px;
  }
}
@media (max-width: 768px) {
  .about .about_title {
    float: none;
    width: 100%;
    margin-bottom: 3%;
    padding-bottom: 10px;
  }
  .about .about_title h1 {
    margin-bottom: 5px;
  }
  .about .des {
    float: none;
    width: 100%;
  }
  .about .pic .item .title {
    padding-left: 10px;
    font-size: 12px;
  }
}
.process_list {
  padding: 0 65px;
}
.process_list .des {
  float: none;
  width: 100%;
  color: #999999;
}
.process_list .slick-list {
  padding-top: 134px;
}
.process_list::before {
  content: '';
  width: 100vw;
  height: 15px;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/time_line.png);
  position: absolute;
  left: 50%;
  top: 126px;
  transform: translateX(-50%);
}
.process_item {
  text-align: center;
  padding: 0 40px;
  position: relative;
}
.process_item .pos {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  z-index: 2;
}
.process_item .year {
  font-family: "Butler";
  color: #666666;
  transition: all 0.3s;
  font-style: italic;
  margin-bottom: 30px;
}
.process_item .spot {
  padding-top: 25px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icon_dot.png);
  transition: all 0.3s;
}
.process_item .car {
  padding-top: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/icon_car.png);
  transition: all 0.3s;
}
.process_item .title {
  color: #333333;
  line-height: 1.4;
  padding-top: 60px;
  margin-bottom: 18px;
}
.process_item.slick-current .car {
  padding-top: 25px;
  margin-top: 13px;
}
.process_item.slick-current .spot {
  background-image: url(../images/icon_dot_active.png);
}
.process_item.slick-current .year {
  font-size: 60px;
  color: #e60020;
  margin-bottom: 0;
}
.cube_arrow .slick-arrow {
  width: .65rem;
  height: .65rem;
  background-image: url(../images/slick_next2.png);
  transition: all 0.3s;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  font-size: 0;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  right: -1rem;
  margin: auto;
}
.cube_arrow .slick-arrow.slick-prev {
  transform: rotate(180deg);
  right: auto;
  left: -1rem;
}
.cube_arrow .slick-arrow:hover{background-color: #e60020;}
@media (max-width: 1366px) {
  .process_item {
    padding: 0 20px;
  }
  .process_item.slick-current .year {
    font-size: 40px;
  }
  .process_item .title {
    padding-top: 30px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .process_list {
    padding: 0 35px;
  }
  .process_item {
    padding: 0 5px;
  }
  .process_item .title {
    font-size: 0.16rem;
  }
  .process_item .des {
    font-size: 14px;
  }

}
.index_banner .item {
  position: relative;
}
.index_banner .bg_cover {
  padding-top:50.447%;
}
.index_banner a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.index_banner .slick-dots {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: 4.65%;
  z-index: 2;
  font-size: 0;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_banner .slick-dots li {
  width: 18px;
  height: 18px;
  position: relative;
  margin: 0 12px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  transition: .5s;
}
.index_banner .slick-dots li button {
  display: none;
}
.index_banner .slick-dots li::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
  transition: .3s;
}
.index_banner .slick-dots li.slick-active::before{width: 18px;height: 18px;}
.index_banner .slick-dots span{position:absolute; display:block; width: 6px; height: 6px; transition: .3s; opacity: 0; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.index_banner .slick-dots .slick-active{width: 18px; height: 18px;}
.index_banner .slick-dots .slick-active span { opacity: 1;width: 18px;height: 18px; }
.index_banner .slick-dots .slick-active i{ display:block; position: absolute; top: 0;  width:9px; height:18px; margin: 0; padding: 0; overflow: hidden; font-style:normal}
.index_banner .slick-dots .slick-active i:nth-child(1) {left: 0;}
.index_banner .slick-dots .slick-active i:nth-child(2) {right: 0;}
.index_banner .slick-dots .slick-active i:before {position: absolute;content:''; margin: 0;  width: 12px; height: 12px; border-radius: 50%; border: 3px solid transparent;
 transform: rotate(135deg);}

.index_banner .slick-dots .slick-active i:nth-child(1):before { left: 0; border-top-color: #e60020; border-left-color:#e60020; animation: yl 5s linear forwards;}

.index_banner .slick-dots .slick-active i:nth-child(2):before { right: 0; border-bottom-color:#e60020; border-right-color:#e60020; animation: yr 5s linear forwards;}

@keyframes yr {
	0% {
		transform: rotate(135deg);
	}
	50%,
	100% {
		transform: rotate(315deg);
	}
}

@keyframes yl {
	0%,
	50% {
		transform: rotate(135deg);
	}
	100% {
		transform: rotate(315deg);
	}

}
@media(max-width:750px){
  .index_banner .slick-dots .slick-active span,
  .index_banner .slick-dots li.slick-active::before,
  .index_banner .slick-dots .slick-active,
  .index_banner .slick-dots li{width:12px;height: 12px; margin: 0 5px;}
  .index_banner .slick-dots .slick-active i:before{width: 8px;height: 8px ; border: 2px solid transparent;}
  .index_banner .slick-dots .slick-active i{width: 6px;height: 12px;}
  .index_banner .slick-dots li::before{    border: 2px solid #fff;width: 4px; height: 4px;}
}

.index_banner .video{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.index_banner video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_banner .handle{display: none;}
.index_banner .video .play{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: .3s;
}
.index_banner .video .play svg:first-of-type{
  display: block;
}
.index_banner .video .play svg:last-of-type{
  display: none;
}
.index_banner .video .play.playing svg:first-of-type{
  display: none;
}
.index_banner .video .play.playing svg:last-of-type{
  display: block;
}
.index_banner .muted{
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
}
.index_banner .muted svg:first-of-type{
  display: block;
}
.index_banner .muted svg:last-of-type{
  display: none;
}
.index_banner .muted.active svg:first-of-type{
  display: none;
}
.index_banner .muted.active svg:last-of-type{
  display: block;
}
.index_banner .video:hover .muted{opacity: 1;}
.index_banner .video .play.playing{opacity: 0;}
.index_banner .video:hover .play{opacity: 1;}

@media(max-width:1024px){
  .index_banner .handle{display: block;}
}




.index_part2 {
  text-align: center;
}
.index_part2 .ytable {
  height: 44.7vw;
}
.index_part2 .ytable * {
  transition: all 1s;
}
.index_part2 .ytable-cell {
  transition: all 1s;
  position: relative;
}
.index_part2 .logo {
  margin-bottom: 6%;
}
.index_part2 .logo .show {
  display: inline-block;
}
.index_part2 .logo .hover {
  display: none;
}
.index_part2 .des {
  font-size: 20px;
  color: #333333;
  letter-spacing: 15px;
}
.index_part2 .txt {
  display: inline-block;
  width: 57%;
  margin-bottom: 8%;
  position: relative;
  z-index: 2;
}
.index_part2 .more {
  text-align: right;
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.75;
  position: relative;
  margin-top: 8%;
  width: 80px;
  opacity: 0;
}
.index_part2 .more::before {
  content: '';
  width: calc(100% - 80px);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #ffffff;
  opacity: 0.2;
  height: 1px;
}
.index_part2 .ytable-cell:nth-of-type(2n+1) {
  padding-left: 4.1667%;
}
.index_part2 .ytable-cell:nth-of-type(2n+1) .bg {
  background: url(../images/index_part2_bgleft.png) left top no-repeat;
  background-size: 85% 100%;
}
.index_part2 .ytable-cell:nth-of-type(2n) {
  padding-right: 4.1667%;
  padding-left: 4.1667%;
}
.index_part2 .ytable-cell:nth-of-type(2n) .bg {
  background: url(../images/index_part2_bgright.png) right top no-repeat;
  background-size: 85% 100%;
}
.index_part2 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.index_part2 .car img {
  transform: scale(0.8);
}
.index_part2 .active .car img {
  transform: scale(1);
}
.index_part2 .active .des {
  color: #fff;
}
.index_part2 .active .logo .hover {
  display: inline-block;
}
.index_part2 .active .logo .show {
  display: none;
}
.index_part2 .active .more {
  width: 100%;
  opacity: 1;
}
.index_part2 .active:nth-of-type(2n+1) {
  text-align: left;
  background-size: 85% 100%;
}
.index_part2 .active:nth-of-type(2n+1) .txt {
  text-align: left;
  padding-left: 4%;
}
.index_part2 .active:nth-of-type(2n) {
  text-align: right;
  background-size: 85% 100%;
}
.index_part2 .active:nth-of-type(2n) .txt {
  text-align: left;
  padding-right: 4%;
}
.index_part2 .active .bg {
  opacity: 1;
}
@media (max-width: 1024px) {
  .index_part2 .des {
    font-size: 0.16rem;
    letter-spacing: 5px;
  }
  .index_part2 .more {
    font-size: 14px;
  }
  .index_part2 .txt {
    margin-bottom: 4%;
  }
}
@media (max-width: 768px) {
  .index_part2 .ytable {
    /* height: auto;
    display: block; */
  }
  .index_part2 .ytable .ytable-cell {
    /* display: block;
    width: 100%;
    padding: 5% 0; */
    padding-top: 1.35rem;
    padding-bottom: 1rem;
  }
  .index_part2 .ytable-cell .bg{
    display: none;
  }
  .index_part2 .logo .show{
    display: inline-block;
  }
  .index_part2 .logo .hover{
    display: none;
  }
  .index_part2 .ytable-cell .car img {
    transform: scale(1);
  }
  .index_part2 .ytable-cell .des {
    color: #fff;
  }
  .index_part2 .ytable-cell:nth-of-type(2n+1) .txt{
    padding-left: 0;
  }
  .index_part2 .ytable-cell:nth-of-type(2n) .txt{
    padding-right: 0;
  }
  .index_part2 .ytable-cell .des{
    font-size: .2rem;
  }
  /* .index_part2 .ytable-cell .logo .hover {
    display: inline-block;
  }
  .index_part2 .ytable-cell .logo .show {
    display: none;
  } */
  .index_part2 .ytable-cell .more {
    width: 100%;
    opacity: 1;
  }
  .index_part2 .ytable-cell:nth-of-type(2n+1) {
    text-align: left;
    background-size: 85% 100%;
  }
  .index_part2 .ytable-cell:nth-of-type(2n+1) .txt {
    text-align: left;
    padding-left: 4%;
  }
  .index_part2 .ytable-cell:nth-of-type(2n) {
    text-align: right;
    background-size: 85% 100%;
  }
  .index_part2 .ytable-cell:nth-of-type(2n) .txt {
    text-align: left;
    padding-right: 4%;
  }
  .index_part2 .ytable-cell .bg {
    opacity: 1;
  }
  .index_part2 .logo{
    margin-bottom: .13rem;
  }
}
@media (max-width: 750px){

  .index_part2 .ytable-cell .bg{
    display: none;
  }
  .index_part2 .logo .show{
    display: inline-block;
    padding-bottom: 10%;
  }
  .index_part2 .logo .hover{
    display: none;
    padding-bottom: 10%;
  }
  .index_part2 .ytable-cell .car img {
    transform: scale(1);
  }
  .index_part2 .ytable-cell .des {
    color: #fff;
  }
  .index_part2 .ytable-cell:nth-of-type(2n+1) .txt{
    padding-left: 0;
  }
  .index_part2 .ytable-cell:nth-of-type(2n) .txt{
    padding-right: 0;
  }
  .index_part2 .ytable-cell .des{
    font-size: .2rem;
    color: rgb(51, 51, 51);
  }
  .index_part2 .ytable .ytable-cell{
    text-align: center;
  }
  .index_part2 .txt{
    text-align: center !important;
    margin-bottom: .7rem;
    width: 100%;
  }
  .index_part2 .txt .logo{
    width: 57%;
    margin: 0 auto;
  }
  .index_part2 .more{
    width: 1.4rem !important;
    line-height: .5rem;
    height: .5rem;
    border-radius: .03rem;
    text-align: center;
    background-color: #e50012;
    display: inline-block;
    font-size: .2rem;
    margin-top: .3rem;
  }
  .index_part2 .more::before{
    display: none;
  }
}
.ind_title {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 25px;
}
.ind_des {
  color: #ffffff;
  line-height: 1.556;
  font-weight: lighter;
  margin-bottom: .4rem;
}
@media (max-width: 1024px) {
  .ind_title {
    margin-bottom: 10px;
  }
  .ind_des {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
@media (max-width: 750px){
  .ind_title {
    font-size: .36rem;
  }
  .ind_des {
    margin-bottom: .2rem;
  }
}
.index_part3 {
  padding-top: 12.5%;
  padding-bottom: 21.875%;
  position: relative;
}
.index_part3 .ind_des {
  letter-spacing: 5px;
}
@media (max-width: 750px){
  .index_part3{background: none !important;}
  .index_part3 .bg_wap{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
  .index_part3 .auto-1600{position: relative; z-index: 2;}
}
.index_part4 .ytable {
  min-height: 44.79vw;
  text-align: right;
  padding: 3% 0;
}
.index_part4 .item{position: relative;}
.index_part4 .ytable .ytable-cell{ vertical-align: top;}
.index_part4 .ytable .des {
  line-height: 1.75;
}
.index_part4 .ytable .ind_des.phone{
  display: none;
}
.index_part4 .ytable pre {
  text-align: center;
  line-height: 1.75;
}
.index_part4 .ytable .txt { text-align: center}
.index_part4 .ytable .ind_title span {
  vertical-align: middle;
  line-height: 1;
}
.index_part4 .ytable .en {
  font-family: "YouSheBiaoTiHei";
  font-size: 72px;
}
.index_part4 .icon{ padding-bottom: 2%}
.index_part4 .icon img{max-height: 0.75rem;}
.index_part4 .slick-dots{ position: absolute; right:5%; bottom:5%; z-index: 5}
.index_part4 .slick-dots:before{ content: ''; position: absolute; bottom: 0; margin-left: -100px; width: 87px; height:2px; background: #fff;}
.index_part4 .slick-dots li{ list-style: none; margin-left: 10px; float: left; background: #fff; width:8px; height: 10px;transform:rotate(8deg);}
.index_part4 .slick-dots li button{ display: none}
.index_part4 .slick-dots li.slick-active{ background: #e60020}
/*.index_part4 .slick-dots {
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 4.65%;
  transform: translateX(-50%);
  z-index: 2;
  height: 22px;
  background: url(../images/ind_part4_dot.png);
}
.index_part4 .slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  margin: 0 44px;
  font-size: 0;
  transition: background 0.3s;
  vertical-align: top;
}
.index_part4 .slick-dots li:first-of-type {
  margin-left: 0;
}
.index_part4 .slick-dots li:last-of-type {
  margin-right: 0;
}
.index_part4 .slick-dots li button {
  display: none;
}
.index_part4 .slick-dots li.slick-active {
  background-color: #e60020;
}
.index_part4 .slick-dots li:nth-of-type(5n+1) {
  margin-top: 10px;
}
.index_part4 .slick-dots li:nth-of-type(5n+2) {
  margin-top: 12px;
}
.index_part4 .slick-dots li:nth-of-type(5n+3) {
  margin-top: -2px;
}
.index_part4 .slick-dots li:nth-of-type(5n+4) {
  margin-top: 8px;
}
.index_part4 .slick-dots li:nth-of-type(5n) {
  margin-top: 8px;
}*/
.index_part4 .imgs{position: absolute; left: 50%; transform: translateX(-50%); bottom: 6.97%; }
.index_part4 .img_item{float: left; width: 15.34%; margin-right: .08rem;padding-bottom: .08rem; position: relative;}
.index_part4 .img_item .img_box{position: relative; padding-top: 100%;}
.index_part4 .img_item .img_box img{position: absolute; left: 0;  right: 0; bottom: 0; margin: auto; transition: .3s; max-height: 100%; max-width: 70%;}

.index_part4 .img_item::before{content: '';box-sizing: border-box; width: 100%; height: 55.97%; position: absolute; left: 0; bottom: 0; border-bottom: .08rem solid #e2001f; background-color: #0f4bac; transform-origin: left bottom; transform: skewX(-5deg);}
.index_part4 .img_item:hover img{transform: scale(1.1);}
@media (max-width: 1024px) {
  .index_part4 .ytable {
    padding-bottom: 40px;
  }
  .index_part4 .ytable .ind_title {
    font-size: 30px;
  }
  .index_part4 .ytable .en {
    font-size: 36px;
  }
  .index_part4 .ytable .ind_des {
    font-size: 12px;
  }
/*  .index_part4 .slick-dots {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 4.65%;
    transform: translateX(-50%);
    z-index: 2;
    height: 22px;
    background: url(../images/ind_part4_dot.png);
  }
  .index_part4 .slick-dots li {
    margin: 0 10px;
  }
  .index_part4 .slick-dots li:nth-of-type(5n+1) {
    margin-top: 10px;
  }
  .index_part4 .slick-dots li:nth-of-type(5n+2) {
    margin-top: 12px;
  }
  .index_part4 .slick-dots li:nth-of-type(5n+3) {
    margin-top: 5px;
  }
  .index_part4 .slick-dots li:nth-of-type(5n+4) {
    margin-top: 0.16rem;
  }*/
}
@media (max-width: 750px){
  .index_part3 .ind_des{
    max-width: 3.5rem;
    letter-spacing: 2px;
  }
  .index_part4 .ytable .ind_des{
    font-size: .18rem;
  }
  .index_part4 .ytable .ind_des{
    display: none;
  }
  .index_part4 .ytable .ind_des.phone{
    display: block;
  }
  .index_part4 .ytable{
    padding-top: .15rem;
    min-height: 4.2rem;
    padding-bottom: 2rem;
  }
  .index_part3{padding-top: 23.5%; padding-bottom: 42.875%;}
}
.video-box {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;text-align: center;}
.video-box::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.85);z-index: 0;}
.video-box .video-container {display: inline-block;max-width: 80%;position: relative;z-index: 5;min-width: 40%;}
.video-box .video-container h3 {margin: 0;background-color: #fff;color: #333;font-size: 18px;padding: 10px;text-align: left;}
.video-box .video-container h3.notitle {background: none;height: 40px;}
.video-box .video-container h3.notitle .close:before {color: #fff;}
.video-box .close {position: absolute;top: 0;right: 0;cursor: pointer;z-index: 999;width: 40px;height: 40px;text-align: center;/*border-radius: 100%;  border: 2px solid #fff; */}
.video-box .close:before {content: "×";font-family: "宋体";font-size: 32px;color: #000;line-height: 40px;}
.video-box video {position: relative;width: 100%;max-height: 100%;background: #000;object-fit: fill;z-index: 1;}
.video-box .ytable {height: 100%;}
.video-box .video-container.iframe-container{ max-width: 80%; min-width: 40%;}
.video-box .video-container .iframeBox{padding-top: 75%; position: relative; }
.video-box .video-container iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.index_part5 {
  padding-bottom: 19%;
  padding-top: 10.1667%;
}
.index_part5 .left {
  width: 46.875%;
  /* float: left; */
  padding-top: 1.875%;
  max-width: 620px;
  padding-right: 20px;
}
.index_part5 .right {
  /* float: left; */
  width: 32%;
  text-align: left;
  margin-top: 5%;
}
.index_part5 .title {
  color: #333333;
  margin-bottom: 7.5%;
}

.index_part5 .des {
  color: #666666;
  line-height: 1.75;
  font-weight: lighter;
  margin-bottom: 11.667%;
}
.index_part5 .des.phone{
  display: none;

}

.index_part5 .btn {
  position: relative;
}
.index_part5 .btn::before {
  content: '';
  width: calc(100% - 200px);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  background-color: #e60020;
  opacity: 0.102;
}
.index_part5 .play {
  line-height: 100px;
  max-width: 386px;
  width:100%;
  text-align: right;
  display: inline-block;
  font-size: 0;
}
.index_part5 .play span {
  font-size: 0.16rem;
  color: #e60020;
  font-weight: lighter;
  vertical-align: middle;
}
.index_part5 .play .spot {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}
.index_part5 .play .spot i {
  width: 60%;
  height: 60%;
  border-radius: 60px;
  background-color: #e60020;
  background-image: url(../images/iocn_play.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}
.index_part5 .play .spot::before,
.index_part5 .play .spot::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #e60020;
  opacity: 0.102;
}
.index_part5 .play .spot::before {
  width: 80%;
  height: 80%;
}
.index_part5 .play .spot:hover::before,
.index_part5 .play .spot:hover::after {
  animation: spot 2s infinite ease-in-out;
}
@keyframes spot {
  0% {
    transform: scale(1);
    opacity: 0.102;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@media (max-width: 768px) {
.index_part5 .left,
.index_part5 .right{ float: none; width: 100%}
.index_part5 .right{ width: 50%}
}
@media (max-width: 750px) {
.index_part5{
  background-size: 164%;
  background-position: 71% 20%;
}
.index_part5 .btn::before{
  /* display: none; */
  width: calc(100% - 1.1rem);
}
.index_part5 .play{
  line-height: .5rem;
}
.index_part5 .index_more_black a{
  width: 2.4rem;
}
.index_part5 .index_more_black{
  margin-bottom: .5rem;
}
.index_part5 .play .spot{ width: 70px; height: 70px;}
.index_part5 .title{
  font-size: .3rem;
  color: rgb(51, 51, 51);
  font-weight: bold;
}
.index_part5 .des {
  display: none;
}
.index_part5 .des.phone{
  display: block;
  font-size: .2rem;
  max-width: 4.3rem;
  line-height: 1.8;
  color: rgb(102, 102, 102);
  margin-bottom: .45rem;
}
.index_part5 .title{
  margin-bottom: .2rem;
}
.index_part5 {
  padding-top: 1rem;
  padding-bottom: .6rem;
}
.index_part5 .play span{
  display: none;
}
.index_part5 .play .spot{
  width: 1rem;
  height: 1rem;
}
}
.index_part6 {
  margin-top: -13.5%;
  position: relative;
  z-index: 3;
}
.index_part6 .item {
  width: 33.33%;
  float: left;
}
.index_part6 .item a {
  display: block;
  position: relative;
  overflow: hidden;
}
.index_part6 .item .bg_cover {
  padding-top: 60%;
  /*transition: transform 0.3s;*/

-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.index_part6 .item .bg_cover.phone{
  display: none;
}
.index_part6 .item .bg_cover:before{
content: "";
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,transparent),to(#000));
    background: linear-gradient(180deg,transparent 70%,#000);
    -webkit-transition: top .3s ease-in;
    transition: top .3s ease-in;
}
.index_part6 .item:hover .bg_cover:before{background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,hsla(0,0%,100%,0)),to(#000));background:linear-gradient(180deg,hsla(0,0%,100%,0) 40%,#000)}
.index_part6 .item .txt {
  padding-left: 50px;
  line-height: 2;
  position: absolute;
  z-index: 6;
  width: 100%;
  left: 0;
  bottom: 30px;
  color: #ffffff;
  background: url(../images/icon_more2.png) 30px center no-repeat;
}

.index_part6 .item:hover .bg_cover {
/*  transform: scale(1.05);*/
  -webkit-transform:scale(1.2);transform:scale(1.2)
}
.index_part6 .title{
  margin-bottom: 2%;
}
@media (max-width: 750px) {
  .index_part6 .item{ width: 100%; float: none;}
  .index_part6{
    margin-top: -36px;
  }
  .index_part6 .auto-1600{padding: 0;}
  .index_part6 .item .bg_cover{ display: none;}
  .index_part6 .item .txt{font-size: .24rem;}
  .index_part6 .item .bg_cover.phone{
    display: block;
    background: none !important;
    padding-top: 0;
  }
  .index_part6 .item .bg_cover img{display: block !important; width: 100%;}
  .index_part6 .title{padding: 0 .3rem; opacity: 0!important;}
}



.index_part7 {   position: relative;  z-index: 1; margin-top: -3.125%; padding-bottom: 8.85%; position: relative}
.index_part7 .map {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.index_part7 .address {
  padding-top: 11.2%;
}
.index_part7 .box {
  float: right;
  max-width: 4rem;
  width: 100%;
  position: relative;
  box-shadow: 0px 0px 68px 0px rgba(0, 0, 0, 0.13);
  z-index: 500;
}
.index_part7 .box .title {
  line-height: 1;
  padding: 7.5% 10%;
  font-size: 20px;
  color: #ffffff;
  background: url(../images/index_part7_titlebg.jpg) center center no-repeat;
}
.index_part7 .box .con {
  background-color: #fff;
  padding: 12.5% 10%;
}
.index_part7 .box h2 {
  color: #333333;
  margin-bottom: 6.25%;
}
.index_part7 .box .des {
  color: #999999;
  line-height: 1.75;
  font-weight: lighter;
  margin-bottom: 9.375%;
}
.index_part7 .box .des P:last-of-type {
  min-height: 5.25em;
}
.index_part7 .box .index_more_black a {
  width: 100%;
}
@media (max-width: 750px){
  .index_part7{margin-top: 0; padding-bottom: 0;}
  .index_part7 .map{position: relative;padding-top: 53.33%;}
  .index_part7 .address{padding: 0;}
  .index_part7 .box{width: 100%; max-width: none;}
  .index_part7 .box .title{background-size: cover; font-size: .3rem; line-height: .9rem; padding: 0 .6rem;}
  .index_part7 .box .con{padding: 0 .6rem; background-color: #f4f4f4; padding-bottom: .5rem; padding-top: .58rem;}
  .index_part7 .box h2{font-size: .32rem;font-weight: bold; margin-bottom: .2rem;}
  .index_part7 .box .des{font-size: .24rem; line-height: 1.667; color: rgb(153, 153, 153); margin-bottom: .4rem;}
  .index_part7 .box .des P:last-of-type{min-height: auto  ;}

}
.singlepage {
  padding: 5.21% 0;
  color: #333333;
}
.singlepage .content {
  font-weight: lighter;
  line-height: 2;
  text-align: justify;
}
.friendLinks {
  padding: 5% 0;
}
.friendLinks .item {
  width: 25%;
  padding: 0 2%;
  float: left;
  margin-bottom: 2%;
}
.friendLinks .item a {
  display: block;
  line-height: 60px;
  text-align: center;
  border: 1px solid #eee;
  transition: 0.3s;
  padding: 0 5px;
}
.friendLinks .item a:hover {
  background: #e60020;
  color: #fff;
}
@media (max-width: 768px) {
  .friendLinks .item {
    width: 33.33%;
  }
  .singlepage{
    padding: 2% 0;
  }
}
@media (max-width: 640px) {
  .friendLinks .item {
    width: 50%;
  }
  .friendLinks .item a {
    line-height: 50px;
  }

}
@media (max-width: 440px) {
  .friendLinks .item {
    width: 100%;
  }
}
.sitemap {
  padding: 5% 0;
}
.sitemap li {
  padding: 10px 0;
  border-bottom: dotted 1px #e4e4e4;
}
.sitemap li b {
  padding: 10px 0;
  display: block;
  font-size: 0.16rem;
  font-weight: normal;
}
.sitemap li span {
  opacity: 0.8;
  display: inline-block;
  white-space: nowrap;
  padding-right: 20px;
}
.search {
  padding: 5.21% 0;
}
.search .item {
  padding-right: 100px;
  border-bottom: 1px dashed #eee;
  position: relative;
}
.search .item a {
  line-height: 40px;
}
.search .item .time {
  position: absolute;
  width: 100px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.search .list {
  margin-bottom: 5%;
}
@media (max-width: 640px) {
  .search .item {
    padding-right: 75px;
  }
  .search .item .time {
    width: 70px;
    font-size: 12px;
  }
}
.right_menu {
  position: fixed;
  right: 2.1%;
  bottom: 20%;
  z-index: 19;
  display: none;
}
.right_menu  ul{
  display: none;
}
.right_menu li {
  position: relative;
  border-radius: 50%;
  background-color: #696969;
  margin-bottom: 5px;
}
.right_menu li a {
  width: 0.45rem;
  height:0.45rem;
  display: block;
  border-radius: 50%;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size: 60%;
  opacity: 0.8;
  margin-right: 0;
  padding-left: 0;
  transition: opacity 0.3s;
}
.right_menu li a:hover {
  opacity: 1;
  text-decoration: none;
}
.right_menu li.tel a {
  background-image: url(../images/icon_tel.png);
}
.right_menu li.weibo a {
  background-image: url(../images/icon_weibo.png);
}
.right_menu li.wechat a {
  background-image: url(../images/icon_wechat.png);
}
.right_menu li.mini a {
  background-image: url(../images/icon_mini.png);
}
.right_menu li.jd a {
  background-image: url(../images/icon_jd.png);
}
.right_menu li.tb a {
  background-image: url(../images/icon_tb.png);
}
.right_menu li.top a{
  background-image: url(../images/icon_gettop.png);
}
.right_menu li.top {
  background-color: #e60020;
}
/* .right_menu li.top a {
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: 100;
  opacity: 1;
  font-weight: bold;
  line-height: 1;
  padding-top: 0.2rem;
} */
.right_menu li .sub {
  position: absolute;
  right: 100%;
  top: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.04rem;
  background-color: #fff;
  width: 0;
  height: 0;
  transition: all 0.3s;
}
.right_menu li .sub img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}
.right_menu li:hover .sub {
  width: 1.1rem;
  height: 1.1rem;
}
.right_menu .btn{
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background-color: #e60020;
  padding: .1rem;
  margin-bottom: 5px;
}
.right_menu .btn  svg{
  width: 100%;
  height: 100%;
}
.right_menu .btn i{
  display: block;
  transition: .3s;
}
.right_menu .btn.active i{
  transform: rotate(45deg);
}
.right_menu .btn.top{
  padding: 0;
}
.right_menu .btn.top a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icon_gettop.png) center center no-repeat;
  background-size: 60%;
}
@media(max-width:1024px){
  .right_menu{display: none !important;}
}
#allmap img {
  max-width: none;
  max-height: none;
}

.mapbox #allmap .BMap_mask:before {
    content: '';
    position: absolute;
    z-index: 100;
    width: 20px;
    height: 25px;
    margin-left: -10px;
    margin-top: -12.5px;
    left: 50%;
    top: 50%;
    background: url(../images/marker_red_sprite.png) no-repeat center center;
}

.mapbox #allmap * {
    max-width: none;
}
.index_part7 #allmap .BMap_mask:before {
    content: '';
    position: absolute;
    z-index: 100;
    width: 20px;
    height: 25px;
    margin-left: -10px;
    margin-top: -12.5px;
    left: 50%;
    top: 50%;
    background: url(../images/marker_red_sprite.png) no-repeat center center;
}

.index_part7 #allmap * {
    max-width: none;
}

.qui-msg-box{margin: 80px 0 120px;position: relative;min-height: 700px;}
.qui-msg-box .quileft{position: absolute;width: 33.75%;left: 0;top: 0;height: 100%;background: center no-repeat;background-size: cover;font-size: 0.16rem;color: #fff;padding: 50px 40px;line-height: 2.5;}
.qui-msg-box .quiright{width: 66.25%;position: absolute;right: 0;top: 0;background: url(../images/zxlybg.jpg) center no-repeat;background-size: cover;height: 100%;padding: 60px 20px 20px;}


.qui-formbox{max-width: 550px;margin: 0 auto;font-size: 0.16rem;font-weight: 100;}
.qui-formbox .h3{font-size: 36px;color: #333;font-weight: 500;line-height: 1;margin-bottom: 0.16rem;text-align: center;}
.qui-formbox .p{text-align: center;color: #999;line-height: 1.4;margin-bottom: 40px;}
.qui-formbox .li{margin-bottom: 20px;}
.qui-formbox .quitt{float: left;line-height: 24px;padding-top: 15px;}
.qui-formbox .quiint{margin-left: 95px;}
.qui-formbox .qui-text{display: block;width: 100%;line-height: 54px;height: 54px;border: 1px solid #eee;padding: 0 20px;}
.qui-formbox textarea.qui-text{height: 120px;line-height: 22px;padding: 15px 20px;resize:none;}
.qui-btn-fm{display: block;width: 100%;cursor: pointer;color: #fff!important;background: #e5001f;line-height: 0.54rem;border: 0;font-size: 0.16rem;}
@media (max-width: 1024px) {
.qui-msg-box{margin: 30px 0;}
.qui-msg-box .quileft{line-height: 1.875;padding: 25px 20px;}
.qui-msg-box .quileft pre{white-space: normal;}

}
@media (max-width: 740px) {
.qui-msg-box{min-height: 0;}
.qui-msg-box .quileft{width: 100%;position: relative;}
.qui-msg-box .quiright{position: relative;width: 100%;padding: 40px 20px;}
.qui-formbox .h3{font-size: 22px;margin-bottom: 10px;}
.qui-formbox .p{margin-bottom: 30px;}

.qui-formbox .li{margin-bottom: 2vw;}
.qui-formbox .quiint{margin-left: 80px;}

}

.qui-nobg .header{background: transparent!important;}
.qui-nobg .header:hover{background-color: #fff !important;}
.qui-top-abt{position: absolute;width: 100%;left: 0;top: 0;z-index: 99;}
.qui-logbg{background: center no-repeat;background-size: cover;min-height: 100vh;position: relative; padding: 1rem 0; padding-top: 2.36rem; overflow: hidden;}
.qui-logform{max-width: 4.4rem;width: 100%; float: right; margin-right: 8.3333%; font-weight: 100;max-height: 96%;overflow: auto;}
.qui-logform .qui-divbox{background: #fff;padding: 0.6rem 0.4rem;}
.qui-logform .h3{font-size: 0.36rem;color: #333;font-weight: 500;line-height: 1.2;}
.qui-logform .p{font-size: 0.18rem;color: #adadad;line-height: 1.7;margin: 0.16rem 0 0.3rem;}
.qui-logform .li{margin-top: 0.16rem;position: relative;}
.qui-logform .liBtn{margin-top: 0.4rem;}
.qui-logform .qui-text{display: block;width: 100%;padding: 0 15px;border: 0;border-bottom: 1px solid #eee;height: 0.54rem;line-height: 0.54rem;font-size: 0.16rem;font-weight: 100;}
.qui-logform .liName .qui-text{padding-left: 0.36rem;background: url(../images/lgico_name.png) left center no-repeat; background-size: auto 50% ;}
.qui-logform .liMm .qui-text{padding-left: 0.36rem;background: url(../images/lgico_mm.png) left center no-repeat;background-size: auto 50% ;}
.qui-logform .qui-tips{margin-top: 0.3rem;text-align: justify;font-size: 0.14rem;line-height: 2.14285714286;color: #fff;}
@media (max-width: 1024px) {
.qui-logbg{min-height: 100vh;}

}
@media (max-width: 640px) {
.qui-logbg{padding: 80px 2vw 40px;}
.qui-logform{position: relative;left: 0;right: 0;transform: translateY(0%);-webkit-transform: translateY(0%);    max-width: 90%; margin: 0 auto; float: none;}
.qui-logform .qui-divbox{padding: 40px 20px;}
.qui-logform .h3{font-size: 30px;}
.qui-logform .qui-text,
.qui-btn-fm{ font-size: 14px;}
.qui-logform .p{font-size: 14px;margin: 10px 0 20px;}
.qui-logform .qui-tips{ font-size: 14px;}
}

.qui-pic{display: block;position: relative;height: 0;}
.qui-pic img{position: absolute;width: 100%;left: 0;top: 0;min-height: 100%;}

.qui-imgbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: center no-repeat;background-size: cover;}

.qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.qui-hover:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.qui-ty-box{padding-bottom: 30px;}
.qui-ty-box .ULLIST{margin: -20px;overflow: hidden;}
.qui-ty-box .ULLIST .li{width: 50%;float: left;padding: 20px;}
.qui-ty-box .ULLIST .li .qui-hover{display: block;overflow: hidden;}
.qui-ty-box .ULLIST .li .qui-pic{padding-bottom: 51.28%;}
.qui-ty-box .ULLIST .li .quitt{padding: 40px;position: absolute;z-index: 5;left: 0;bottom: 0;color: #fff;font-size: 30px;font-weight: 500;background: url(../images/ttbg.png) bottom left no-repeat;width: 100%;}

.qui-mainbox{padding: 80px 0 120px;}

.qui-order-list .quirrr{float: right;}
.qui-order-list .quilll{float: left;}
.qui-order-list .qui-topdiv{border-bottom: 1px solid #eee;padding-bottom: 20px;line-height: 50px;}
.qui-order-list .quitabtt{font-size: 0;}
.qui-order-list .quitabtt .quia{display: inline-block;vertical-align: top;font-size: 0.16rem;color: #333;padding-left: 34px;background: left center no-repeat;border-bottom: 3px solid transparent;padding-bottom: 20px;padding-top: 20px;margin: -20px 0;margin-right: 74px;position: relative;}
.qui-order-list .quitabtt .quia i{position: absolute;left: 20px;top: 24px;min-width: 0.16rem;text-align: center;line-height: 0.16rem;border-radius: 8px;color: #fff;background: #fa6c06;font-style: normal;font-size: 12px;}
.qui-order-list .quitabtt .quia1{background-image: url(../images/odico1.png);}
.qui-order-list .quitabtt .quia2{background-image: url(../images/odico2.png);}
.qui-order-list .quitabtt .quia3{background-image: url(../images/odico3.png);padding-left: 44px;}
.qui-order-list .quitabtt .quia.on{border-bottom-color: #e5001f;}

.qui-order-list .qui-search{width: 500px;position: relative;}
.qui-order-list .qui-search .qui-text{display: block;width: 100%;border: 0;background: #f7f7f7 url(../images/ssbtn.png) 18px center no-repeat;padding: 0 110px 0 42px;height: 50px;line-height: 50px;display: block;font-size: 0.16rem;font-weight: 100;}
.qui-order-list .qui-search .quibtn{color: #fff;text-align: center;width: 100px;line-height: 50px;cursor: pointer;background: #000;position: absolute;right: 0;top: 0;z-index: 2;font-weight: 100;font-size: 0.16rem;}

.qui-col-33{color: #333!important;}
.qui-col-66{color: #666!important;}
.qui-col-99{color: #999!important;}
.qui-col-red{color: #e5001f!important;}

.qui-order-list .ULLIST{padding-bottom: 80px;padding-top: 40px;}
.qui-order-list .ULLIST .li{border: 1px solid #eee;border-bottom: none;line-height: 20px;font-size: 0.16rem;color: #999;font-weight: 100;}
.qui-order-list .ULLIST .li:not(:last-child){margin-bottom: 40px;}
.qui-order-list .ULLIST .li .quidiv1{padding: 20px 30px;background: #f5f5f5;overflow: hidden;}
.qui-fl{float: left;}
.qui-fr{float: right;}
.qui-order-list .ULLIST .li .quidiv2{height: 170px;text-align: center;border-bottom: 1px solid #eee;width: 100%;}
.qui-order-list .ULLIST .li .quidiv2 .qui{border-right: 1px solid #eee;padding: 20px 30px;}
.qui-order-list .ULLIST .li .quidiv2 .qui4{border-right: 0;width: 33%;}
.qui-order-list .ULLIST .li .quidiv2 .qui1{width: 33%;text-align: left;}
.qui-order-list .ULLIST .li .quidiv2 h3{color: #333;font-size: 18px;font-weight: 500;margin-bottom: 8px;}

.qui-order-list .ULLIST .li td{font-size: 0.16rem;border-bottom: 1px solid #eee;}

.qui-order-list .ULLIST .li em{font-style: normal;color: #333;}
.qui-order-list .ULLIST .li .quidiv1 .qui-fl .span{padding-right: 40px;}

.qui-order-list .ULLIST .li .quidh{display: inline-block;vertical-align: middle;text-align: left;margin: 2px 20px;}
.qui-order-list .ULLIST .li .quia{display: inline-block;vertical-align: middle;min-width: 120px;padding: 0 20px;text-align: center;line-height: 40px;color: #fff;font-size: 0.16rem;background: #000;border-radius: 40px;margin: 2px 20px;}

.qui-order-list .quitabtt .quia:last-child{margin-right: 0;}

.qui-bg50{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(0, 0, 0, .5);display: none;}
.qui-logistics{position: fixed;z-index: 998;background: #fff;max-width: 540px;width: 96%;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
.qui-logistics .quitt{font-size: 20px;background: #000;color: #fff;line-height: 30px;padding: 20px 30px;position: relative;}
.qui-logistics .quicls{width: 20px;height: 20px;right: 30px;background: url(../images/clsico.png) center no-repeat;top: 50%;margin-top: -10px;position: absolute;}
.qui-logistics .quitop{padding: 30px 30px;background: #f5f5f5;color: #999;font-size: 14px;}
.qui-logistics .quitop h3{font-size: 0.16rem;font-weight: normal;color: #333;margin-bottom: 6px;}
.qui-logistics .quitop p{font-weight: 100;}
.qui-logistics .quitop .qui2{width: 35%;text-align: right;color: #e5001f;}

.qui-logistics .quibox{padding: 40px 30px;}
.qui-logistics .quibox time{width: 80px;position: relative;}
.qui-logistics .quibox time:after{content: '';width: 6px;height: 6px;background: #ddd;border-radius: 50%;position: absolute;top: 50%;margin-top: -3px;left: 56px;z-index: 2;}
.qui-logistics .quibox .ULLIST{position: relative;}
.qui-logistics .quibox .ULLIST:after{background: #f5f5f5;width: 2px;height: 100%;content: '';position: absolute;left: 58px;top: 0;}
.qui-logistics .quibox .li{padding: 12px 0;color: #999;}
.qui-logistics .quibox .li .quiinfo{font-size: 0.16rem;line-height: 1.75;text-align: justify;}
.qui-logistics .quibox .quinew{color: #333;}
.qui-logistics .quibox .quinew time:after{background: #e5001f;border: 4px solid #fce6e9;left: 52px;}
.qui-logistics .quibox .qui-gdt{overflow: auto;max-height: calc(100vh - 300px);padding-right: 4px;}

/*滚动条样式*/
.qui-gdt::-webkit-scrollbar{width:5px;}
.qui-gdt::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui-gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.qui-gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.qui-gdt::-webkit-scrollbar-thumb:active{background-color:#666}


.qui-down-list .qui-steptt select{appearance: none;-webkit-appearance: none;background: #f7f7f7 url(../images/selectbg.png) no-repeat scroll 92% center;border: 0;padding-right: 14px;width: 200px;display: inline-block;vertical-align: middle;line-height: 50px;height: 50px;padding-left: 20px;font-size: 0.16rem;color: #333;margin-left: 15px;}
.qui-down-list .qui-steptt{margin: 23px 0 5px;font-weight: 500;color: #333;font-size: 20px; line-height: 60px;}
.qui-down-list .qui-steptt span{float: left;}
.qui-down-list .qui-steptt .search_box{float: right; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-right: 40px; position: relative;}
.qui-down-list .qui-steptt .search_box .text{border: 0; height: 50px; line-height: 50px; width: 200px; display: block;}
.qui-down-list .qui-steptt .search_box .btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/iocn_search3.png) center center no-repeat; }
.qui-down-list .qui-divbox1{margin-bottom: 90px;position: relative;}
.qui-down-list .qui-divbox2{margin-bottom: 120px;}
.qui-down-list .qui-divbox1 .CarList{overflow: hidden;transition:all 0.5s;}
.qui-down-list .qui-divbox1 .CarList:not(.show_all){height: 146px;}
.qui-down-list .qui-divbox1 .ULLIST{border-top: 1px solid #b2b2b2;border-bottom: 1px solid #eee;font-size: 0;padding-right: 106px; }
.qui-down-list .qui-divbox1 .ULLIST.on{}
.qui-down-list .qui-divbox1 .ULLIST .li{width: 12.5%;display: inline-block;vertical-align: top;padding: 15px 5px;cursor: pointer;border-bottom: 2px solid transparent;font-weight: 100;}
.qui-down-list .qui-divbox1 .ULLIST .li .qui-pic{padding-bottom: 85px;margin: 0 auto;}
.qui-down-list .qui-divbox1 .ULLIST .li .qui-imgbg{background-size: contain;}
.qui-down-list .qui-divbox1 .ULLIST .li .quitt{font-size: 0.16rem;color: #333;text-align: center;margin-top: 6px;}
.qui-down-list .qui-divbox1 .ULLIST .li.on{border-bottom-color: #e5001f;}
.qui-down-list .qui-divbox1 .quimm{font-size: 18px;color: #999;padding-right: 34px;background: url(../images/more_bg.png) right center no-repeat;line-height: 34px;position: absolute;right: 0;bottom: 0;line-height: 144px;display: none;}
.qui-down-list .qui-divbox1 .quimm.on{background-image: url(../images/more_bg3.png);}

.qui-down-list .qui-divbox2 .quirrr{float: right;width: 37.5%;}
.qui-down-list .qui-divbox2 .quirrr .qui-pic{padding-bottom: 106.666666667%;}
.qui-down-list .qui-divbox2 .quirrr .qui-imgbg{background-size: contain;}
.qui-down-list .qui-divbox2 .quilll{float: left;width: 55%;}
.qui-down-list .qui-divbox2 .quibtn{text-align: center;padding-top: 30px;}
.qui-btn-df{display: inline-block;vertical-align: top;min-width: 160px;padding: 0 20px;line-height: 40px;font-size: 0.16rem;background: #000;color: #fff!important;text-align: center;border-radius: 40px;}

.qui-down-list .qui-divbox2 .quitabtt{overflow: hidden;margin-bottom: 20px;}
.qui-down-list .qui-divbox2 .quitabtt .quia{display: block;width: 50%;float: left;text-align: center;padding: 0 10px;font-size: 0.16rem;color: #333;line-height: 70px;background: #f7f7f7;}
.qui-down-list .qui-divbox2 .quitabtt .quia.on{color: #fff;background: #e5001f;}
.qui-down-list .qui-divbox2 .ULLIST .li{position: relative; overflow: hidden;}
.qui-down-list .qui-divbox2 .ULLIST .li .qui-hover{color: #333;font-size: 0.16rem;font-weight: 100;line-height: 50px;display: block;cursor: pointer;}
.qui-down-list .qui-divbox2 .ULLIST .li:after{content: '';position: absolute;width: 100%;left: 0;top: 50%;background: url(../images/downbg.png) left center repeat-x;height: 2px;z-index: 0;}
.qui-down-list .qui-divbox2 .ULLIST .li .i{float: right;font-style: normal;position: relative;z-index: 1;width: 90px; line-height: 50px;}
.qui-down-list .qui-divbox2 .ULLIST .li .i a{display: block;background:#fff url(../images/dico1.png) 28px center no-repeat;padding-left: 58px;}
.qui-down-list .qui-divbox2 .ULLIST .li .i a:hover{background-image: url(../images/dico1-on.png);}
.qui-down-list .qui-divbox2 .ULLIST .li .qui-video .i{background-image: url(../images/dico2.png);}
.qui-down-list .qui-divbox2 .ULLIST .li .qui{background: #fff;position: relative;z-index: 1;display: inline-block;vertical-align: top;max-width: calc(100% - 200px);padding-right: 5px; float: left;}
.qui-down-list .qui-divbox2 .ULLIST .li a:hover{color: #e5001f;}
.qui-down-list .qui-divbox2 .ULLIST .li *{font-style: normal;}

.qui-pop-video video{position: fixed;z-index: 998;background: #000;max-width: 800px;width: 96%;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%)}
.qui-pop-video .quicls{width: 48px;height: 48px;background:#000 url(../images/clsico.png) center no-repeat;position: absolute;right: 0;top: 0;z-index: 10;}


@media (max-width: 1680px) {
.qui-ty-box .ULLIST .li{padding: 1%;}
.qui-ty-box .ULLIST{margin: -1%;}
}
@media (max-width: 1024px) {
.qui-mainbox{padding: 40px 0;}
.qui-order-list .ULLIST{padding: 30px 0;}
.qui-order-list .ULLIST .li:not(:last-child){margin-bottom: 20px;}
.qui-order-list .quitabtt .quia{border-bottom-width: 2px;margin-right: 26px;}
.qui-order-list .ULLIST .li .quidiv2{height: 140px;}
.qui-order-list .qui-search{width: 400px;}

.qui-down-list .qui-divbox1 .ULLIST .li .qui-pic{padding-bottom: 65px;}

.qui-down-list .qui-divbox1 .quimm{font-size: 0.16rem;line-height: 122px;}
.qui-down-list .qui-divbox1 .ULLIST .li .quitt{font-size: 14px;}
.qui-down-list .qui-divbox1 .CarList:not(.show_all){height: 125px;}

.qui-down-list .qui-steptt{margin: 40px 0 20px;font-size: 18px;}
.qui-down-list .qui-divbox1{margin-bottom: 40px;}

.qui-down-list .qui-divbox2 .quilll{width: 60.5%;}
.qui-down-list .qui-divbox2{margin-bottom: 40px;}
.qui-down-list .qui-divbox2 .quibtn{padding-top: 20px;}
.qui-down-list .qui-divbox2 .ULLIST .li .qui-hover{line-height: 42px;}
.qui-down-list .qui-divbox2 .quitabtt .quia{line-height: 50px;}
.qui-down-list .qui-steptt .search_box .text{width: 2rem;}
}
@media (max-width: 1000px) {
.qui-logbg2{min-height: 0;padding: 80px 0 40px;}
.qui-ty-box{padding: 0;}
.qui-ty-box .ULLIST .li .quitt{padding: 20px;font-size: 20px;background-size: auto 4px;}

.qui-order-list .ULLIST .li .quidiv2 .qui{padding: 12px 15px;}
.qui-order-list .ULLIST .li .quidiv1{padding: 12px 15px;}
.qui-order-list .ULLIST .li .quidiv1 .qui-fl .span{padding-right: 20px;}
.qui-order-list .ULLIST .li .quidiv2 h3{font-size: 0.16rem;margin-bottom: 4px;}
.qui-order-list .ULLIST .li{font-size: 14px;}
.qui-order-list .ULLIST .li td{font-size: 14px;}

.qui-down-list .qui-divbox1 .ULLIST .li{width: 16.6666666667%;}

}
@media (max-width:760px) {
.qui-order-list .quilll{float: none;text-align: center;}
.qui-order-list .quirrr{float: none;text-align: center;}

.qui-order-list .qui-search{max-width: 400px;width: 100%;margin: 0 auto 20px;}

.qui-wapbox{overflow: auto;}
/* .qui-order-list .ULLIST{min-width: 700px;} */

.qui-down-list .qui-divbox2 .quirrr{width: 100%;max-width: 600px;float: none;}
.qui-down-list .qui-divbox2 .quilll{width: 100%;float: none;margin-top: 20px;}

.qui-down-list .qui-divbox2 .ULLIST .li .qui{max-width: calc(100% - 100px);}
.qui-down-list .qui-divbox2 .ULLIST .li .i{width: auto;padding-left: 40px;background-position: 12px center;font-size: 14px;}

.qui-down-list .qui-steptt select{/*display: block;margin-left: 0;margin-top: 15px;*/width: 100px;background-position: 90% center;padding-left: 12px;}



}
@media (max-width:760px) {
  .qui-down-list .qui-steptt{font-size: .18rem;}
}
@media (max-width:640px) {

.qui-ty-box .ULLIST .li{width: 100%;}
.qui-order-list .ULLIST .li .quidiv1 .qui-fl,
.qui-order-list .ULLIST .li .quidiv1 .qui-fr{ float: none;}
.qui-order-list .ULLIST .li .quidiv1 .qui-fl .span{ display: block;padding-right: 0;}
.qui-order-list .qui-search .qui-text{background: #f7f7f7;padding-left: 15px;padding-right: 100px;}
/* .qui-order-list .ULLIST{min-width: 730px;} */
.qui-order-list .quitabtt .quia{background-size: auto 24px;margin: -20px 6px;line-height: 30px;}
.qui-order-list .qui-topdiv{padding-bottom: 0;}
.qui-order-list .ULLIST .li td{ width: 17%;}
.qui-order-list .ULLIST .li .quidiv2{height: 100px;}
.qui-order-list .ULLIST .li .quidh{margin: 2px 5px;}
.qui-order-list .ULLIST .li .quia{margin: 2px 5px; min-width: auto; padding: 0 10px; line-height: 30px;}
.qui-order-list .ULLIST .li .quidiv2 .qui{ padding:7px 2px;}
.qui-order-list .ULLIST .li .quidiv2 .qui em{ display: block;}
.qui-order-list .ULLIST .li .quidiv2 .qui1{ width: 20%;}


.qui-order-list .qui-search .quibtn{width: 90px;}
.qui-order-list .quitabtt .quia i{top: 12px;}

.qui-logistics .quitt{padding: 15px 20px;}
.qui-logistics .quitop{padding:15px 20px;}
.qui-logistics .quitop .qui2{width: 80px;}
.qui-logistics .quibox{padding: 20px;}
.qui-logistics .quibox .li .quiinfo{font-size: 14px;}


.qui-down-list .qui-divbox1 .ULLIST .li{width: 33.33333333%;}
.qui-down-list .qui-divbox1 .quimm{ width: 75px;padding: 0;}
.qui-down-list .qui-divbox1 .ULLIST{padding-right: 85px;}
.qui-down-list .qui-divbox2 .ULLIST .li .qui{ font-size: 14px;}
.qui-down-list .qui-divbox2 .ULLIST .li .qui-hover{ font-size:13px; font-weight: normal;}

}

.sub_menu{ text-align: center; padding-top:6%; padding-bottom:4%}
.sub_menu li{ display: inline-block; padding: 0 1%}
.sub_menu li a{ min-width: 180px; line-height: 60px; padding: 0px 10px; display: block; border: solid 1px #eeeeee; transition: 0.5s}
.sub_menu li a:hover,
.sub_menu li.aon a{ color: #fff; border-color: #000000; background: #000000}
@media (max-width:768px) {
.sub_menu li a{ min-width: 140px; line-height:40px;}
}

.news_list{ padding-bottom: 4%}
.news_list .list{ padding-bottom: 2%}
.news_list ul li{ float: left; margin-bottom: 3%; position: relative;}
.news_list ul li::before{ content: ''; position: absolute; height: 2px; bottom: 0; left: 0; background-color: #e60020; transition: all 0.5s; width: 0;}
.news_list ul li .pic a{ padding-bottom:66%; position: relative; overflow: hidden; display: block;}
.news_list ul li .pic a i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.news_list ul li .pic a::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 1;}
.news_list ul li .pic a::before{ content: ''; position: absolute; width: 40px; height: 40px; background: url(../images/play_icon.png) no-repeat center; right: 5%; bottom: 5%; z-index: 2; }
.news_list ul li .pic img{ display: none}
.news_list ul li .txt{ padding: 4% 5% 8% 5%; border-bottom: solid 1px #f5f5f5; }
.news_list ul li .txt h3{ line-height: 36px; /*height: 72px;*/ font-weight: normal}
.news_list ul li .txt p{ margin: 2% 0; line-height: 30px; /*height: 60px;*/ color: #666666}
.news_list ul li .time{ color: #666666;}
.news_list ul li:hover::before{ width: 68%;}
.news_list ul li:hover .txt h3 a{ color: #e60020;}
.news_list ul li:hover .pic a i{-webkit-transform: scale(1.2); transform: scale(1.2);}
/* .news_list ul li .time{ padding: 5% 8%; background: #f5f5f5; transition: 0.5s}
.news_list ul li .time a{ float: right; padding-left: 32px; background: url("../images/icon.png") no-repeat left}
.news_list ul li .time,
.news_list ul li .time a{ color: #666666}
.news_list ul li:hover .time{ background: #e60020}
.news_list ul li:hover .time,
.news_list ul li:hover .time a{ color: #fff}
.news_list ul li:hover .time a{background-image: url("../images/icon2.png")} */
@media (min-width:768px) {
.news_list ul li{ width:31.25%; margin-left: 3.125%;}
.news_list ul li:nth-child(3n+1){ margin-left: 0; clear: both}
}
@media (max-width:769px) {
.news_list ul li{ width:49%; margin-left:2%;}
.news_list ul li:nth-child(2n+1){ margin-left: 0; clear: both}
.news_list ul li .txt h3{ line-height: 26px;/* height: 52px;*/}
.news_list ul li .txt p{ line-height: 22px; /*height: 44px;*/}
}

.news_info{ line-height: 30px;}
.news_info .title h1{ font-weight: normal}
.news_info .title time{ display: block; padding: 2% 0; color: #666666;}
.news_info .article{ line-height: 30px; padding:4% 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee}
.news_info .other{ padding-top: 3%;}
.news_info .other .back{ display: block; float: right; color: #fff; background: #000; width: 180px; line-height: 60px; text-align: center}
.news_info .other .back:hover{background: #e60020;}

.news_info .fl_box{ float: left; width: 68.75%}
.news_info .fr_box{ float: right; width: 25%}
.news_info .fr_box .sub{ font-weight: bold; color: #e60020; padding-bottom:3%}
.news_info .fr_box ul li{ color: #999; padding:8%;}
.news_info .fr_box ul li a{ color: #333}
.news_info .fr_box ul li h3{ font-weight: normal; margin: 2% 0;}
.news_info .fr_box ul li:nth-child(odd){background-color: #f8f8f8}
.news_info .fr_box ul li:nth-child(even){ background-color: #fdfdfd}
.news_info .fr_box ul li:hover{ color: #fff; background-color: #e60020}
.news_info .fr_box ul li:hover a{color: #fff; }
.news_info .fr_box ul li:hover time,
.news_info .fr_box ul li:hover p{ opacity: 0.8}

@media (max-width:769px) {
.news_info .other .back{width: 110px; line-height:40px;}
.news_info .fl_box,
.news_info .fr_box{ float: right; width:100%}
.news_info .fr_box{ padding: 3% 0}
.news_info .fr_box .sub{ padding:1%; color: #fff; background: #e60020}
.news_info .fr_box ul li{ padding:1%}
.news_info .fr_box ul li h3{ margin: 0;-webkit-line-clamp: 1;}
.news_info .fr_box ul li time{ float: right}
.news_info .fr_box ul li p{ display: none}
}

.zoomimg .pic{ overflow: hidden}
.zoomimg .ispic{ display: block; background: no-repeat center center; background-size: cover;
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .ispic{
  -webkit-transform:scale(1.2);transform:scale(1.2)
}

.download_nav{padding: 2% 0; font-size: 0; margin-left: -0.16rem; margin-right: -0.16rem;}
.download_nav a{width: calc(33.33% - 0.32rem); margin: 0 .16rem .05rem;  max-width: 150px; display: inline-block; font-size: 0.16rem; text-align: center; line-height: 60px;  background-color: #eee; font-weight: lighter; transition: .3s;}
/* .download_nav a:nth-of-type(3n){margin-right: 0;} */
.download_nav a:hover,
.download_nav a.active{background-color: #e5001f; color: #fff;}
@media (max-width:768px){
  .download_nav a{line-height: 40px; font-size: 14px;}
  .download_nav a{max-width: none;}
}

.job_list {
  margin-bottom: 5%;
}
.job_list .type {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 0.16rem;
  color: #666666;
}
.job_list .type li {
  display: table-cell;
  padding: .18rem .15rem;
  text-align: center;
  font-size: 0.18rem;
}
.job_list .type li:first-child {
  width: 25%;
}
.job_list .type .more {
  padding-right: 50px;
}
.job_list .type .more span {
  display: block;
  position: relative;
}
.job_list .type .more span::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 7px solid transparent;
  border-right-color: #d3d3d3;
}
.job_list .type.active {
  background-color: #d7cdd0;
  color: #fff;
}
.job_list .type.active .more span::before {
  border-right-color: transparent;
  border-top-color: #fff;
  margin-top: 3.5px;
}
.job_list > .type {
  background-color: #e60020;
  color: #fff;
  font-size: 18px;
}
.job_list .list {
  border-bottom: 1px solid #e1e3e6;
}
.job_list .con {
  background-color: #f7f7f7;
  padding: 5%;
  line-height: 28px;
  font-size: 15px;
  color: #666666;
  display: none;
}
.job_list .con .tit {
  font-size: 18px;
  color: #7b1736;
  font-weight: normal;
  margin-bottom: 10px;
}
.job_list .con .Btn {
  line-height: .5rem;
  font-size: 0.16rem;
  padding: 0 .3rem;
  color: #fff;
  background-color: #e60020;
  border-radius: 25px;
  display: inline-block;
  margin: 5% 0 0;
}
.job_list .con .Btn::before{
  content: '';
  width: .18rem;
  height: .22rem;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/qcwy.png) center center no-repeat;
  background-size: contain;
}
.job_list .con .Btn span{
  display: inline-block;
  vertical-align: middle;
  margin-left: .1rem;
}
@media (max-width: 1000px) {
  .job_list .type {
    font-size: 15px;
  }
  .job_list .type .more {
    padding-right: 20px;
  }
}
@media (max-width: 640px) {
  .job_list .type li {
    padding: 10px 5px;
  }
  .job_list .type li:first-child {
    /* width: 45%; */
  }
  .job_list .type li:nth-child(3),
  .job_list .type li:nth-child(4) {
    display: none;
  }
  .job_list .type .more span::before {
    right: -15px;
  }
  .job_list .con .Btn {
    /* line-height: .4rem; */
    font-size: .24rem;
  }
}
.Form002219_2 {
  padding: 0;
}
.Form002219_2 dl {
  width: 48%;
  float: left;
  padding-left: 95px;
  min-height: 40px;
  position: relative;
  margin-bottom: 15px;
  max-width: 420px;
}
.Form002219_2 dl.odd {
  margin-left: 4%;
}
.Form002219_2 dl.dl {
  width: 100%;
  float: none;
  max-width: none;
}
.Form002219_2 dt {
  color: #5b5b5b;
  font-size: 0.16rem;
  position: absolute;
  left: 0;
  width: 80px;
  text-align: right;
  line-height: 50px;
}
.Form002219_2 .text {
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  width: 100%;
  padding: 0 10px;
  line-height: 50px;
  height: 50px;
  color: #5b5b5b;
}
.Form002219_2 .btn {
  display: inline-block;
  line-height: 50px;
  min-width: 140px;
  background-color: #e60020;
  color: #fff;
  font-size: 0.16rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 2% auto 0;
}
@media (max-width: 640px) {
  .Form002219_2 dl {
    float: none;
    width: 100%;
    margin-left: 0 !important;
  }
  .Form002219_2 .btn {
    width: 48%;
    margin-right: 2%;
    float: left;
    display: block;
    min-width: 2px;
  }
  .Form002219_2 .placeholder .webuploader-pick {
    padding: 0 20px;
  }
  .Form002219_2 .wu-example p + div {
    word-break: break-word;
  }
}
/* 栏目页标题 */
.col_title{text-align: center; margin-bottom: 5%;}

.col_title_cn{line-height: 1; }


@media(max-width:1024px){
    .col_title_cn{font-size: 20px;}
}

.placeholder .webuploader-pick{
  background-color: #e60020 !important;
}


/* 品牌故事 */
.brand_part1{margin-bottom: 3.125%;}
.brand_part1 .ytable{height: 26.04vw; padding: 5.625%; font-size: .16rem; color: rgb(255, 255, 255); line-height: 2.25; font-weight: lighter;}
.brand_part1 .ytable pre{width: 50%;}
@media(min-width:1921px){
  .brand_part1 .ytable{height: 500px;}
}
@media(max-width:1024px){
  .brand_part1 .ytable pre{width: 80%;}
}
.brand_part2{background-position: center bottom;padding-bottom: 5%;}
.brand_part2 .pic{width: 59.625%;}
/* .brand_part2 .txt{ vertical-align: top;} */
.brand_part2 .txt .title{color: rgb(230, 0, 32);background: url(../images/brand_part2_title.png) left bottom no-repeat; padding-bottom: 5px; padding-left: 6.2%; margin-bottom: 3.1%;}
.brand_part2 .txt .content{padding-left: 6.2%; font-size: .16rem;color: rgb(102, 102, 102);line-height: 1.875;}

@media(max-width:768px){
  .brand_part2 .ytable,
  .brand_part2 .ytable-cell{display: block; width: 100%;}
}
.brand_part3{padding-bottom: 7.8125%;}


/* 纯正品质 */
.quality_part1{padding-bottom: .9rem; border-bottom: 1px solid #eee; margin-bottom: 6.25%;}
.quality_part1 .left{float: left; width: 51.875%; padding-right: 1.2rem;padding-top: .35rem; }
.quality_part1 .right{float: left; width: 48.125%;}
.quality_title{font-size: .24rem;color: rgb(51, 51, 51);line-height: 1.167; margin-bottom: .1rem;}
.quality_des{font-size: .16rem;color: rgb(153, 153, 153); line-height: 1.75; font-weight: lighter;}
.quality_part1 .left .list{padding-top: .32rem;}
.quality_part1 .left .item{margin-bottom: .35rem;}
.quality_part1 .left .icon{width: 60px;height: 60px; border-radius: 6px; border: 1px solid #eee; position: relative; float: left;}
.quality_part1 .left .icon img{position: absolute;left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.quality_part1 .left .txt{width: calc(100% - 60px); padding-left: .2rem; float: left;}
.quality_part1 .left .txt h2{font-size: .2rem;margin-bottom: .1rem;}
.quality_part1 .left .txt pre{ font-size: .16rem;color: rgb(153, 153, 153); line-height: 1.75; font-weight: lighter;}

.quality_part1 .right .item{width: 49.35%; float: left; position: relative; margin-bottom: .1rem;overflow: hidden;}
.quality_part1 .right .item:nth-of-type(2n){float: right;}
.quality_part1 .right .item img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: .3s;}
.quality_part1 .right .item h2{position: absolute;left: 0; bottom: 0; width: 100%; color: #fff;font-size: .2rem;line-height: 1; padding: .2rem;}

.quality_part1 .right .item:nth-of-type(1){padding-top: 36.36%;}
.quality_part1 .right .item:nth-of-type(2){padding-top: 46.75%;}
.quality_part1 .right .item:nth-of-type(3){padding-top: 46.75%;}
.quality_part1 .right .item:nth-of-type(4){padding-top: 36.36%;}

.quality_part1 .right .item:hover img{transform: scale(1.1);}
@media(max-width:750px){
  .quality_part1 .left,
  .quality_part1 .right{float: none; width: 100%;}
  .quality_part1 .left .icon{width: .6rem;height: .6rem; min-width: 40px; min-height: 40px;}
}
.quality_part2 .top_wrap{margin-bottom: 5%;}
.quality_part2 .top_wrap .left{padding-right: 1.4rem;}
.quality_part2 .top_wrap .right{font-size: 0;}
.quality_part2 .top_wrap .right .item{width: calc(50% - 0.05rem); color: rgb(255, 255, 255); text-align: center; display: inline-block; padding: .65rem 0; position: relative;}
.quality_part2 .top_wrap .right h2{font-size: .2rem;line-height: 1.4; font-weight: normal; margin-bottom: .1rem; position: relative; z-index: 5;}
.quality_part2 .top_wrap .right h3{font-size: .16rem;color: rgb(255, 255, 255); line-height: 1.75; font-weight: lighter;position: relative; z-index: 5;}


.quality_part2 .top_wrap .right .item::before{content: ''; width: calc(100% - .2rem); position: absolute; height: 100%; left: 0; top: 0; background-color: #34353b;}
.quality_part2 .top_wrap .right .item::after{content: ''; width: .4rem; height: 100%; background-color: #34353b; position: absolute; right: -0.2rem; top: 0; transform: skewX(-10deg); transform-origin: right top;}

.quality_part2 .top_wrap .right .item:nth-of-type(even){float: right;}
.quality_part2 .top_wrap .right .item:nth-of-type(odd){float: left;}
.quality_part2 .top_wrap .right .item:nth-of-type(2n)::before{left: auto; right: 0;}
.quality_part2 .top_wrap .right .item:nth-of-type(2n)::after{left: 0.2rem; right: auto;}

.quality_part2 .top_wrap .right .item:first-of-type::before{background-color: #e50012;}
.quality_part2 .top_wrap .right .item:first-of-type::after{background-color: #e50012;}
@media(max-width:750px){
  .quality_part2 .top_wrap .ytable,
  .quality_part2 .top_wrap .right,
  .quality_part2 .top_wrap .left{width: 100%; display: block;}
  .quality_part2 .top_wrap .left{padding-right: 0;}
}
.quality_part2{padding-bottom: 7.5%;}
.quality_part2 .list{margin-left: -0.25rem; margin-right: -0.25rem;}
.quality_part2 .list .item{padding: 0 .25rem; position: relative;}
.quality_part2 .list .pic{overflow: hidden;}
.quality_part2 .list .bg_cover{padding-top: 52%; position: relative; transition: .3s;}
.quality_part2 .list img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.quality_part2 .list .title{width: .9rem;height: .9rem; line-height: .9rem; text-align: center; font-size: .24rem; color: #fff; background-color: #e50012; border-radius: 50%; position: absolute;left: 50%; transform: translate(-50%,-50%);}

.quality_part2 .list .txt{padding: .65rem .25rem 0.17rem; background-color: #f5f5f5;}

/* .circle_dots .slick-dots{text-align: center;padding-top: 1.5625%;  font-size: 0;}
.quality_part2 .list .slick-dots li{display: inline-block; width: .12rem; height: 0.12rem; background-color: #666; border-radius: 50%; margin:0 .1rem ; cursor: pointer; transition: .3s;}
.quality_part2 .list .slick-dots li button{display: none;}
.quality_part2 .list .slick-dots li.slick-active{background-color: #e50012;} */

.quality_part2 .list .des{ font-size: .16rem; color: rgb(51, 51, 51); line-height: 1.875; min-height: 11.5625em;}

.quality_part2 .list .des p{margin-bottom: 0.3125em;}
.quality_part2 .list .des p:last-of-type{margin-bottom: 0;}

.quality_part2 .list .item:hover .bg_cover{transform: scale(1.1);}

.culture_part1{padding-bottom: 7.5%; border-bottom: 1px solid #eee;}
.culture_part1 .list{margin-left: -0.25rem; margin-right: -0.25rem;}
.culture_part1 .list .item{padding: 0 .25rem;}
.culture_part1 .list .pic{overflow: hidden; position: relative;}
.culture_part1 .list .pic::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.2; text-align: center; z-index: 2;}
.culture_part1 .list .bg_cover{padding-top: 64%; position: relative;}
.culture_part1 .list img{position: absolute; width: 100%; height: 100%; left: 0 ; top: 0; object-fit: cover;}
.culture_part1 .list .pic h2{width: 100%; padding: 0 .3rem; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);z-index: 3; text-align: center; font-size: .3rem; font-weight: 500;}
.culture_part1 .list .des{font-size: .16rem; color: rgb(51, 51, 51); line-height: 1.875;}
.culture_part1 .list .txt{background-color: #f5f5f5; padding: .3rem;}

.culture_part2{padding-bottom: 5.21%;}
.culture_part2 .left{width: 50%; position: relative;}
.culture_part2 .left .img{padding-top: 57.5%; position: relative;overflow: hidden;}
.culture_part2 .left .img img{position: absolute;left: 0; top: 0; width: 100%; height: 100% ; object-fit: cover; transition: .3s; transform-origin: 50% 50%;}
.culture_part2 .left .txt{color: #fff; position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 .3rem .24rem;}
.culture_part2 .left h2{ font-size: .24rem;line-height: 1.25; font-weight: normal; margin-bottom: .2rem;}
.culture_part2 .left .content{font-size: .16rem;line-height: 1.875;}
.culture_part2 .right{padding-left: 1.1rem;}

.culture_part2 .right .item{display: table; margin-bottom: 0.8rem; width: 100%;}
.culture_part2 .right .item:last-of-type{margin-bottom: 0;}
.culture_part2 .right .icon{width: .8rem; height: .8rem; display: table-cell; vertical-align: middle; border-radius: .06rem; border: 1px solid #eee; position: relative;}
.culture_part2 .right .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 60%; max-width: 60%;}
.culture_part2 .right .txt{display: table-cell; vertical-align: middle; padding-left: .3rem;}
.culture_part2 .right h2{font-size: .24rem; line-height: 1.25; margin-bottom: .06rem;}
.culture_part2 .right pre{font-size: .16rem;line-height: 1.875;}

@media(max-width:1024px){
  .culture_part2>.ytable,
  .culture_part2 .left,
  .culture_part2 .right{display: block; width: 100%;}
  .culture_part2 .right{padding-left: 0; padding-top: .3rem; }
  .culture_part2 .right .item{margin-bottom: .3rem;}
}

.welfare_part1{padding-top: 6.25%;}
.welfare_part1 .ytable-cell{width: 50%;}
.welfare_part1 .txt{padding: .3rem 1rem; background-color: #f5f5f5;}
.welfare_part1 h2{font-size: .3rem; line-height: 1; margin-bottom: .2rem;}
.welfare_part1 pre{font-size: .16rem; line-height: 1.875;}
@media(max-width:1024px){
  .welfare_part1 .txt{padding: .3rem .5rem;}
}
@media(max-width:750px){
  .welfare_part1 .ytable,
  .welfare_part1 .ytable-cell{width: 100%;display: block;}
  .product_infi_title pre{white-space:normal;}
}
.welfare_part2 {padding-bottom: 4.1667%;}
.welfare_part2 .product_infi_title h2{color: #333;}

.welfare_part2 .list{text-align: center; font-size: 0;}
.welfare_part2 .item{display: inline-block; width: 31.25%; margin-right: 3.125%; text-align: left;box-shadow: 0px 0px 49px 0px rgba(52, 53, 59, 0.14); position: relative; margin-bottom: 2.5%; overflow: hidden;}
.welfare_part2 .item:nth-of-type(3n){margin-right: 0;}
.welfare_part2 .item:last-of-type{margin-right: 0;}
.welfare_part2 .item h2{font-size: .2rem; line-height: 1.5; margin-bottom: .09rem;}
.welfare_part2 .item pre{font-size: .16rem;line-height: 1.5; font-weight: lighter;}

.welfare_part2 .item .left{width: 1.6rem; height: 1.6rem; text-align: center;}
.welfare_part2 .item .left img{max-width: .62rem; max-height: .62rem;}

.welfare_part2 .item .right{padding: .2rem .5rem .2rem 0;}

.welfare_part2 .icon_grey{max-width: 1rem; position: absolute; right: -0.15rem; bottom: -0.15rem; filter: grayscale(200%); opacity: 0.05;}
@media(max-width:1024px){
  .welfare_part2 .item{width: 48.4375%;}
  .welfare_part2 .item:nth-of-type(3n){margin-right: 3.125%;}
  .welfare_part2 .item:nth-of-type(2n){margin-right: 0;}

}
@media(max-width:750px){
  .welfare_part2 .item .left{width: 1rem; height: 1rem;}
  .welfare_part2 .item{width: 100%; margin-right: 0;}
}
.col_nav {text-align: center; font-size: 0;}
.col_nav .item{display: inline-block; font-size: .16rem; font-weight: lighter; color: #000; width: 33.33%; max-width: 200px; padding: 0 .2rem; line-height: .6rem;margin-bottom:3px;}
.col_nav a{display: block; border: 1px solid #eee;}
.col_nav a.active{background-color: #000; border-color: #000; color: #fff;}


.dist{padding-top: 6.25%;}
.dist .col_nav{margin-bottom: 4.0625%;}
.dist .list{padding-bottom: 2.5%;}
.dist .list .left{float: left; width: 44.375%;position: relative; padding-right: .3rem; padding-top: .15rem;}
.dist .list .right{float: left; width: 55.625%;}
.dist .index{padding-top: .37rem; background-color: #fff;position: absolute; left: 0; top: 0; padding-bottom: .4rem;}
.dist .index span{display: block; font-size: .36rem; width: .7rem; height: .7rem; line-height: .7rem; text-align: center;font-family: "YouSheBiaoTiHei";color: rgb(255, 255, 255);border-radius: 50%; background-color: #e50012;

}
.dist .list h2{font-size: .3rem; font-weight: normal;padding-top: .37rem; margin-bottom: .08rem;}
.dist .list h3{font-size: .16rem;color: rgb(153, 153, 153); font-weight: lighter;line-height: 1.75; margin-bottom: .35rem;}
.dist .list .img{ margin-bottom: .35rem;}
.dist .list .item{padding-bottom: 5%; position: relative;padding-left: .9rem; }
.dist .list .content{font-size: .16rem; line-height: 2.25;}

.dist .list .item:first-of-type .left{padding-top: 0;}
.dist .list .item:first-of-type .index{padding-top: .17rem;}
.dist .list .item:first-of-type h2{padding-top: .17rem;}


.dist .list .item::before{content: ''; width: 1px; height: 100%; background-color: #e50012; position: absolute; left: .34rem; top: 0;}
.dist .index::after,
.dist .index::before{content: ''; width: 3px; height: 3px; position: absolute; background-color: #e50012; left: 0%; right: 0; margin: auto;}

.dist .index::after{bottom: 0;}
.dist .index::before{top: 0;}
.dist .list .item:first-of-type .index::before{display: none;}
.dist .list .item:last-of-type .index::after{display: none;}
.dist .list .item:last-of-type::before{display: none;}
@media(max-width:750px){
  .dist .list .left{width: 100% ; float: none; padding-right: 0;}
  .dist .list .right{width: 100%;}
  .dist .list .item{padding-left: 0.8rem;}
}

.product_infi_item3{float:left;overflow:hidden;margin-bottom:1.84%;transition:transform .3s;margin-left:1.875%; position: relative;border-radius: 20px;}
.product_infi_item3 a{display:block;overflow:hidden; position: relative; z-index: 5;padding:.4rem .4rem .3rem; background-color: #f5f5f5;}
.product_infi_item3 .pic{position:relative;background:#f5f5f5;overflow: hidden; margin-bottom: 10px;}
.product_infi_item3 .pic img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transition:transform .3s; max-width: 90%; max-height: 90%;}
.product_infi_item3 h2{font-size:20px;color:#333;line-height:1;}
.product_infi_item3 h3{font-size:0}
.product_infi_item3 h3 span{font-size:.16rem;color:#999;font-weight:lighter;display:inline-block;line-height:1}
.product_infi_item3 h3 .jiage{font-size:24px;color:#e60020}
.product_infi_item3 .more{line-height:40px;border-radius:20px;background-color:#e50012;display:inline-block;color:#fff;padding:0 12px;font-size:0;margin-top:20px}
.product_infi_item3 .more span{display:inline-block;padding-left:10px;font-size:.16rem;vertical-align:middle}
.product_infi_item3 .more i{display:inline-block;vertical-align:middle;width:24px;height:24px;background-color:#fff;border-radius:50%;margin-left:10px;position:relative}
.product_infi_item3 .more i::after,.product_infi_item3 .more i::before{content:'';width:10px;height:2px;background-color:#e50012;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.product_infi_item3 .more i::before{transform:rotate(90deg)}
.product_infi_item3:hover{transform:translateY(-10px)}
.product_infi_item3:hover .pic img{transform:scale(1.05)}
.product_infi_item3:nth-child(1),.product_infi_item3:nth-child(6),.product_infi_item3:nth-child(9){margin-left:0}
/* .product_infi_item3:nth-child(10),.product_infi_item3:nth-child(9){margin-top:-30%} */
.product_infi_item3:not(:nth-child(1)):not(:nth-child(8)){width:23.75%}
.product_infi_item3:not(:nth-child(1)):not(:nth-child(8)) .pic{padding-bottom:100%;position:relative;z-index:4}
.product_infi_item3:not(:nth-child(1)):not(:nth-child(8)) .txt{text-align:center;}
.product_infi_item3:not(:nth-child(1)):not(:nth-child(8)) .more{display:none}
.product_infi_item3:not(:nth-child(1)):not(:nth-child(8)) a{position:relative}
.product_infi_item3 .infi_tag_lack2,
.product_infi_item3 .infi_tag_new2,
.product_infi_item3 .infi_tag_promote2{position:absolute;left:0%;top:0%;z-index:999; border-radius: 0; padding-right: 10px;}
.product_infi_item3 .infi_tag_lack2:after,
.product_infi_item3 .infi_tag_new2:after,
.product_infi_item3 .infi_tag_promote2:after{ content: ''; position: absolute; width:20px;; height: 100%; right:-10px; top: 0; display:block;transform:skewX(-20deg); z-index: -1}
.product_infi_item3 .infi_tag_lack2:after{background: #d3d3d3; }
.product_infi_item3 .infi_tag_new2:after{background: #e60020; }
.product_infi_item3 .infi_tag_promote2:after{background: #dfba94; }
.product_infi_item3:nth-child(1),.product_infi_item3:nth-child(8){width:48.75%;float:left;padding:5.625% 7.65%;position:relative}
.product_infi_item3:nth-child(1) .photo,.product_infi_item3:nth-child(8) .photo{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(245,245,245,.95) no-repeat center center;background-size:cover}
.product_infi_item3:nth-child(1) a,.product_infi_item3:nth-child(8) a{display:table;width:100%;background-color:rgba(245,245,245,.95);position:relative;z-index:5}
.product_infi_item3:nth-child(1) .pic,.product_infi_item3:nth-child(8) .pic{padding-bottom:100%;width:100%;vertical-align:middle;background:0 0}
.product_infi_item3:nth-child(1) .txt,.product_infi_item3:nth-child(8) .txt{padding:2% 0 5.6% 0}
.product_infi_item3:nth-child(1) .txt .box,.product_infi_item3:nth-child(8) .txt .box{text-align:center}
.product_infi_item3:nth-child(8) .txt{text-align:center}
.product_infi_item3:nth-child(6){clear: left;}
.product_infi_item3:nth-child(8){float: right;}
@media(max-width:1024px){
  .product_infi_item3{border-radius: .2rem;}
}
@media(max-width:768px){
.product_infi_item3{ width: 48%!important; margin: 2% 1%!important; clear: none !important;}
.product_infi_item3:nth-child(1),
.product_infi_item3:nth-child(6){ padding: 0;}
.product_infi_item3 h2{font-size:0.24px;}
.product_infi_item3 h3 .jiage{font-size:0.18rem}
.product_infi_item3 .txt{padding:6% 0!important}
.product_infi_item3:nth-child(8) { padding: 0}
/* .product_infi_item3:nth-child(8) a{ background: #fff} */
.product_infi_item3:nth-child(8) .pic{ background: #f5f5f5;}
.product_infi_item3:nth-child(8) .more{ display: none}
.product_infi_item3:nth-child(6){padding: 5.625%;}
.product_infi_item3:nth-child(6) .photo{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(245,245,245,.95) no-repeat center center; background-size: cover;}
.product_infi_item3:nth-child(6) .pic{ background: none}
.product_infi_item3:nth-child(6) a{background-color: rgba(245,245,245,.95);}
.product_infi_item3:nth-child(1) .more,
.product_infi_item3:nth-child(6) .more{ display:none!important; margin-top:20px;}
.product_infi_item3:nth-of-type(2n+1){clear: left !important;}
}

.video_list{padding-top: 5.21%;}



.about_part2{font-size: .16rem; color: #333;line-height: 1.75; color: rgb(102, 102, 102); margin-bottom: 6.25%; padding-top: 7.5%; display: table; width: 100%; table-layout: fixed;}
.about_part2 .about_title{float: none;width: 100%; margin-bottom: 11.47%;}
.about_part2 .left{width: 48.75%;display: table-cell; vertical-align: middle; padding-right: 8%;}
.about_part2 .right{width: 51.25%;display: table-cell; vertical-align: middle;}

.about_list {padding-left: 0;}
.about_list li{position: relative; padding-left: 18px;color: rgb(51, 51, 51); line-height: 1.75; list-style: none; font-weight: bold;}
.about_list li::before{content: ''; width: 4px; height: 4px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #e60020; border-radius: 50%;}

@media(max-width:768px){
  .about_part2{display: block;}
  .about_part2 .left,
  .about_part2 .right{width: 100%; float: none; padding: 2% 0; display: block;}
}
@media(max-width:750px){
  .about .about_title h1{font-size: .36rem;}
  .about_part2 .about_title{margin-bottom: 5%;}
}

.about_part3{padding-bottom: 5.21%; position: relative;}
.about_part3::before{content: ''; width: 100%; height: calc(100% - .68rem); background-color: #f8f8f8; position: absolute; left: 0; bottom: 0; margin: auto;}
.about_part3 .logo{margin-bottom: 12.36%; text-align: center;}
/* .about_part3 .logo img{width: 100%;} */
.about_part3 .left{width: 40%; float: left;}
.about_part3 .right{float: right; width: 60%; padding-left: 4.25%;}
.about_part3_des{padding-left: 6.7%;font-size: .16rem;color: rgb(102, 102, 102); font-weight: lighter; line-height: 1.75;}

.about_part3 .auto-1600{position: relative; z-index: 2;}
@media(max-width:768px){
  .about_part3 .left,
  .about_part3 .right{width: 100%; float: none; padding: 2% 0;}
  .about_part3_des{padding-left: 0;}
  .about_part3 .logo{margin-bottom: 5%;}
}

.process_list2{padding-bottom: 8.125%; padding-top: 6.25%; position: relative;}
.process_item2{margin-bottom: 5%; min-height: .6rem; position: relative;}
.process_item2 .year{font-size: .6rem; font-family: "Butler";color: #666666;transition: all 0.3s;font-style: italic; position: absolute; top: 0;}
.process_item2 .title{ font-size: .2rem;color: #333;line-height: 1.4; margin-bottom: .17rem;}
.process_item2 .des{font-size: .16rem; line-height: 1.75; font-weight: lighter; color: rgb(153, 153, 153);}
.process_item2 .box_inner{max-width: 290px; }
.process_list2 .line{width: .16rem; height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 2rem 0;}
.process_list2 .line i{display: block; background-color: #eaeaea; width: 100%; height: 100%;}
.process_list2 .line::before,
.process_list2 .line::after{content: ''; width: 100%; height: 2rem; position: absolute; left: 0; right: 0;margin: auto;}

.process_list2 .line::before{top: 0; background-image: linear-gradient(to top,#eaeaea,#ffff);}
.process_list2 .line::after{bottom: 0; background-image: linear-gradient(to bottom,#eaeaea,#ffff);}
.process_item2 .spot{width: .25rem; height: .25rem; position: absolute; top: .25rem;background-position: center center;background-size: contain;background-repeat: no-repeat;background-image: url(../images/icon_dot.png);transition: all 0.3s;
 z-index: 2;
}
.process_item2.active .spot{background-image: url(../images/icon_dot_active.png);}
.process_item2.active .year{color: #e60020;}

.process_list2 i::before{content: ''; width: 1px; height: 100%; background: url(../images/process_bg.png) center top ; position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: 2;}
@media(min-width:751px){
  .process_item2:nth-of-type(odd){padding-right: 50%; text-align: right;}
  .process_item2:nth-of-type(even){padding-left: 50%;}
  .process_item2 .box{position: relative;}
  .process_item2:nth-of-type(odd) .box{padding-right: 2.6rem;}
  .process_item2:nth-of-type(even) .box{padding-left: 2.6rem;}
  .process_item2:nth-of-type(odd) .year{right: 0; padding-right: .6rem;}
  .process_item2:nth-of-type(even) .year{left: 0; padding-left: .6rem;}
  .process_item2:nth-of-type(odd) .box_inner{padding-right: .2rem; float: right; border-right: 2px solid #eee;}
  .process_item2:nth-of-type(even) .box_inner{padding-left: .2rem; float: left; border-left: 2px solid #eee;}
  .process_item2 .spot{ left: 0; right: 0; margin: auto; }
}

@media(max-width:750px){
  .process_list2 .line{left: 0; top: 0 ; transform: translate(0);}
  .process_item2{padding-left: 1.4rem;}
  .process_item2 .year{font-size: .4rem; left: .2rem; top: 0; line-height: 1;}
  .process_item2 .spot{left: 0; top: 0; transform: translateX(-0.04rem);}
}

.index_part4 .item{position: relative;}
.index_part4 .item .phone{display: none;}
.index_part4 .item.has-video{min-height: 44.78vw;}
.index_part4 .video{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.index_part4 .video video{width: 100%; height: 100%; object-fit: cover;}


.index_part4 .handle{display: none;}
.index_part4 .video .play{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: .3s;
}
.index_part4 .video .play svg:first-of-type{
  display: block;
}
.index_part4 .video .play svg:last-of-type{
  display: none;
}
.index_part4 .video .play.playing svg:first-of-type{
  display: none;
}
.index_part4 .video .play.playing svg:last-of-type{
  display: block;
}
.index_part4 .muted{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
}
.index_part4 .muted svg:first-of-type{
  display: block;
}
.index_part4 .muted svg:last-of-type{
  display: none;
}
.index_part4 .muted.active svg:first-of-type{
  display: none;
}
.index_part4 .muted.active svg:last-of-type{
  display: block;
}
.index_part4 .video:hover .muted{opacity: 1;}
.index_part4 .video .play.playing{opacity: 0;}
.index_part4 .video:hover .play{opacity: 1;}

@media(max-width:1024px){
  .index_part4 .handle{display: block;}
}
@media(max-width:750px){
  .index_part4 .item.has-video{min-height: 4.2rem;}
  .index_part4 .item .phone{display: block; width: 100%;}
  .index_part4 .item .auto-1600{position: absolute; top: 14%; left: 0;}
  .index_part4 .item:nth-child(2) .auto-1600{top: 22%;}
  .index_part4 .item{background: none !important;}
}

.loading{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999;}
.loading svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); animation: loading ease-in-out infinite 2s;}
.loading svg path{fill:#fff;}

@keyframes loading {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.about_part4{padding-bottom: 5.21%;}
.about_part4 .pic{width: 48.75%;}
.about_part4 .txt{padding: 2%; background-color: #f8f8f8; text-align: center;}
.about_part4 .txt .box{display: inline-block; width: 100%; max-width: 410px; text-align: left;}
.about_part4 .txt h2{ line-height: 2.4; margin-bottom: .1rem; font-weight: normal;}
.about_part4 .txt li{ line-height: 2.5;  color: rgb(51, 51, 51); font-weight: normal; }
@media(max-width:768px){
  .about_part4 .ytable,
  .about_part4 .ytable-cell{display: block; width: 100%;}
  .about_part4 .txt .box{max-width: none;}
}
.about_part5 > img{width: 100%;}
.about_part5 .content{ background: url(../images/about_part4_bg.jpg) center center no-repeat; background-size: cover; padding: 2.6% 0;}
.about_part5 .left{float: left; width: 41.25%; color: #333; line-height: 1.8; font-weight: lighter;}
.about_part5 .right{float: right; width: 43.75%;}
@media(max-width:768px){
  .about_part5 .left,
  .about_part5 .right{width: 100%; float: none; padding: 2% 0;}
}


.about_part6{padding-top: 5.21%;}
.about_part6 .pic{width: 65%;}

.about_part6 .txt{ background-color: #f8f8f8; padding: 5%; font-weight: lighter; color: #333; line-height: 1.75;}
@media(max-width:768px){
  .about_part6 .ytable{display: block;}
  .about_part6 .pic,
  .about_part6 .txt{width: 100%; display: block;}
  .about_part6 .txt{padding: 2%;}
}

.about_part7{color: #333; padding-top: 4.6875%; padding-bottom: 6.25%;}


.about_part7 .title-box{margin-bottom: 3.125%;}
.about_part7 img{width: 100%;}

.process_title{padding-top: 7.5%; margin-bottom: 5%;}
.process_title h1{color: #333; letter-spacing: .04rem; line-height: 1; font-weight: normal; margin-bottom: .3rem;}

.process_title h3{ color: rgb(153, 153, 153); line-height: 1.5; font-weight: lighter; }

.process_menu{font-size: 0; line-height: .8rem; border-top: 1px solid #eee; margin-bottom: 3.125%;}
.process_menu .item{display: inline-block; margin-right: 7.5%; vertical-align: top; position: relative; font-weight: bold;}
.process_menu .item:last-of-type{margin-right: 0;}

.process_menu .item::after{content: ''; width: 0; height: 3px; background-color: #e60020; position: absolute; left: 50%; top: -1px; transform: translateX(-50%);}

.process_menu .item.active::after,
.process_menu .item:hover::after{width: 100%;}
.process_menu .item.active a{color: #e60020;}


@media(max-width:750px){
  .process_menu .item{margin-right: 0; padding: 0 .05rem;}
}

.process_list3{margin-left: -0.22rem; margin-right: -0.22rem; padding-bottom: 7.5%;}
.process_item3{padding: 0 .22rem;}
.process_item3 .pic{padding-top: 71.29%; position: relative; overflow: hidden;}
.process_item3 .pic img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: .3s;}
.process_item3 h2{ color: rgb(51, 51, 51); font-weight: normal;line-height: 1.167; margin-bottom: .07rem;}
.process_item3 .des{ color: rgb(51, 51, 51); line-height: 1.75;}

.process_item3:hover img{transform: scale(1.1);}

.process_item3 .txt{padding: 3.9% 0;}
@media(max-width:1200px){
  .process_list3 .slick-arrow{right: 0;}
  .process_list3 .slick-arrow.slick-prev{left: 0;}
}


.index_menu{
  position: fixed;
  left: 2%;
  font-size: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.index_menu li#num1{ display: none}
.index_menu li{
  position: relative;
  margin-bottom: .4rem;
  transition: .3s;
  cursor: pointer;
}
.index_menu li .txt{
  white-space: nowrap;
  font-size: 15px;
  line-height: 24px;
  padding-left: 10px;
  position: relative;
  color: #fff;
  transition: .3s;
  opacity: 0;
}
.index_menu li .txt a{color: #fff; display: block}
.index_menu li::before{
  content: '';
  width: 2px;
  height: 24px;
  background-color:#fff;
  opacity: 0.5;
  display: block;
  margin: 0 auto;
  left: 0;
  position: absolute;
}
.index_menu li:last-of-type::after{
  display: none;
}
.index_menu ul:hover .txt{ opacity: 1}
.index_menu li.active::before{ width: 4px; opacity: 1; border-radius: 4px;}
.index_menu li:hover .txt{font-weight: bold;}
.index_menu li.active .txt{ font-weight: bold; opacity: 1}
.fp-viewing-page5 .index_menu li .txt a,
.fp-viewing-page6 .index_menu li .txt a,
.fp-viewing-page7 .index_menu li .txt a{ color: #aabfca;}
.fp-viewing-page5 .index_menu li::before,
.fp-viewing-page6 .index_menu li::before,
.fp-viewing-page7 .index_menu li::before{ background-color:#bfd6e3;}
.fp-viewing-page8 .index_menu{ display: none!important}
@media(max-width:1024px){
  .index_menu {display: none !important;}
}


.prode{ -webkit-user-select: text;-ms-user-select: text;-moz-user-select: text;-khtml-user-select: text;user-select: text;overflow-x: hidden;}




.pro_detail .top_wrap{background-color: #f6f6f6;}
.pro_detail .left{width: 57.3%; float: left; /*background: url(../images/pro_bg.png) center center no-repeat;*/ background-size: contain;padding: 0.725rem 0; padding-right: 1rem;}
.pro_detail .right{width: 42.7%; float: left;}

.pro_detail .img_box{float: right; width: 85%; max-width: 800px; text-align: center; }
.pro_detail .img_box .img{padding-top: 100%; position: relative;}
.pro_detail .img_box img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; width: 100%;}


.pro_detail .right {padding-top: .8rem; padding-bottom: 0.8rem;}
.pro_detail .right .box{float: left; max-width: 650px; width: 85%; padding-left: .5rem;}

.pro_detail .right .box .title{color: rgb(85, 85, 85);line-height: 1; font-weight: normal; margin-bottom: .15rem;}
.pro_detail .right .box .model{color: rgb(51, 51, 51); line-height: 1; font-weight: normal; margin-bottom: .35rem;}

.pro_detail .right .icon_list{font-size: 0; padding-top: .3rem; border-top: 1px solid rgb(238, 238, 238); margin-top: .6rem;}

.pro_detail .right .icon_list .item{width: 12%; display: inline-block; margin-right: 10%; margin-bottom: .3rem; padding-bottom: .35rem; position: relative;}
.pro_detail .right .icon_list .item:nth-of-type(5n){margin-right: 0;}
.pro_detail .right .icon_list .icon{padding-top: 100%; position: relative;}
.pro_detail .right .icon_list .icon img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; max-height: 100%; border-radius: 50%; margin: auto;}
.pro_detail .right .icon_list span{position: absolute; bottom: 0; line-height: 1; font-size: .16rem;  left: 50%; transform: translateX(-50%);color: rgb(51, 51, 51); text-align: center; min-width: 140%;}

.pro_detail .right .des{font-size: .16rem;  margin:  .3rem 0; color: #666;}
.pro_detail .right .des li{margin:  .05rem 0;}

.pro_detail .intro{margin-top: 5%;line-height: 2;color: #666;  padding-top: 2%; border-top: 1px solid #eee;}
.pro_detail .btnLink{ display: inline-block;margin-top: 5%; background-color: #e60020; color: #fff; padding: 6px .2rem; border-radius: 50px; }
.use_det_top .det_box .use_det_txt .intro{
  margin-top: 5%;
  line-height: 2;
  color: #666;
  padding-top: 2%;
  border-top: 1px solid #eee;
}

.pro_detail .price {
  font-size: 0.16rem;
  font-weight: lighter;
  line-height: 1;
  margin-bottom: 5.6%;
}
.pro_detail .price span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.2;
}
.pro_detail  .price .red {
  font-size: .26rem;
  color: #e60020;
  font-weight: bold;
  line-height: 1;
}
.pro_detail .buy a {
  display: inline-block;
  width: 2rem;
  line-height: .6rem;
  text-align: center;
  border-radius: .3rem;
  color: #fff;
  font-size: 0.16rem;
  background-color: #e60020;
  transition: opacity 0.3s;
}
.pro_detail .buy a:hover {
  opacity: 0.8;
}

.pro_detail .infi_det_main{padding-top: .8rem;}

.auto-1220{max-width: 1220px;margin:0 auto; width: 85%;}
@media(max-width:1024px){
  .auto-1220{ width: 100%; padding: 0 .3rem;}
}



.pro_detail .slick-big{width: 58%; float: left; margin-right: 2%;}
.pro_detail .slick-big .item{padding-top: 5rem; position: relative; background-color: #fff;}
.pro_detail .slick .item img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.pro_detail .slick-big img{object-fit: contain;}
.pro_detail .slick-small img{object-fit: cover;}
.pro_detail .slick-small{ padding-left: .15rem; width: 40%; float: left; overflow: hidden; max-height: 5rem; position: relative; padding-right: .35rem; }
.pro_detail .slick-small .img{padding-top: 68.5%; position: relative;}
.pro_detail .slick-small .swiper-slide{height: auto; overflow: hidden;}
.pro_detail .slick-small>.swiper-scrollbar{height: 100%;top: 0; width: 15px;}
.pro_detail .slick-small .swiper-scrollbar-drag{background: url(../images/icon_scroll.png) center center no-repeat; background-size: contain; cursor: grab;}

.pro_detail .slick-small .item{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; position: relative; cursor: pointer; background-color: #e6e6e6;}
.pro_detail .slick-small .item::after{content: ''; width: 100%; height: 100%;box-sizing: border-box; border: .02rem solid transparent; position: absolute; left: 0; top: 0; transition: .3s;}
.pro_detail .slick-small .item:nth-of-type(3n){margin-right: 0;}
.pro_detail .slick-small .item.active::after{border-color: #e60020;}

@media(max-width:768px){
  .pro_detail .left{float: none; width: 100%; padding: 0.725rem .3rem 0;}
  .pro_detail .img_box{float: none; margin: 0 auto;}
  .pro_detail .right{width: 100%; float: none;}
  .pro_detail .right .box{float: none; padding: 0 .3rem;}
  .pro_detail .slick-big{float: none; width: 100%; margin-bottom: .4rem;}
  .pro_detail .slick-small{width: 100%; float: none; padding: 0 ;}
  .pro_detail .slick-big .item{padding-top: 68.5%;}

}
.online-shop{margin-bottom: 0;}
.online-shop.list189 .logo img{max-width: 100%;max-height: none; width: auto;}
.online-shop.list189  .label{opacity: 0;}
.buy {padding-bottom: 6.77%;}

.online-shop.list189  .item:first-of-type{box-shadow: 0px 13px 29px 0px rgba(219, 55, 169, 0.29);}
.online-shop.list189  .item:nth-of-type(2){box-shadow: 0px 13px 29px 0px rgba(0, 154, 124, 0.29);}
.online-shop.list189  .item:nth-of-type(3){box-shadow: 0px 13px 29px 0px rgba(118, 118, 118, 0.29);}
.online-shop.list189  .pic{width: 50%;}
.online-shop.list189  .txt{padding-right: 7%;}


.join_part1{padding-top: .8rem; padding-bottom: 3.8rem; background-size: cover; background-position: center bottom;}
.join_part1 .title{margin-bottom: .5rem;}
.join_part1 .title h1{font-size: .36rem; font-weight: normal; color: #333; line-height: 1; margin-bottom: .13rem;}
.join_part1 .title h2{ font-size: .18rem;color: rgb(166, 166, 166); line-height: 1; font-weight: normal;}
.join_part1  .box{
  max-width: 650px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8); box-shadow: 9.584px 7.222px 18px 0px rgba(15, 30, 46, 0.2); border: 1px solid #fff;
  padding: .45rem .5rem; border-radius: 2px;
}
.join_part1 .left{width: 1.5rem; float: left;  text-align: center;}
.join_part1 .left .img{padding: .1rem; border: 1px solid #e7e7e7; }
.join_part1 .left span{font-size: .16rem;  color: rgb(85, 85, 85); line-height: 1; margin-top: .1rem; display: inline-block;}
.join_part1 .right{width: calc(100% - 1.5rem); padding-left: .4rem; float: left;}
.join_part1 .right .intro{  font-size: .24rem; color: rgb(14, 14, 14); font-weight: bold;line-height: 1.417; margin-bottom: .1rem;}
.join_part1 .tel {background-color: rgb(214, 28, 54); border-radius: .1rem; padding: .14rem .2rem;}
.join_part1 .tel .label{ font-size: .14rem; color: rgb(255, 255, 255); line-height: 1; margin-bottom: .07rem;}

.join_part1 .tel a{ font-size: .32rem; color: #fff; font-weight: bold; padding-left: .4rem; background: url(../images/icon_tel-1.png) left center no-repeat; background-size: .32rem;}


.about_part8{ background: url(../images/about_bg1.jpg) no-repeat center top #e6ebf6; padding: 5% 0 1%;}
.about_part8 h2{font-weight: normal; line-height: 1; margin-bottom: 3.75%; text-align: center;}
.about_part8 .tit{font-weight: bold; line-height: 1.5;}
.about_part8 .subtit{display: inline-block; line-height: .6rem; text-align: center; background-color: #fff; width: 50%; max-width: 2.8rem; font-size: .24rem;}
.about_part8 ul{margin: 0 -.3rem;}
.about_part8 li{width: 50%; float: left; padding: 0 .3rem; margin-bottom: .6rem;}
.about_part8 .img{width: 100%; padding-top: 71.42%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.about_part8 article{ margin-bottom: 3%;}
.about_part8 .pic{ width: 59.4%;}
.about_part8 .txt{ background:url(../images/about_bg2.png) no-repeat 68% 78% #3a3c44; color: #fff; padding: 2% 2% 2% 6%;}
.about_part8 .info{ max-width: 285px; font-size: .16rem;}
.about_part8 .info h2,
.about_part8 .info p{ margin: 1.2vw 0;line-height: 1.6;}
.about_part8 .info h2{ font-weight: normal;}
@media(max-width:640px){
	.about_part8 .ytable-cell{ display: block; width: 100%;}
	.about_part8 .txt{ background-size: 20%;}
  .about_part8 .pic1{margin-top: 0;}
  .about_part8 li{width: 100%;}
}

.history_menu { padding-bottom: 120px;}
.history_menu .slick-list{ padding: 20px 0;}
.history_menu .slick-track{ border-bottom: solid 1px #e0e0e0}
.history_menu .item{ text-align: center; line-height: 40px; position: relative;}
.history_menu .item a{ position: relative; color: #999999; font-weight: bold; display: inline-block; padding-bottom: 35px;}
.history_menu .item a:before{ position: absolute; left:0; right: 0; bottom:-6px; margin: auto; content: ''; width:4px; height:4px; border-radius: 100%;background: #fff; border: solid 4px #cccccc; z-index: 5; }
.history_menu .item:after{position: absolute; left:0; right: 0; bottom:-1px; margin: auto; content: ''; width: 0; height: 1px; transition: 0.5s}
.history_menu .slick-current a:before{ border-color: #e60020}
.history_menu .slick-current:after{ background:#e60020; width: 100%;}
.history_menu .slick-current a{ color: #e60020}
.history_menu .slick-arrow{ position: absolute; bottom:-90px; width: 44px; height: 44px; cursor: pointer; font-size: 0; border:none;background: url(../images/yuan_arrow.png) no-repeat center center; transition: 0.5s}
.history_menu .slick-prev{ left:33px; }
.history_menu .slick-next{ left: 90px; transform: rotate(180deg)}
.history_menu .slick-arrow:hover{background-image: url(../images/yuan_arrow_red.png)}
.history_list{ padding-left: 80px;}
.history_list .listbox{border-left: solid 1px #e0e0e0; }
.history_list .ytable-cell{ padding: 3% 0;}
.history_list .txt,
.history_list .pic{ border-bottom: solid 1px #ececec}
.history_list .year{ width:16%;}
.history_list .year b{ padding-left: 38px; color: #999999; position: relative}
.history_list .year b:before{ position: absolute; left: -6px; content: ''; top: 50%; margin-top: -6px; width:4px; height:4px; border-radius: 100%;background: #fff; border: solid 4px #cccccc; }
.history_list .pic{ width:19.75%;}
.history_list .pic img{ width: 100%}
.history_list .listbox .subtxt:not(:first-child) .year{ opacity: 0}
.history_list .listbox.show .year b{ color: #e60020}
.history_list .listbox.show .year b:before{border-color: #e60020}
@media(max-width:960px){
.history_list{ padding-left:5px;}
}
@media(max-width:640px){
.history_list .year { width: 80px;}
.history_list .year b{ padding-left: 15px;}
}


.brand-menu .noban .location_menu{background-color: #000; border-bottom: 1px solid rgba(247,247,247, .1);}
.brand-menu .noban .menu li a{color: rgba(255,255,255, .3);}
@media(min-width: 1025px){
  .brand-menu .noban .location_menu{position: absolute; top: 100%; left: 0;}
}
@media(min-width: 751px){
  .brand-menu .noban .menu li:hover,
  .brand-menu .noban .menu li.aon{background-color: #000;}
  .brand-menu .noban .menu li:hover a,
  .brand-menu .noban .menu li.aon a{color: #c60020;}
}

.brand{background-color: #000;}
.brand .brand_part1{position: relative;}
.brand .box{position: absolute; color: #fff; left: 0; top: 20%; width: 50%; text-align: center;}
.brand .box pre{text-align: center; line-height: 2.5; padding: 0 16%;}
.brand .box h1{font-size: 48px; font-weight: normal; line-height: 1; padding: 7.5% 0;}
.brand .box1{position: absolute; color: #fff; width: 26%; bottom: 23%; right: 10%; text-align: center;}
.brand .box1 .txt{line-height: 2.5; font-weight: lighter; padding-top: 5%;}
.brand .brand_part3 ul{padding-bottom: 6.25%;}
.brand .brand_part3 li .pic,
.brand .brand_part3 li .content{width: 50%; float: left; color: #fff;}
.brand .brand_part3 li .content{background-color: #0f0f0f; padding: 0 6.25%; line-height: 1.8; font-weight: lighter;}
@media(min-width: 1025px){
  .brand{padding-top: 80px;}
}
@media(max-width: 1024px){
  .brand .box{top: 10%;}
  .brand .box h1{font-size: 26px;}
  .brand .box pre{line-height: 2; padding: 0; font-size: 14px;}
  .brand .box1{bottom: 18%;}
  .brand .box1 .txt{line-height: 2; font-size: 14px;}
}
@media(max-width: 640px){
  .brand .box1{width: 100%; position: relative; z-index: 1; right: 0;}
  .brand .box{width: 100%; position: relative; padding: 5% 0 10%;}
  .brand .brand-logo{max-width: 230px; margin: auto;}
  .brand .brand-logo1{max-width: 180px; margin: auto;}
  .brand .bg{margin-top: -25%; z-index: -1;}
  .brand .box h1{padding: 4% 0;}
  .brand .brand_part3 li:first-child{padding-bottom: 5%;}
  .brand .brand_part3 li .pic,
  .brand .brand_part3 li .content{width: 100%; float: none;}
  .brand .brand_part3 li .content{padding: 5% 6.25%;}
  .brand .box1 .txt,
  .brand .box pre{font-size: 12px;}
}

.resetPass{ text-align: right; margin-bottom: 3%;}
.resetPass a{ font-size: .16rem; color: #fff; display: inline-block; padding: 0 20px; line-height: 46px; background-color: #e60020; transition: all 0.5s; }
.resetPass a:hover{ background-color: #fff; color: #e60020;}

.qui-order-list .ULLIST{-webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    user-select: text;}

.col_nav.contrast .item{padding-left:0.1rem; padding-right:0.1rem;}
.col_nav.contrast a{color: #fff; background-color: #bebebe;border:none}
.col_nav.contrast a.active{background-color: #e50012}

.hardware_contrast{ font-size: 16px;}
.hardware_contrast .title{font-size: 30px;padding: 2% 0; margin: 0; font-weight: normal}
.hardware_contrast .tips{ padding-bottom: 4%; max-width: 1260px}
.hardware_contrast .tips .tit{ color: #e50012; position: absolute}
.hardware_contrast .tips .info{color: #999999; padding-left: 84px;}
.contrast_photo {overflow: hidden}
.contrast_photo h3{ font-size: 24px; color: #fff;padding: 20px 40px; margin: 0; z-index: 5; position: absolute; font-weight: normal}
.contrast_photo .duibi{position: relative}
.contrast_photo .duibi span{display: block; z-index: 10; font-size: 26px;padding:15px 0px; margin-left: -25px;  position:absolute;background: #e50012; color: #fff; transform: skew(-10deg);}
.contrast_photo .duibi span i{display:block;width: 100px; text-align: center;transform: skew(10deg);white-space: nowrap}
.contrast_photo .item{width:50%; position: relative}
.contrast_photo .item .pic{ position: relative; overflow: hidden;transform:skew(-10deg);width:108%}
.contrast_photo .item .pic img{position: relative;width: 110%; left: -5%; max-width: none; transform:skew(10deg)}
.contrast_photo .item:nth-child(1) .pic{left: -5%;}
.contrast_photo .item:nth-child(3) .pic{right: -5%;}
.contrast_photo .item:nth-child(1) h3{background: linear-gradient(110deg, #e50012 85%,rgba(255,255,255,0) 85%);}
.contrast_photo .item:nth-child(3) h3{left:7.3%; background:linear-gradient(280deg,transparent 10%, #333333 10%,#333333  90%,transparent 90%)}

.contrast_info{margin:1.5% 0}
.contrast_info td{font-size: 16px; padding: 15px 20px; text-align: center;border: solid 1px #ececec;line-height: 24px;}
.contrast_info .first td{border-color: #fff; font-size: 20px}
.contrast_info .first td:nth-child(1){background: #f0f0f0}
.contrast_info .first td:nth-child(2){width: 42%; color: #fff;background: #e50012}
.contrast_info .first td:nth-child(3){width: 42%; color: #fff;background: #333333}
.contrast_info tr.bg_white{background: #ffffff}
.contrast_info tr.bg_gray{background: #fcfcfc}
.contrast_info .txt{margin: auto; width: 90%;}

@media(max-width:768px){
.hardware_contrast{ font-size: 14px;}
.hardware_contrast .title{font-size: 20px;}
.hardware_contrast .tips{ padding:3% 0}
.hardware_contrast .tips .tit{ position: relative; padding:2% 0}
.hardware_contrast .tips .info{ padding-left: 0px;}
.contrast_photo h3{font-size:16px;padding:5px 20px; position: relative}
.contrast_photo .item:nth-child(1) h3{padding-left: 10px; padding-right: 30px;}
.contrast_photo .item:nth-child(3) h3{left: auto; text-align: right;background: linear-gradient(110deg, rgba(255,255,255,0) 15%,#333333 15%);}
.contrast_photo .duibi span{font-size: 18px;padding:5px 0px;}
.contrast_photo .duibi span i{width:60px;}
.contrast_info td{font-size: 14px; padding:10px; }
.contrast_info .first td{font-size:16px}
.contrast_info .first td:nth-child(2),
.contrast_info .first td:nth-child(3){width:35%;}
}

.QualityBoxItem .flex{ display: flex; justify-content: space-between;}
.QualityBoxItem .left{ width: 43.75%;}
.QualityBoxItem .right{ width: 50%; position: relative;}
.QualityBoxItem .right img{ width: 100%;}
.QualityBoxItem{ margin-bottom: 3%;}
.QualityBoxItem .num{ font-size: 1.5rem; font-weight: bold; background: linear-gradient(#f1f1f1,rgba(241,241,241,0.5), rgba(241,241,241,0));  -webkit-background-clip: text; color: transparent; line-height: 1.5rem;}
.QualityBoxItem .icon{ max-width: 60px; margin: 0 0 1.5vw;}
.QualityBoxItem .tit{ font-size: .24rem; font-weight: normal; color: #333333; margin: 0;}
.QualityBoxItem .tit::after{ content: ''; display: block; width: 100%; height: 1px; background-color: #e6e6e6; margin: 2vw 0;}
.QualityBoxItem .txt{ color: #999999; font-size: .16rem; line-height: 1.8;}
.QualityItem_Con .right p{ margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; padding:4% 5%; color: #fff; font-size: .24rem;}
.QualityItem_Two{ background-color: #fafafa; padding: 3% 0;}
.QualityItem_Two .flex{ align-items: center;}
.QualityItem_Two .tabTit .ul{ display: flex; justify-content: space-between; align-items: center; margin-bottom: .5vw;}
.QualityItem_Two .tabTit li{ position: relative; width: 47.8%; height: 130px; display: flex; align-items: center;}
.QualityItem_Two .tabTit li::before{ content: '';  position: absolute; left: 0; bottom: 0; width: 100%; height: 0;}
.QualityItem_Two .tabTit .info{ position: relative; z-index: 3; text-align: center; color: #fff; width: 100%;}
.QualityItem_Two .tabTit li:first-child::before{ border-top: 130px solid #e50012;  border-right: 25px solid transparent;}
.QualityItem_Two .tabTit li:last-child::before{ border-bottom: 130px solid #34353b;border-left: 25px solid transparent;right: 0;left: auto;}
.QualityItem_Two .tabTit .info p{ font-size: .2rem; margin-bottom: .5vw;}
.QualityItem_Two .tabTit .info span{ font-size: .16rem;}
.QualityItem_three .flex{ align-items: center;background-color: #fafafa;}
.QualityItem_three .left{ padding-left: 1.5vw;}
.QualityItem_three .left.no{ padding-left: 0;}
@media(max-width:768px){
	.QualityBoxItem .flex{ flex-flow: column wrap;}
	.QualityBoxItem .left,
	.QualityBoxItem .right{ width: 100%; margin-bottom: 3%;}
	.QualityBoxItem .left{ padding: 5% 0; order: 1;}
	.QualityBoxItem .right{ order: 6;}
	.QualityItem_three .left{ padding-left: 2%!important; padding-right: 2%;}
}





.fl{float: left;}
.fr{float: right;}
.imgbox{ overflow:hidden; position:relative; }
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.imgbox img{ width:auto; max-height:100%;}
.imgbox .retweet{ position: absolute; left: 10px;  bottom: 10px;  z-index: 99;}

/*行车记录仪*/
.Discriminate{padding: 3% 0;}
.Discriminate .DiscMenu li{margin-bottom: 10px;width: auto;display: inline-block;padding: 0 1.2%;margin-right: 1%;text-align: center;list-style: none;transition: all 0.3s; background-color: #bebebe;height: 60px;line-height: 60px;font-family: SourceHanSansCN-Medium;font-size: 16px;color: #ffffff;}
.Discriminate .DiscMenu li.aon,.Discriminate .DiscMenu li:hover{background-color: #e50012;}
.Discriminate .DiscMenu li:last-child{margin-right: 0;}
.Discriminate .DiscMenu li a{color: #fff}

.DiscP1{padding: 3% 0;display: inline-block;width: 100%;}
.DiscTit{font-family: SourceHanSansCN-Medium;font-size: 30px;letter-spacing: -1px;color: #202838;line-height: 30px;}
.w475{width: 47.45%;}
.w100{width: 100%}
.w50{width: 50%;float: left;}
.DiscP1_b .w50,.DiscP1_b .w100{position: relative;overflow: hidden;}
.DiscP1_b .w50 p,.DiscP1_b .w100 p,.DiscP1_btxtb .w25 p{width: auto;height: 50px; padding: 0 60px 0 30px;font-family: SourceHanSansCN-Medium;position: absolute;left: 0;bottom: 0; font-size: 20px;line-height: 50px;color: #ffffff;text-indent: 0;text-align: left; z-index: 2;}
.DiscP1_b .w50 p:after,.DiscP1_b .w100 p:after,.DiscP1_btxtb .w25 p:after{position: absolute;left: -20px;top: 0;background-color: #e50012;width: 100%;height: 100%;transform: skewX(25deg);content: "";z-index: 0;}
.DiscP1_b .w50 p span,.DiscP1_b .w100 p span,.DiscP1_btxtb .w25 p span{position: relative;z-index: 2;}
.DiscP1_bb,.DiscP1_btxt,.DiscP1_btxtb,DiscP1_btxtbb,.DiscP1_b{display: inline-block;width: 100%;margin-top: 3%}
.DiscP1_bb .w475 .w475{display: inline-block;background-color: #f8f8f8;}
.DiscP1_bb .w475 .w475 .imgbox{padding-top: 69.444%;}
.DiscP1_bb .w475 .w475 .imgbox span{transition: all 0.3s;cursor: pointer;}
.DiscP1_bb .w475 .w475 .imgbox .hide{opacity: 0;}
.DiscP1_bb .w475 .w475 .imgbox:hover span{opacity: 0;}
.DiscP1_bb .w475 .w475 .imgbox:hover .hide{opacity: 1;}
.DiscP1_bb .w475 .w475 .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.DiscP1_bb .w475 .txt{padding: 30px 20px 0;color: #333333;line-height: 32px;min-height: 200px;}
.DiscP1_bb .w475 .txt h3{font-family: SourceHanSansCN-Medium;font-size: 24px;margin-bottom: 10px;}
.DiscP1_bb .w475 .txt p{font-family: SourceHanSansCN-Regular;font-size: 16px;}

.DiscP1_btxt .w475{padding:35px;background-image: linear-gradient(90deg,    #f8f8f8 0%,    #ffffff 100%);border-left: 3px solid #e50012;box-sizing: border-box; }
.DiscP1_btxt li{font-family: SourceHanSansCN-Regular;font-size: 18px;line-height: 36px;color: #333333;}

.DiscP1_btxtb .w25{position: relative;overflow: hidden;}
.DiscP1_btxtb_r{width: 73.75%;}
.DiscP1_btxtb_r .txt{padding: 40px;}
.DiscP1_btxtb_r .txt h3{font-family: SourceHanSansCN-Bold;font-size: 24px;line-height: 30px;color: #333333;margin-bottom: 10px;}
.DiscP1_btxtb_r .txt p{font-size: 20px;font-family: SourceHanSansCN-Medium;line-height: 36px;color: #333333;}

.DiscP1_btxtbb .DiscP1_btxtbbox{width: 24%;float: left;margin-right: 1.3333%;cursor: pointer;}
.DiscP1_btxtbb .DiscP1_btxtbbox:last-child{margin-right: 0;}
.DiscP1_btxtbb .DiscP1_btxtbbox .imgbox{padding-bottom: 66%;}
.DiscP1_btxtbb .DiscP1_btxtbbox .imgbox span{transition: all 0.3s;}
.DiscP1_btxtbb .DiscP1_btxtbbox .imgbox span.hide{ opacity: 0;}
.DiscP1_btxtbb .DiscP1_btxtbbox p.tit{min-height: 50px;background-color: #e50012;text-align: center;font-family: SourceHanSansCN-Medium;font-size: 18px;color: #ffffff;line-height: 50px;}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt{padding: 30px 0 0 30px;}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt h3{font-family: SourceHanSansCN-Bold;font-size: 22px;line-height: 30px;color: #333333;margin-bottom: 10px;}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt p{font-size: 20px;font-family: SourceHanSansCN-Medium;line-height: 36px;color: #333333;}

.DiscP1_btxtbb .DiscP1_btxtbbox:hover .imgbox span.hide{opacity: 1;}
.DiscP1_btxtbb .DiscP1_btxtbbox:hover p.tit span:nth-child(1){display:none;}
.DiscP1_btxtbb .DiscP1_btxtbbox:hover p.tit span.hide{display:block;}

.DiscTable{display: inline-block;width: 100%;background-color: #f8f8f8;margin: 3% 0}
.DiscTable .tips{height: 80px;line-height: 80px;padding-left: 30px;font-size: 20px;color: #333333;}
.DiscTable .tips strong{font-size: 30px;font-family: SourceHanSansCN-Medium;color: #202838;letter-spacing: -1px;}
.DiscTable .tips img{vertical-align: middle;margin-top: -3px;margin-left: 20px;margin-right: 8px;}
.DiscTable table{border-color: #dddddd}
.DiscTable .thead{height: 70px;line-height: 70px;text-align: center;font-family: SourceHanSansCN-Regular;font-size: 20px;color: #ffffff;background-color: #c80010;}
.DiscTable .thead td{font-size: 20px;color: #fff;}
.DiscTable .thead td img{}
.DiscTable td{height: 70px;font-size: 20px;color: #333333;text-align: center;border-color: #ddd;line-height: 30px;padding: 20px 0}
.DiscTable td.bz{text-align: left;padding-left: 40px;}


/*防爆膜*/
.FbmP1,.FbmP2{display: inline-block;width: 100%;margin-top: 3%;background-color: #f8f8f8;}
.FbmP1 .w50{width: 50%;}
.FbmP1 .w50 .imgbox{padding-bottom: 55%;}
.FbmP1 .w50 .imgbox img{position: absolute;right: 0;bottom: 0}
.FbmP1 .w50.fr{padding: 50px 50px 0;}
.FbmP1 .w50.fr .tit{font-size: 24px;color: #ffffff;line-height: 30px;letter-spacing: 5px;width:10%;height: 250px;background-color: #ca1725;padding:0 0 0 15px;float: left;  writing-mode: vertical-lr;  text-align: center;}
.FbmP1 .w50.fr .imgboxs{width:40.573%; margin-right:3%;cursor: pointer;}
.FbmP1 .w50.fr .imgbox{height: 250px;}
.FbmP1 .w50.fr .imgbox span{transition: all 0.3s;}
.FbmP1 .w50.fr .imgbox span.hide{opacity: 0;}
.FbmP1 .w50.fr .imgboxs:hover span.hide{opacity: 1;}
.FbmP1 .w50.fr .imgboxs:hover p span.show{display:none;}
.FbmP1 .w50.fr .imgboxs:hover p span.hide{display: inline-block;}
.FbmP1 .FbmP1r_b{margin-top: 20px;}
.FbmP1 .w50.fr .imgboxs p{font-size: 20px;color: #333333;line-height: 36px;text-align: center;margin-top: 15px;}

.FbmP2 .w375{width: 37.5%;float: left;}
.FbmP2 .w375 .imgbox{padding-top: 62%;}
.FbmP2 .w625{width: 62.5%;float: left;padding-top: 80px;padding-left: 120px;box-sizing: border-box;}
.FbmP2 .w625 .w625box{width: 50%;float: left;min-height: 140px;}
.FbmP2 .w625 .w625box h3{font-size: 20px;line-height: 30px;color: #333333;position: relative;}
.FbmP2 .w625 .w625box h3:after{margin: 5px 0 5px;width: 80px; height: 2px;content: "";  background-color: #34aba9;display: block;}
.FbmP2 .w625 .w625box p{font-size: 18px;line-height: 30px;color: #333333}
.DiscP1 .tips {margin-top: 25px;line-height: 30px;padding-bottom: 30px; border-bottom: 1px solid #eeeeee;;}
.DiscP1 .tips h3{font-size: 18px;color: #333333;font-family: SourceHanSansCN-Regular;}
.DiscP1 .tips p{font-size: 16px;color: #555555;font-family: SourceHanSansCN-Normal;}
.DiscP1 .tips p .red{color: #ca1725;}

.FbmP3{display: inline-block;width: 100%;margin-top: 3%;}
.FbmP3_b .FbmP3_box{width: 32%;float: left;margin-right: 2%;}
.FbmP3_b .FbmP3_box:nth-child(3n){margin-right: 0;}
.FbmP3_b .FbmP3_box p{font-family: SourceHanSansCN-Regular;font-size: 20px;line-height: 30px;color: #333333;margin-top: 32px;}


/*TPMS胎压数字显示监测系统*/
.TPMS_p1 .w50.fl .imgbox{ cursor: pointer;}
.TPMS_p1 .w50 .imgbox{padding-top: 62.5%;   }
.TPMS_p1 .w50.fl .imgbox:not(:hover) span.hide{ opacity: 0;}
.TPMS_p1{display: inline-block;width: 100%;margin-top: 3%;  }
.TPMS_p1 .box{margin-bottom: 3%;display: inline-block;width: 100%;}

.TPMS_p2{font-size: 0;text-align: center;max-width: 1124px;    margin: auto;}
.TPMS_p2 .TPMS_p2box{width:30.25%;margin: 0 1.5%;display: inline-block;vertical-align: top;}
.TPMS_p2 .TPMS_p2box .imgbox{padding-top:73.52%  }
.TPMS_p2 .TPMS_p2box .imgbox span{transition: all 0.3s;cursor: pointer;}
.TPMS_p2 .TPMS_p2box .imgbox .hide{opacity: 0;}
.TPMS_p2 .TPMS_p2box .imgbox:hover span{opacity: 0;}
.TPMS_p2 .TPMS_p2box .imgbox:hover .hide{opacity: 1;}
.TPMS_p2 .TPMS_p2box .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.TPMS_p2 .TPMS_p2box h3{font-size: 30px;letter-spacing: -1px;color: #333333;line-height: 30px;margin: 30px auto 20px;}
.TPMS_p2 .TPMS_p2box p{font-family: SourceHanSansCN-Light;font-size: 18px;line-height: 25px;color: #202838;}

.Chtb_p1,.Chtb_p2,.Chtb_p3 {margin-top: 3%;display: inline-block;width: 100%;}
.Chtb_p1{position: relative;}
.Chtb_p1 .w4875{width: 48.85%;}
.Chtb_p1 .w4875 .imgbox{padding-bottom: 51.28%;cursor: pointer;}
.Chtb_p1 .w4875 .imgbox img{position: absolute;right:10px;bottom: 40px;z-index: 99;}
.Chtb_p1 .w4875 .hide{position: absolute;width: 0;height: 100%;top: 0;left: 0;transition:  all 0.3s;z-index: 100;display: block;}
.Chtb_p1 .w4875 .hide span{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;width: 0;height: 100%;top: 0;left: 0;transition:  all 0.3s;}
.Chtb_p1 .w4875:nth-child(2) .hide{left: auto;right: 0;}
.Chtb_p1 .w4875:hover .hide{width: 100%;}
.Chtb_p1 .w4875:hover .hide span{width: 100%;}

.Chtb_p2 .imgbox{padding-bottom: 73.8%;}
.Chtb_p2 .Chtb_p2box.txt .imgbox span{transition:  all 0.3s;cursor: pointer;}
.Chtb_p2 .Chtb_p2box.txt .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.Chtb_p2 .Chtb_p2box.txt .imgbox .hide{opacity: 0;}
.Chtb_p2 .Chtb_p2box.txt .imgbox:hover span{opacity: 0;}
.Chtb_p2 .Chtb_p2box.txt .imgbox:hover .hide{opacity: 1;}
.Chtb_p2 .Chtb_p2box{width:18%;margin-right: 2.5%;float: left;text-align: center;}
.Chtb_p2 .Chtb_p2box:nth-child(5n){margin-right: 0;}
.Chtb_p2 .Chtb_p2box h3{font-size: 32px;color: #CA1725;line-height: 40px;margin-top: 30px;}
.Chtb_p2 .Chtb_p2box h3:after{display: block;width: 120px;height: 3px;background:#CA1725;margin: 10px auto 20px;content: "" }
.Chtb_p2 .Chtb_p2box p{padding: 0 50px;font-family: SourceHanSansCN-Light;font-size: 18px;line-height: 25px;text-align: left;}


.Chtb_p3_b .imgbox{padding-bottom: 56.82%;overflow: visible;}
.Chtb_p3_b .imgbox p{font-size: 18px;font-family: SourceHanSansCN-Light;color: #333333;}
.Chtb_p3_b .imgbox p.p1{position: absolute;left:7%;top: 48%}
.Chtb_p3_b .imgbox p.p2{position: absolute;left:7%;bottom: -8%}
.Chtb_p3_b .tit{height: 34px;line-height: 34px;border-radius: 10px;background: #CA1725;padding: 0 20px;color: #fff;font-size: 18px;float: left;clear: both;margin: 5% auto 3%}
.Chtb_p3_b .imgbox.fl{width: 58%;padding-bottom:56.85%;}
.Chtb_p3_b .imgbox.fr{width: 42%;padding-bottom: 56.9%;cursor: pointer;}
.Chtb_p3_b .imgbox.fr:not(:hover) span.hide{opacity: 0;}
.Chtb_p3_b .imgbox p.p3{position: absolute;left:7%;bottom: -14%}

.Chtb_p4 {margin-top: 6%;display: inline-block;width: 100%;}
.Chtb_p4 .imgbox{padding-bottom: 38.75%;margin-top: 3%}

/*地毯*/
.Ditan_p1{display: inline-block;width: 100%;  background-color: #f8f8f8;margin-top: 3%}
.Ditan_p1 .Ditan_p1_l{width: 56.25%;}
.Ditan_p1 .Ditan_p1_l .imgbox{padding-bottom: 66.666%;}
.Ditan_p1 .Ditan_p1_l .imgbox span{transition: all 0.3s;cursor: pointer;}
.Ditan_p1 .Ditan_p1_l  .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.Ditan_p1 .Ditan_p1_r{width: 43.75%;}
.Ditan_p1 .Ditan_p1_r .imgbox{padding-bottom: 85.71%;}
.Ditan_p1 .Ditan_p1_r .imgbox span{background-size: auto}
.Ditan_p1 .Ditan_p1_l .imgbox .hide{opacity: 0;}
.Ditan_p1 .Ditan_p1_l .imgbox:hover span{opacity: 0;}
.Ditan_p1 .Ditan_p1_l .imgbox:hover .hide{opacity: 1;}

.Ditan_p2{display: inline-block;width: 100%; margin-top: 3%}
.Ditan_p2 .Ditan_p2box{width: 32%;float: left;margin-right: 2%;}
.Ditan_p2 .Ditan_p2box:nth-child(3n){margin-right: 0;}
.Ditan_p2 .Ditan_p2box .imgbox{padding-bottom: 76%;}
.Ditan_p2 .Ditan_p2box  .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.Ditan_p2 .Ditan_p2box  .imgbox span{transition: all 0.3s;cursor: pointer;}
.Ditan_p2 .Ditan_p2box .txt{background-color: #ca1725;padding: 50px 10px;color: #fff; min-height:210px}
.Ditan_p2 .Ditan_p2box .txt h3{font-size: 30px;letter-spacing: -1px;line-height: 30px;text-align: center;margin-bottom: 20px;}
.Ditan_p2 .Ditan_p2box .txt p{font-family: SourceHanSansCN-Light;font-size: 20px;line-height: 30px;text-align: center;    max-width: 412px;margin: auto;}
.Ditan_p2 .Ditan_p2box .imgbox .hide{opacity: 0;background-size: contain;}
.Ditan_p2 .Ditan_p2box:hover .imgbox span{opacity: 0;}
.Ditan_p2 .Ditan_p2box:hover .imgbox .hide{opacity: 1;background-color: #eee}
.Ditan_p2 .Ditan_p2box:hover .txt.show{display: none;}
.Ditan_p2 .Ditan_p2box:hover .txt.hide{display: block;}
.Ditan_p2 .Ditan_p2box:hover .txt.hide p{ max-width:300px;text-align:left; }
/*儿童安全座椅*/
.Etaqzy_p1{display: inline-block;width: 100%; margin-top: 3%}
.Etaqzy_p1 .imgbox{padding-bottom: 47.5%;}

.Etaqzy_p2{margin-top: -8%}

.Etaqzy_p2 .Etaqzy_p2_l{width: 68.75%;}
.Etaqzy_p2 .Etaqzy_p2_l .imgbox{padding-bottom: 65%;}
.Etaqzy_p2 .Etaqzy_p2_l .imgbox span{background-size: auto;background-position: right center}
.Etaqzy_p2 .Etaqzy_p2_r{width: 25%;background-color: #f8f8f8;height: 411px;margin-top: 10%}
.Etaqzy_p2 .Etaqzy_p2_r .imgbox{height: 411px;width:100%;float: left;}

.Etaqzy_p3,.Etaqzy_p4{display: inline-block;width: 100%; margin-top: 3%}
.Etaqzy_p3 .Etaqzy_p3_l{width: 37.5%;padding-top: 30px;padding-left: 70px;background-color: #f8f8f8;}
.Etaqzy_p3 .Etaqzy_p3_l h3{font-size: 22px;font-weight: normal;}
.Etaqzy_p3 .Etaqzy_p3_l h3:after{display: block;width: 100px;height: 2px;background:#2EA6A4;margin: 5px 0 12px;content: "" }
.Etaqzy_p3 .Etaqzy_p3_l p{font-family: SourceHanSansCN-Light;font-size: 16px;line-height: 22px;margin-bottom: 20px;}
.Etaqzy_p3 .Etaqzy_p3_r{width: 62.5%;}
.Etaqzy_p3 .Etaqzy_p3_r .imgbox{width:60%;padding-bottom: 32.18%;}
.Etaqzy_p3 .Etaqzy_p3_r .imgbox span{cursor: pointer;}
.Etaqzy_p3 .Etaqzy_p3_r .imgbox span.hide{opacity:0;}
.Etaqzy_p3 .Etaqzy_p3_r .imgbox:hover span.hide{opacity:1;}
.Etaqzy_p3 .Etaqzy_p3_r .red{background: #CA1725;display: flex;align-items: center;justify-content: center;font-size: 30px;line-height: 50px;color: #fff;height: 322px;}


.Etaqzy_p4 .center{display: block;margin: 0 auto;width: 31.25%;}
.Etaqzy_p4 .center .imgbox{padding-bottom: 120.67%;overflow: visible;}
.Etaqzy_p4 .center p{position: absolute;font-family: SourceHanSansCN-Light;font-size: 18px;line-height: 26px;width: auto;min-width: 330px;}
.Etaqzy_p4 .center p strong{font-size: 30px;margin-bottom: 20px;display: inline-block;}
.Etaqzy_p4 .center p.p1{right:80%;top: 20%}
.Etaqzy_p4 .center p.p2{left:100%;top: 30%}
.Etaqzy_p4 .center p.p3{left:100%;bottom: 10%}

/*电动尾门*/
.Ddwm_p1,.Ddwm_p2,.Ddwm_p3{display: inline-block;width: 100%; margin-top: 3%}
.Ddwm_p1 .imgbox{padding-bottom: 63.75%;}
.Ddwm_p2 .Ddwm_p2box{width: 50%;float: left;margin-bottom: 2%;display: flex;}
.Ddwm_p2 .Ddwm_p2box .imgbox{width:33.75%; height: 216px;}
.Ddwm_p2 .Ddwm_p2box:nth-child(odd){clear: both;}
.Ddwm_p2 .Ddwm_p2box .txt{width:66.25%;margin-left: 40px;margin-top: 40px;}
.Ddwm_p2 .Ddwm_p2box .txt h3{font-size: 24px;color: #333333;line-height: 36px;}
.Ddwm_p2 .Ddwm_p2box .txt p{font-size: 18px;line-height: 30px;  color: #333333;font-family: SourceHanSansCN-Light;margin-top: 10px;}


.Ddwm_p3 .tit{text-align: center;}
.Ddwm_p3 .Ddwm_p3_b{display: inline-block;width: 100%;text-align: center;font-size: 0;margin-top: 2%}
.Ddwm_p3 .Ddwm_p3_b .Ddwm_p3_box{display: inline-block;margin: 0 1.5%;width:18%}
.Ddwm_p3 .Ddwm_p3_b .Ddwm_p3_box .imgbox{width:100%;padding-bottom: 100%;}
.Ddwm_p3 .Ddwm_p3_b .Ddwm_p3_box  p{text-align: center;font-size: 20px;line-height: 30px;color: #333333;margin-top: 10px;}

/*防水行李箱垫*/
.Fsxlxd_p1,.Fsxlxd_p2{display: inline-block;width: 100%; margin-top: 3%}
.Fsxlxd_p1_l{width: 50%;}
.Fsxlxd_p1_l .imgbox{padding-bottom: 75%;}
.Fsxlxd_p1_ll .imgbox span{transition: all 0.3s;cursor: pointer;}
.Fsxlxd_p1_ll .imgbox .hide{opacity: 0;}
.Fsxlxd_p1_ll .imgbox:hover span{opacity: 0;}
.Fsxlxd_p1_ll .imgbox:hover .hide{opacity: 1;}
.Fsxlxd_p1_ll .imgbox img{position: absolute;left:10px;bottom: 10px;z-index: 99;}
.Fsxlxd_p2 .Fsxlxd_p2_l{display: flex;align-items: center;justify-content: center;width:50%;height: 520px;}
.Fsxlxd_p2 .Fsxlxd_p2_l ul{text-align: center;}
.Fsxlxd_p2 .Fsxlxd_p2_l li{width: 45%;display: inline-block;list-style: none;margin-bottom: 5%;min-height: 80px;text-align: left;}
.Fsxlxd_p2 .Fsxlxd_p2_l li h3{font-size: 22px;}
.Fsxlxd_p2 .Fsxlxd_p2_l li h3:after{display: block;width: 100px;height: 2px;background:#CA1725;margin: 5px 0 12px;content: "" }
.Fsxlxd_p2 .Fsxlxd_p2_l li p{font-size: 18px;line-height: 30px;}
.Fsxlxd_p2 .Fsxlxd_p2_r .imgbox{width:100%;padding-bottom: 65%;}
.Fsxlxd_p2 .Fsxlxd_p2_r{width: 50%;}


/*功能型空调滤芯*/
.Ktlx_p1,.Ktlx_p2,.Ktlx_p3{display: inline-block;width: 100%; margin-top: 3%}
.Ktlx_p1  .imgbox{padding-bottom: 57.5%;}
.Ktlx_p2{text-align: center;font-size: 0}
.Ktlx_p2 .Ktlx_p2_l {width: 50%;float: left;}
.Ktlx_p2 .Ktlx_p2_l .imgbox{padding-bottom: 70%;float: right;width:60%}
.Ktlx_p2 .Ktlx_p2_r{width:50%;float: left;text-align: left;padding-left: 6%;}
.Ktlx_p2 .Ktlx_p2_r .txt .box{margin-top: 5%}
.Ktlx_p2 .Ktlx_p2_r .txt ul{display: inline-block;width: 100%;margin-top: 1%}
.Ktlx_p2 .Ktlx_p2_r .txt h3 span{width: 27px;  height: 27px;border-radius: 50%;line-height: 27px;text-align: center;font-size: 20px;color: #2491c3;display: inline-block;  border:1px solid #2491c3;margin-right: 10px;}
.Ktlx_p2 .Ktlx_p2_r .txt h3{font-size: 18px;color: #2491c3;height: 27px;line-height: 27px;text-align: left;font-weight: normal;margin-top: 2%}
.Ktlx_p2 .Ktlx_p2_r .txt h3 strong{font-size: 24px;}
.Ktlx_p2 .Ktlx_p2_r .txt li{font-size: 18px;line-height: 36px;color: #2491c3;position: relative;height: 36px;margin-left: 30px;}
.Ktlx_p3  .imgbox{padding-bottom: 38%;width: 83.125%;margin: 0 auto}
.Ktlx_p3 p{font-size: 18px;line-height: 30px;color: #333333;text-align: center;margin-top: 15px;}


/*无线充电器*/
.Wxcd_p1,.Wxcd_p2,.Wxcd_p4{display: inline-block;width: 100%; margin-top: 3%}
.Wxcd_p1 .imgbox{padding-bottom: 37.5%;}

.Wxcd_p2 .Wxcd_p2box{width: 23.5%;margin-right: 2%;float: left;}
.Wxcd_p2 .Wxcd_p2box:nth-child(4n){margin-right: 0;}
.Wxcd_p2 .Wxcd_p2box .imgbox{padding-bottom: 84.21%;}
.Wxcd_p2 .Wxcd_p2box h3{font-size: 24px;line-height: 36px;color: #333333;margin: 15px auto 10px;}
.Wxcd_p2 .Wxcd_p2box p{font-size: 18px;font-family: SourceHanSansCN-Light;line-height: 24px;  color: #333333;}
.Wxcd_p3 img{margin-top: 8%}
.Wxcd_p4{background-color: #f8f8f8;}
.Wxcd_p4 .Wxcd_p4_l{width: 30%;}
.Wxcd_p4 .Wxcd_p4_l .imgbox{padding-bottom: 120.83%;}
.Wxcd_p4 .Wxcd_p4_r{width: 70%;display: flex;align-items: center;justify-content: center;height: 580px;}
.Wxcd_p4 .Wxcd_p4_r ul{text-align: center;padding: 0 4%}
.Wxcd_p4 .Wxcd_p4_r li{width: 45%;display: inline-block;;list-style: none;margin-bottom: 5%;min-height: 80px;text-align: left;float: left;}
.Wxcd_p4 .Wxcd_p4_r li h3{font-size: 22px;color: #CA1725}
.Wxcd_p4 .Wxcd_p4_r li h3:after{display: block;width: 100px;height: 2px;background:#CA1725;margin: 5px 0 12px;content: "" }
.Wxcd_p4 .Wxcd_p4_r li p{font-size: 18px;line-height: 30px;}

.Wxcd_p5.Ddwm_p2 .Ddwm_p2box .imgbox{width: 236px;height: 153px;}
.Wxcd_p5.Ddwm_p2 .Ddwm_p2box .txt h3{color: #CA1725}
.Wxcd_p5.Ddwm_p2 .Ddwm_p2box .txt h3:after{display: block;width: 100px;height: 2px;background:#CA1725;margin: 5px 0 12px;content: "" }
.DiscP1_btxtb .w25{width: 25%;}
@media(max-width:1600px){
.Etaqzy_p3 .Etaqzy_p3_r .imgbox{height: 322px;padding: 0}
.Discriminate .DiscMenu li{padding: 0 1%}
}
@media(max-width:1440px){
.Etaqzy_p2 .Etaqzy_p2_l .imgbox span,.Etaqzy_p2 .Etaqzy_p2_r .imgbox span{background-size: contain;}
.Etaqzy_p2 .Etaqzy_p2_r{margin-top: 5%;background: none}
.Etaqzy_p3 .Etaqzy_p3_l{padding: 30px 0 0 30px;}
.Etaqzy_p4 .center p.p2{top: 20%}
.Etaqzy_p4 .center p strong{font-size: 24px;margin-bottom: 10px;}
.Etaqzy_p4 .center p{font-size: 16px;line-height: 22px;}
.FbmP1 .w50.fr .tit{padding-left:10px;}
.Wxcd_p4 .Wxcd_p4_r li p{min-height: 60px;}
.Ktlx_p2 .Ktlx_p2_r .txt li{height: auto;}
.Wxcd_p4 .Wxcd_p4_r{height: 443px;}
.Ddwm_p2 .Ddwm_p2box .txt{margin-left: 10px;margin-top: 10px;max-width:280px;}
.Wxcd_p4 .Wxcd_p4_r li{margin-bottom: 2%;}
}
@media(max-width:1024px){
.Discriminate .DiscMenu ul{display: inline-block;width: 100%;}

.Chtb_p2 .Chtb_p2box h3{font-size: 24px;line-height: 30px;}
.Chtb_p2 .Chtb_p2box p{padding: 0;text-align: justify;font-size: 14px;}
.Chtb_p2 .Chtb_p2box.txt .imgbox img{width: 30px;}
.Chtb_p3_b .imgbox p{font-size: 12px;}
.Ditan_p1 .Ditan_p1_r .imgbox span{background-size: contain;}
.Ditan_p2 .Ditan_p2box .txt h3{font-size: 24px}
.Ditan_p2 .Ditan_p2box .txt p{font-size: 16px;line-height: 22px;}
.Ditan_p2 .Ditan_p2box .txt p br{display: none}
.Ditan_p2 .Ditan_p2box .txt{min-height: 220px;}
.Ddwm_p2 .Ddwm_p2box .txt{margin: 30px;}
.Ddwm_p2 .Ddwm_p2box .txt p{min-height: 90px;}
.Ddwm_p2 .Ddwm_p2box .imgbox{height: 197px;}
.Etaqzy_p3 .Etaqzy_p3_r .red,.Etaqzy_p3 .Etaqzy_p3_r .imgbox{height: 344px;}
.FbmP1 .w50.fr{padding: 20px  20px 0}
.FbmP1 .w50.fr .imgbox{height: 160px;}
.FbmP1 .w50.fr .tit{font-size: 16px;line-height: 20px;height: 160px;}
.FbmP1 .FbmP1r_b{margin-top: 10px;}
.FbmP1 .w50.fr .imgboxs p{font-size: 16px;margin-top: 0}
.FbmP2 .w625{padding: 20px 0 0 20px;}
.FbmP2 .w625 .w625box{min-height: 102px;}
.FbmP2 .w625 .w625box p{font-size: 16px;line-height: 22px;}
.Fsxlxd_p2 .Fsxlxd_p2_l{height: auto;}
.Wxcd_p4 .Wxcd_p4_r li h3{font-size: 20px;}
.Wxcd_p4 .Wxcd_p4_r li p{font-size: 16px;line-height: 22px;min-height: 44px;}
.Wxcd_p4 .Wxcd_p4_r{height: 350px;}
.DiscTable .thead td{font-size: 18px;}
.DiscTable td{font-size: 16px;}
.DiscTable td.bz{padding-left:10px}
}
@media(max-width:960px){
.Fsxlxd_p2 .Fsxlxd_p2_l{display: block;}
.Fsxlxd_p2 .Fsxlxd_p2_l li{width:100%;display: block;}
}
@media(max-width:768px){
.Discriminate .DiscMenu li{height: 40px;line-height: 40px;padding: 0 2%;}
.DiscTit{font-size: 24px;}
.TPMS_p2 .TPMS_p2box h3{font-size: 20px;margin: 20px auto 10px;}
.Chtb_p2 .Chtb_p2box{width: 100%;margin-bottom: 20px;}
.Chtb_p2 .Chtb_p2box p{font-size: 16px;text-align: center;}
.w475,.Chtb_p1 .w4875{width: 100%;}
.Chtb_p3_b .imgbox p{font-size: 16px;}
.Chtb_p3_b .w475{margin-bottom: 3%;}
.Chtb_p4{margin-top: 10%}
.Ditan_p2 .Ditan_p2box .txt{padding: 20px;}
.Ddwm_p2 .Ddwm_p2box .txt p{font-size: 14px;min-height: 74px;line-height: 24px;}
.Ddwm_p2 .Ddwm_p2box .txt p br{display: none}
.Ddwm_p2 .Ddwm_p2box .imgbox{width: 90%;height: auto;padding-bottom: 70.36%;}
.Ddwm_p2 .Ddwm_p2box .txt{margin: 20px;}
.Ddwm_p2 .Ddwm_p2box .txt h3{font-size: 20px;}
.tit img{max-width: 60%}
.Etaqzy_p2 .Etaqzy_p2_r{height: 200px;margin-top: 0}
.Etaqzy_p4 .center p{min-width:260px;font-size: 14px;}
.Etaqzy_p4 .center p.p3{bottom: 0}
.Etaqzy_p4 .center p.p2{top: 10%}
.Etaqzy_p4 .center p strong{font-size: 20px;}
.Etaqzy_p3 .Etaqzy_p3_r .red,.Etaqzy_p3 .Etaqzy_p3_r .imgbox {font-size: 20px;line-height: 30px;height: 366px;}
.FbmP1 .w50,.FbmP2 .w375,.FbmP2 .w625,.Fsxlxd_p1_l,.Fsxlxd_p2 .Fsxlxd_p2_l,.Fsxlxd_p2 .Fsxlxd_p2_r,.Ktlx_p2 .Ktlx_p2_l,.Ktlx_p2 .Ktlx_p2_r{width: 100%;}
.FbmP1 .w50.fr{padding: 0;margin-top: 20px;}
.FbmP3_b .FbmP3_box p{font-size: 16px;}
.Ktlx_p2 .Ktlx_p2_l .imgbox{float: none;margin: 0 auto}
.Ktlx_p2 .Ktlx_p2_r .txt h3 strong{font-size: 20px;}
.Ktlx_p3 p{font-size: 14px;}
.Wxcd_p2 .Wxcd_p2box{width: 48%;margin-bottom: 4%;}
.Wxcd_p4 .Wxcd_p4_l,.Wxcd_p4 .Wxcd_p4_r{width: 100%}
.Wxcd_p4 .Wxcd_p4_r li{margin-right: 3%;}
.Wxcd_p5.Ddwm_p2 .Ddwm_p2box .imgbox{padding-bottom: 0;}
.Wxcd_p2 .Wxcd_p2box h3{font-size: 20px;}
.Wxcd_p2 .Wxcd_p2box p{font-size: 16px;}
.DiscP1_bb .w475 .w475{text-align: center;}
.DiscP1_btxtbb .DiscP1_btxtbbox{width: 48%}
.DiscP1_btxtb .w25{width: 100%;margin-bottom: 4%;}
.DiscP1_bb .w475 .txt h3{font-size: 20px;}
.DiscP1_btxt li{font-size: 16px;}
.DiscP1_bb .w475 .txt{ min-height: auto; padding:3% 0}
.Fsxlxd_p2 .Fsxlxd_p2_l li h3{font-size: 20px;}
.Fsxlxd_p2 .Fsxlxd_p2_l li p{font-size: 16px;}
.DiscP1_btxtb_r .txt{padding:2% 0}
.DiscP1_btxtb_r .txt h3{font-size: 20px;}
.DiscP1_btxtb_r .txt p{font-size: 16px;}
.DiscP1_b .w50 p,
.DiscP1_b .w100 p,
.DiscP1_btxtb .w25 p{font-size:18px;padding: 0 30px 0 10px;}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt{padding:2% 0}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt h3{font-size: 20px;}
.DiscP1_btxtbb .DiscP1_btxtbbox .txt p{font-size: 16px;}
.DiscTable .tips{font-size: 16px;}
.DiscTable .tips strong{font-size: 20px;}
}
@media(max-width:640px){
  .TPMS_p2 .TPMS_p2box{width:100%;margin-bottom: 20px;}
.w50,.Ditan_p1 .Ditan_p1_l,.Ditan_p1 .Ditan_p1_r,.Ditan_p2 .Ditan_p2box{width: 100%;margin-right: 0;}
.Ditan_p2 .Ditan_p2box .txt{min-height: 150px;}
.Ddwm_p2 .Ddwm_p2box{width: 100%;margin-bottom: 20px;}
.Ddwm_p3 .Ddwm_p3_b .Ddwm_p3_box{width: 47%;margin-bottom: 20px;}
.Ddwm_p2 .Ddwm_p2box .imgbox{width: 100%;height: auto;padding-bottom: 79.36%;}
.Etaqzy_p2 .Etaqzy_p2_l{width: 100%;}
.Etaqzy_p2 .Etaqzy_p2_r{width: 100%;height: auto;}
.Etaqzy_p3 .Etaqzy_p3_l,.Etaqzy_p3 .Etaqzy_p3_r{width: 100%}
.Etaqzy_p4 .center p,.Etaqzy_p4 .center .imgbox span{position: static;margin-bottom: 20px;}
.Etaqzy_p4 .center .imgbox span{padding-bottom: 120%; }
.Etaqzy_p4 .center,.FbmP3_b .FbmP3_box{width: 100%;margin: 0 auto;margin-bottom: 4%;}
.Etaqzy_p4 .center .imgbox {padding: 0}
.FbmP2 .w625 .w625box{width: 100%; float:none;min-height: auto;padding-bottom:2%}
.FbmP3 h3 img{max-width: 60%}

.Wxcd_p4 .Wxcd_p4_r{height: auto;padding: 20px 0}
.Wxcd_p4 .Wxcd_p4_r li{width: 100%;margin: 0;margin-bottom: 4%;}
.Wxcd_p5.Ddwm_p2 .Ddwm_p2box .imgbox{width: 100%;height: auto;padding-bottom: 65%;}
.DiscP1_btxtb_r,.DiscP1_btxtbb .DiscP1_btxtbbox{width: 100%}
.DiscP1_btxtbb .DiscP1_btxtbbox{margin-bottom: 4%;}
.Ddwm_p2 .Ddwm_p2box .txt{}
.Ddwm_p2 .Ddwm_p2box .txt p{min-height: auto;}

}