@font-face {
  font-family: 'LN-font';
  src: url('fonts/RenaultLife-Regular.ttf'),
    url('fonts/NotoSansHans-Regular.otf');
}

body,
html,
div,
blockquote,
img,
label,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
form,
a,
fieldset,
input,
th,
td,
span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-family: "LN-font", "Microsoft YaHei", "SimHei", Arial, "SimSun" !important;
}

html,
body {
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
  font-size: 10px;
  line-height: 20px;
  color: #333;
  background: url(../images/bg.png) repeat;
  overflow-x: hidden;
}

body {
  font-size: 1.4rem;
}

@media screen and (max-width: 1000px) {
  body {
    overflow-x: hidden;
  }
}

button {
  border: 0;
  outline: none;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  padding: .5em 0;
  margin: 0 15px;
}

ul,
ol {
  list-style: none;
}

input,
select {
  display: block;
  border-radius: 5px;
  border: 0;
}

img {
  border: 0;
  vertical-align: middle
}

a {
  display: inline-block;
  color: black;
  text-decoration: none;
  outline: none;
}

a:hover,
a:visited,
a:active,
div:hover,
div:visited,
div:active {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  border: none;
  height: 1px;
}

.pull-left {
  float: left;
  padding: .5em .5em .5em 0;
}

.pull-right {
  float: right;
  padding: .5em 0 .5em .5em;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.red {
  color: #ff3333 !important;
}

.white {
  color: #eee !important;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  display: table;
  content: '';
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*clearfix*/

.dealer-1 {
  *zoom: 1;
}

.dealer-1:before {
  display: table;
  content: '';
}

.dealer-1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*---------------------------------------------------------------------------*/

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

.bg3-text {
  margin: 0 5% 6%;
  width: 60%;
}

.bg-top {
  height: 22px;
}

.btn-hb {
  display: block;
  position: absolute;
  top: 32%;
  right: 20%;
  width: 40px;
  height: 30px;
  font-size: 0;
  background: url("../images/point.png") no-repeat;
  background-size: contain;
}

.link-official {
  position: absolute;
  right: 25%;
  top: 30%;
  background: url(../images/66666.png) no-repeat;
  background-size: contain;
  background-position: right;
  color: #fff;
  font-size: 0;
  height: 22px;
  width: 150px;
}

.link-official a {
  display: block;
  width: 100%;
  height: 100%;
}

.wrap {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
  height: 100%;
}

.area {
  position: absolute;
  z-index: 2;
  right: 10%;
  bottom: 5%;
  margin: 0 auto;
  width: 80%;
  text-align: right;
}

.list {
  margin: 4% 2%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #574601;
  font-size: 12px
}

.title {
  margin: 0 auto 20px;
  padding-top: 35px;
  height: 70px;
  font-size: 0;
  text-align: center
}

.title img {
  height: 100%;
}

.wrap h2 {
  text-align: center;
  color: #fff;
  font-size: 0;
}

.wrap-in {
  position: relative;
  padding: 0;
  width: 100%;
}

.content-work {
  position: relative;
  padding: 1px;
  border-radius: 1px;
  width: 100%;
}

.content-work a {
  display: block;
}

.swiper-container {
  overflow: visible;
}

.form-hint {
  margin: 2% auto 0;
  width: 90%;
}

video {
  max-width: 100%;
  max-height: 70vh;
  background-size: cover;
  background-position: center center;
}

.show-video {
  position: relative;
}

.video {
  margin: 0;
  /* height: 200px; */
  background: #333;
}

.posterBg {
  width: 100%;
  background: rgba(#000, #000, #000, 0.5);
  background-size: 100% 100%;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: url(https://go.sohu.com/2019/renault_oct/images/video_play.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0;
  border: 2px solid #fece00
}

.news-list {
  padding: 0 20px 10px;
}

.news-list li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd
}

.news-list li:last-child {
  border-bottom: 0
}

.news-list li a {
  display: block
}

.news-list h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold
}

.news-list p {
  font-size: 12px;
}

.search {
  padding: 30px 0 270px;
}


/*---------------------------------------------------------------------------*/


/*form 琛ㄥ崟*/

.form-bg{
  background: url("../images/bg2.jpg") no-repeat 0 0;
}
.form {
  padding: 10px 0;
  width: 100%;
}

.form h2 {
  margin: 5% 0;
  line-height: 24px;
  font-size: 0;
  text-align: center;
  color: #fff;
}

.form .form-main {
  margin: 5% auto;
  padding: 5% 0;
  width: 280px;
  background: #333;
  border-radius: 10px;
}

.reading {
  text-align: left;
  font-size: 12px;
}

.reading a {
  text-decoration: underline;
}

.reading,
.reading a {}

.reading a:hover,
.reading a:active {
  text-decoration: none;
}


/*杞挱鍥�*/

.carshow {
  position: relative;
  margin: 5% auto;
  width: 100%;
}

.tab-main-box {
  position: relative;
  overflow: hidden;
}

.tab-main-box,
.swiper-container-fade .swiper-slide {
  /* background: #f1f2f3; */
}

.tab-main {
  width: 100%;
  z-index: 1;
}

.tab-main.active {
  display: block;
  z-index: 2;
}

.tab-overflow {
  overflow: hidden;
}

.swiper-container {
  margin: 10px 0 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-container1 {
  margin: 10px 5%;
  width: 90%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(https://go.sohu.com/2019/renault_oct/images/ad_ctr_l.png);
  left: 0;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(https://go.sohu.com/2019/renault_oct//images/ad_ctr_r.png);
  right: 0;
}


/*鍒嗛〉鍣�*/

.swiper-pagination-bullet {
  width: 12px;
  height: 4px;
  border-radius: 5px;
  background: #fed900
}

.swiper-pagination-bullet-active {
  width: 15px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}

.tab-main,
.tab-main-box2,
.swiper-slide,
.swiper-wrapper,
.swiper-container {
  height: auto;
}

.slide-text {
  padding: 5% 5% 10%;
}

.slide-text h3 {
  margin: 2% 0;
  color: #c70c2e;
  font-weight: bold;
}


/*杞挱鍥� end*/


/*鍒囨崲鏍峰紡 鏅€�*/

.tab-box {
  overflow: hidden;
}

.tab-list {
  text-align: center;
  width: 100%;
}

.tab-list ul {
  padding: 10px 0;
}

.tab-list li {
  margin: .5%;
  display: inline-block;
  padding: 8px 0;
  width: 31.3%;
  color: #fff;
  cursor: pointer;
  background: #666666;
}

.tab-list li img {
  display: none;
}

.tab-list li:hover,
.tab-list li.active {
  color: #fff;
  background: #c90329;
  outline: none;
}



/*鍒囨崲鏍峰紡 涓嬫媺*/

.tab-list-select {
  position: relative;
  top: 0;
  left: 0;
  margin: 5% auto;
  z-index: 10;
  width: 90%;
}

.tab-tolerant {
  display: none;
}

.tab-list-select .tab-tolerant {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
}

.tab-list-select .tab-tolerant p {
  padding: 5px 0;
}

.tab-list-select .tab-tolerant li {
  margin: 0;
  width: 100%;
  background: transparent;
  color: #333;
}

.tab-list-select .tab-list-in {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -48%;
  width: 96%;
  height: 200px;
  overflow-y: auto;
  text-align: center;
}

.tab-list-select .tab-list-in ul {
  padding: 0;
}

.tab-list-select .tab-list-in li {
  width: 100%;
}

.tab-list-select .tab-list-in li img {
  display: none;
}

.s-point {
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #666;
}


/*鍒囨崲 table*/

.tab-table {
  height: 500px;
}


/*鍒囨崲 table end*/


/*table*/

.roll-table table {
  margin: 0 auto;
  font-size: 12px;
  width: 92%;
}

.roll-table table tr {
  border-bottom: 1px solid #ddd;
}

.roll-table table tr td:last-child {
  text-align: right;
}

.roll-table table tr td {
  display: inline-block;
  width: 50%;
  padding: 10px 0;
}


/*table end*/


/*缁忛攢鍟嗗垪琛�*/

.dealer-box {
  position: relative;
  padding: 5%;
  background: #ffba00;
}

.dealer-box h2 {
  font-size: 0;
}

.dealer-head,
.tab-dealer-box li {
  padding: 10px 3%;
}

.dealer-head {
  width: 94%;
  background: #cc0033;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-weight: bold;
}

.tab-content {
  display: none;
  font-size: 12px;
  background: rgba(255, 255, 255, .4);
}

.tab-content.active {
  display: block;
}

.tab-dealer-box li {
  border-bottom: 1px solid #fff;
}

.dealer-1 {
  margin-bottom: 4px;
  font-weight: bold;
}

.dealer-2 {
  color: #999;
}

.tab-dealer-box-row,
.tab-dealer-box-row .dealer-l,
.tab-dealer-box-row .dealer-r,
.tab-dealer-box-row .dealer-1,
.tab-dealer-box-row .dealer-2 {
  text-align: center;
  color: #333;
  margin: 2px 0;
}

.tab-dealer-box-row .dealer-l {
  width: 100%;
}

.tab-dealer-box-row .dealer-r {
  width: 100%;
}

.dealer-head .one,
.dealer-l {
  float: left;
  width: 60%;
  text-align: left;
}

.dealer-head .two,
.dealer-r {
  float: right;
  width: 40%;
  text-align: right;
}


/*婊氬姩鏉�*/

.roll-select,
.roll-select .mCSB_scrollTools,
.roll-select .mCSB_draggerRail {
  height: 200px;
}

.roll-dealer,
.roll-dealer .mCSB_scrollTools,
.roll-dealer .mCSB_draggerRail {
  height: 350px;
}

.roll-swiper-text,
.roll-swiper-text .mCSB_scrollTools,
.roll-swiper-text .mCSB_draggerRail {
  height: 100px;
}

.roll-form,
.roll-form .mCSB_scrollTools,
.roll-form .mCSB_draggerRail {
  /* height: 300px; */
}

.roll-tab-table,
.roll-tab-table .mCSB_scrollTools,
.roll-tab-table .mCSB_draggerRail {
  height: 200px;
}

.roll-table,
.roll-table .mCSB_scrollTools,
.roll-table .mCSB_draggerRail {
  height: 400px;
}

.mCSB_dragger,
.mCSB_scrollTools,
.mCSB_draggerRail,
.mCSB_dragger_bar {
  width: 2px;
}

.mCSB_scrollTools {
  right: 0;
  top: 0;
}

.mCSB_dragger {
  left: 0;
  background: #333;
}

.mCSB_draggerRail {
  overflow: hidden;
  background: #cc3333;
}

.mCSB_dragger_bar {
  height: 70px;
  cursor: pointer;
}


/*婊氬姩鏉� end*/


/*music*/

.media-wrap {
  overflow: hidden;
  position: fixed;
  z-index: 999;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
}

.media-wrap span {
  float: left;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 0;
}

.music-btn.on {
  -webkit-animation: reverseRotataZ 1.2s linear infinite;
}

.music-btn {
  float: right;
  width: 24px;
  height: 24px;
  background: url(http://auto.sohu.com/upload/201512077143333333/upload/music-icon.png);
  background-size: cover;
}

@-webkit-keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}


/*music end*/

.text-c-t,
.text-c-t a {
  color: #009eeb;
  font-size: 12px;
  text-align: center
}

.text-c-t a {
  text-decoration: underline
}

.text-c-t a:active,
.text-c-t a:hover {
  color: #009eeb;
  text-decoration: none
}

.text-c-in {
  margin: 5% 5%
}