@charset "UTF-8";
@font-face {
  font-family: 'han-bold';
  src: url('../fonts/han-bold.eot');
  src: url('../fonts/han-bold.eot') format('embedded-opentype'),
       url('../fonts/han-bold.woff2') format('woff2'),
       url('../fonts/han-bold.woff') format('woff'),
       url('../fonts/han-bold.ttf') format('truetype'),
       url('../fonts/han-bold.svg#han-bold') format('svg');
}
@font-face {
  font-family: 'han-middle';
  src: url('../fonts/han-middle.eot');
  src: url('../fonts/han-middle.eot') format('embedded-opentype'),
       url('../fonts/han-middle.woff2') format('woff2'),
       url('../fonts/han-middle.woff') format('woff'),
       url('../fonts/han-middle.ttf') format('truetype'),
       url('../fonts/han-middle.svg#han-middle') format('svg');
}
@font-face {
  font-family: 'DIN-BOLD';
  src: url('../fonts/DIN-BOLD.eot');
  src: url('../fonts/DIN-BOLD.eot') format('embedded-opentype'),
       url('../fonts/DIN-BOLD.woff2') format('woff2'),
       url('../fonts/DIN-BOLD.woff') format('woff'),
       url('../fonts/DIN-BOLD.ttf') format('truetype'),
       url('../fonts/DIN-BOLD.svg#DIN-BOLD') format('svg');
}
@font-face {
  font-family: "EurostileNextW1G-ExtSmBd";
  src: url("../fonts/EurostileNextW1G-ExtSmBd.woff2") format("woff2"),
       url("../fonts/EurostileNextW1G-ExtSmBd.woff") format("woff"),
       url("../fonts/EurostileNextW1G-ExtSmBd.ttf") format("truetype"),
       url("../fonts/EurostileNextW1G-ExtSmBd.eot") format("embedded-opentype"),
       url("../fonts/EurostileNextW1G-ExtSmBd.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINPro-Regular";
  src: url("../fonts/DINPro-Regular.woff2") format("woff2"),
       url("../fonts/DINPro-Regular.woff") format("woff"),
       url("../fonts/DINPro-Regular.ttf") format("truetype"),
       url("../fonts/DINPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/DINPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 768px) {
  html {
    font-size: 28px !important;
  }
}
@media (min-width: 1025px) {
  html {
    font-size: 30px !important;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 34px !important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px !important;
  }
}

*,*:after,*:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
select::-ms-expand { display: none; }
/* 单行截取 */
.els{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
    max-width: 100%;
}

body{
  min-width: 1260px;
}
.view{
   padding: 0 4.167%;
}
header{
  position: fixed;
  left: 0;
  top: .75rem;
  width: 100%;
  z-index: 50;
  transition: all .3s;
}
header .left{
    font-size: 0;
    float: left;
    margin-top: .75rem;
}

header .left span,
header .left a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
header .logo{
    width:105px;
	margin-top:-14px;
}
header .logo img{
    width: 100%;
}
header .left .divide{
    width: 1px;
    height: 15px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 1.5rem;
}
header .left .lang{
    font-size: .45rem;
    line-height: .55rem;
    color: #000;
    font-weight: bold;
    /* padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/lang.png'); */
}
header .right{
    float: right;
    font-size: 0;
}
header .right .nav,
header .right .search-btn,
header .right .divide{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
header .right .search-btn{
    width: 16px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/search-btn.png');
}

header .right .divide{
    width: 1px;
    height: 15px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 1rem;
}
header .right .nav{
    font-size: 0;
}
header .right .nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 0.8rem;
    vertical-align: middle;
    position: relative;
}
header .right .nav li .tit{
    display: block;
    font-size: 16px;
    line-height: .75rem;
    color: #fff;
    padding: .75rem 0;
}
header .right .nav li .tit .txt{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
header .right .nav li:first-child,
header .right .nav li:first-child.on{
    margin-left: 0;
}
header .right .nav li .navson{
    position: absolute;
    left: -.625rem;
    top: 1.98rem;
    width: 100%;
    display: none;
}
header .right .nav li .navson a{
    font-size: 14px;
    color: #fff;
    padding: 0 .625rem;
    display: block;
    font-family: 'han-bold';
    margin-bottom: .25rem;
    transition: all .2s;
}
header .right .nav li .navson a:last-child{
    margin-bottom: 0;
}
header .right .nav li:nth-child(2) .navson a{
    font-family: 'DIN-BOLD';
}
header .right .nav li.on .txt{
    background-image: url('../images/lang.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: .625rem;
    background-size: .325rem;
}

header .right .nav li.on .tit{
    padding: .55rem 0;
}
header .right .nav li.on .navson{
    width: 160px;
    padding: .25rem 0;
}
header .right .nav li.on:nth-child(3) .navson{
    width:180px;
}
header.white{
    background-color: rgba(0,0,0,.7);
    top: 0;
    box-shadow: 0 0 15px rgba(0,0,0,.2)
}
header.white .right .nav li.on .navson{
    background-color: rgba(0,0,0,.9);
    
    border-top: none;
    border-radius: 0  0 .25rem .25rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.m-nav{
	display: none;
}
.search-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.search-box .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
}
.search-box .search-close{
    position: absolute;
    left: 50%;
    top: 12%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/search-close.png');
    transition: all .2s;
}
.search-box .search-wrap{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.search-box .search-wrap .search{
    padding: 15px;
    border-bottom: 2px solid #000;
    position: relative;
}
.search-box .search .icon{
    position: absolute;
    width: 22px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.search-box .search-wrap .icon img{
    width: 100%;
}
.search-box .search-wrap input[type=text]{
    display: block;
    margin: 0 auto;
    width: 90%;
    font-size: .9rem;
    line-height: 1rem;
    color: #000;
    font-family: 'han-bold';
    text-align: center;
    background-color: transparent;
}
.search-box .search-wrap input[type=submit]{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: .65rem;
    line-height: .75rem;
    color: #000;
    font-family: 'DIN-BOLD';
    background-color: transparent;
}
.search-box .search-wrap input[type=text]::-webkit-input-placeholder{
    color: #000;
   
}
.search-box .search-wrap input[type=text]::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #000;
   
}
.search-box .search-wrap input[type=text]:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #000;
   
}
.search-box .search-wrap input[type=text]:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #000; 
}
/* header end */

/* footer end */
.banner{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner .swiper-slide{
	position: relative;
}
.banner .img{
	/* background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	width: 100%;
	height: 100%; */
}
.banner .img img{
	/* display: none; */
  width: 100%;
}
.banner .text-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 34.375%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	background-image: url('../images/ban-text-bg.png');
}
.banner .text-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.banner .text-box .text{
	width: 6.5rem;
}
.banner .text-box .text-img{
	width: 3.75rem;
	margin-top: 1.75rem;
}
.banner .text-box .text-img img{
	width: 100%;
}

.banner .btns{
	position: absolute;
	right: 
}
.banner .text-box .tit-box{
	color: #000;
}
.banner .text-box .en{
	font-size: 1.8rem;
	line-height: 2rem;
	font-family: 'DIN-BOLD';
}
.banner .text-box .cn{
	font-size: 1.2rem;
	line-height: 1.4rem;
}
.banner .text-box .img{
	margin-top: 1.5rem;
}
.banner .text-box .con{
	margin-top: .75rem;
}
.index-more{
	display: block;
	width: 4.125rem;
	height: 1.25rem;
	border-radius: .625rem;
	background-color: #4698cb;
	text-align: center;
	color: #fff;
	line-height: 1.25rem;
	font-size: .45rem;
	font-family: 'han-bold';
  background-image: url('../images/index-more1.png');
  background-repeat: no-repeat;
  background-size: cover;
	transition: all .2s;
}
.banner .text-box .index-more{
	margin-top: 3.125rem;
}
.banner .btns{
	position: absolute;
	right: 3.90625%;
	bottom: .625rem;
	font-size: 0;
	z-index: 3;
}

.banner .btns .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background-color: #909397;
	border-radius: 100%;
	margin: 0 10px 0 0;
	transition: all .2s;
}
.banner .btns .swiper-pagination-bullet:last-child{
	margin-right: 0;
}

.banner .btns .swiper-pagination-bullet-active{
	width: 14px;
	background-color: #4698cb;
	border-radius: 7px;
}



.index-tit{
	font-size: 1.2rem;
	line-height: 1.3rem;
	color: #000;
	font-family: 'han-bold';
}
.index-tit span{
	font-family: 'DIN-BOLD';
}
.pub-con{
	font-size: .4rem;
	color: #888;
	line-height: .75rem;
}
.i-video-box .top-box{
	padding: 2rem 0 1.25rem;
	text-align: center;
}
.i-video-box .i-video{
	overflow: hidden;
	position: relative;
}
.i-video-box .i-video .swiper-slide{
	position: relative;
}
.i-video-box .i-video img{
	width: 100%;
}
.i-video-box .top-box .con{
	width: 65%;
	margin: 15px auto 0;
}

.i-video .play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2.175rem;
	height: 2.175rem;
	transform: translate(-50%,-50%);
	/* background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/play-btn.png'); */
  fill: #fff;
	transition: all .2s;
}
.i-video .play-btn .circle{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  transition: all .5s;
}
.i-video .play-btn .circle circle{
  stroke-dasharray: 206px;
  stroke-dashoffset: 80px;
  transition: all .5s;
}
@keyframes playAni {
  to {
    stroke-dashoffset: 0;
  }
}
.i-video .play-btn .sj{
  width: 22px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.i-video .prev,
.i-video .next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.425rem;
	height: 1.425rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 3;
	transition: all .2s;
}
.i-video .prev{
	left: 6.25%;
	background-image: url('../images/video-prev.png');
}
.i-video .next{
	right: 6.25%;
	background-image: url('../images/video-next.png');
}
.i-video .btns{
	position: absolute;
	left: 0;
	bottom:7.2%;
	width: 100%;
	z-index: 3;
	text-align: center;
}
.i-video .btns .swiper-pagination-bullet{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 10px;
	width: 10px;
	height: 10px;
	background-color: #9ca6ae;
	border-radius: 100%;
}
.i-video .btns .swiper-pagination-bullet-active{
	background-color: #3d80ab;
}
.i-break-box{
	padding: 2.5rem 0;
}

.i-break-box .left{
	float: left;
	width: 22.5%;
}
.i-break-box .left .con{
	font-size: .55rem;
	line-height: 1rem;
	color: #000;
	margin-top: 1.25rem;
	font-family: 'han-bold';
}
.i-break-box .right{
	float: right;
	width: 73.56%;
}
.i-break-box .right .row{
	margin: 0 -8px;
}
.i-break-box .right .item{
	width: 33.33%;
	padding: 0 8px;
	float: left;
}
.i-break-box .right .con-box{
	display: block;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}
.i-break-box .right img{
	width: 100%;
}
.i-break-box .right .con-box .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #426276;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.i-break-box .right .con-box .text-box{
	position: absolute;
	left: 0;
	bottom: 4.76%;
	width: 100%;
	padding: 0 8.33%;
	height: 1.8rem;
	overflow: hidden;
	transition: all .3s;
}
.i-break-box .right .con-box .index-more{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
	
}
.i-break-box .right .con-box .tit{
	font-size: .9rem;
	line-height: 1rem;
	color: #fff;
	font-family: 'han-bold';
}
.i-break-box .right .con-box .desc{
	font-size: .45rem;
	line-height:.55rem;
	color: #fff;
	margin-top: .25rem;
}
.app-box{
	position: relative;
}
.app-box img{
	width: 100%;
}
.app-box .text-box{
	position: absolute;
	top: 38%;
	left: 32.55%;
}
.app-box .text-box .text{
	color: #fff;
}
.app-box .text-box .tit{
	font-size: 1.4rem;
	line-height: 1.5rem;
	font-family: 'han-bold';
}
.app-box .text-box .desc{
	font-size: .45rem;
	line-height: .46rem;
	margin-top: 10px;
}
.app-box .text-box .btns{
	margin-top: 1.5rem;
}
.app-box .text-box .app-btns{
	float: left;
	width: 145px;
}
.app-box .text-box .app-btns a{
	display: block;
	margin-bottom: 15px;
}
.app-box .text-box .app-btns img{
	display: block;
}
.app-box .text-box .qrcode{
	float: left;
	width: 96px;
	margin-left: 30px;
}
.i-car-box{
	position: relative;
	padding: 2.25rem 0 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.i-car-box .tab-btns{
	text-align: center;
}
.i-car-box .tab-btns .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .55rem;
	color: #000000;
	line-height: .65rem;
	text-align: center;
	padding: 0 1.25rem;
	vertical-align: middle;
	position: relative;
}
.i-car-box .tab-btns .item .txt{
	color: #000;
	display: block;
	font-family: 'DIN-BOLD';
	font-weight: bold;
}
.i-car-box .tab-btns .item .line{
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 18px;
	background-color: #000;
	transform: translateY(-50%);
}
.i-car-box .tab-btns .item:last-child .line{
	display: none;
}
.i-car-box .tab-btns .item.cur .txt{
	font-size: .9rem;
	line-height: 1rem;
}
.i-car-box .car-box{
	margin-top: 2rem;
  height: 18.875rem;
}
.i-car-box .param{
	font-size: 0;
	text-align: center;
	
}
.i-car-box .car-box.on .param{
  opacity: 0;
  filter: alpha(opacity=0);
}
.car-ajax{
	position: relative;
	z-index: 3;
}
.i-car-box .param .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin:0 2.5rem;
	vertical-align: top;
}
.i-car-box .param .item:last-child{
	margin-right: 0;
}
.i-car-box .param .item:first-child{
	margin-left: 0;
}
.i-car-box .param .item .tit{
	font-size: .55rem;
	line-height: .65rem;
	font-family: 'DIN-BOLD';
	font-weight: bold;
}
.i-car-box .param .item .num{
	font-size: 1rem;
	line-height: 1.1rem;
	font-family: "EurostileNextW1G-ExtSmBd";
	color: #4698cb;
	margin-top: 10px;
}
.i-car-box .img-tab{
	overflow: hidden;
	margin-top: 4rem;
	position: relative;
	z-index: 3;
}
.i-car-box .img-tab img{
	width: 100%;
}
.i-car-box .img-tab .btns{
	position: absolute;
	left: 0;
	bottom: 1rem;
	width: 100%;
	text-align: center;
	z-index: 3;
	font-size: 0;
}
.i-car-box .img-tab .btns .swiper-pagination-bullet{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 100%;
	position: relative;
	transition: all .2s;
	margin: 0 .25rem;
	
}
.i-car-box .img-tab .btns .swiper-pagination-bullet:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: .45rem;
	height: .45rem;
	background-color: #000;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	transition: all .2s;
}
.i-car-box .img-tab .btns .swiper-pagination-bullet-active{
	background-color: rgba(47,123,129,.15);
}
.i-car-box .img-tab .btns .swiper-pagination-bullet-active:before{
	width: .8rem;
	height: .8rem;
	background-color: #2f7b81;
}
.i-car-box .car-bg{
	margin-top: -2.75rem;
	position: relative;
}
.i-car-box .car-bg img{
	width: 100%;
}
.i-car-box .car-bg .hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}


.i-brand-box{
	/* padding: .5rem 0 3rem; */
	padding-bottom: 5rem;
	position: relative;
	margin-top: -4.25rem;
}

.i-brand-box .view{
	position: relative;
	z-index: 3;
}
.i-brand-box>img{
	width: 100%;
	position: absolute;
	left: 0;
	top: -4.25rem;
}
.i-brand-box .left{
	float: left;
}
.i-brand-box .left .icon{
	width: 1.575rem;
}
.i-brand-box .left .icon img{
	width: 100%;
}
.i-brand-box .left .index-tit{
	color: #4698cb;
	margin-top: .75rem;
  font-size: 0;

}
.i-brand-box .left .index-tit span{
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
   font-size: 1rem;
  line-height: 1.1rem;
  font-family: "han-bold";
}
.i-brand-box .left .index-tit .squre{
  width: 5px;
  height: 5px;
  background-color: #4698cb;
  margin: 0 .5rem;
}
.i-brand-box .left .time{
	font-size: .6rem;
	line-height: .6rem;
	color: #000;
	font-weight: bold;
	font-family: 'DIN-BOLD';
	margin-top: 15px;
}
.i-brand-box .right{
	float: right;
	width: 55.68%;
	position: relative;
	top: 3.75rem;
}

.i-brand-box .right .time-box{
	margin-top: .875rem;
	font-size: 0;
}
.i-brand-box .right .item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 3.375rem;
}
.i-brand-box .right .item:last-child{
	margin-right: 0;
}
.i-brand-box .right .tit{
	font-size: .65rem;
	line-height: .75rem;
	color: #000;
	font-family: 'han-bold';
}
.i-brand-box .right .num{
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 1.1rem;
	line-height: 1rem;
	color: #000;
	font-family: "EurostileNextW1G-ExtSmBd";
	font-weight: bold;
}
.i-brand-box .right .txt{
	font-size: 16px;
	line-height: 26px;
	color: #c8c9ce;
	font-family: 'han-bold';
	margin-left: 10px;
}
.i-brand-box .right .index-more{
	margin-top: 1rem;
}

.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color:#000;
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../images/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    max-width: 100%;
    max-height: 90%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
.wow{
	visibility: hidden;
}
/* welcome end */
.ban-contact{
	position: relative;
}
.ban-contact img{
	width: 100%;
}
.ban-contact .text-box{
	position: absolute;
	left:0;
	top: 27.87%;
}
.ban-contact .text{
	width: 46%;
}
.ban-contact .text .tit{
	font-size: 1.85rem;
	line-height: 1.95rem;
	color: #000;
	font-family: 'DIN-BOLD';
}
.ban-contact .text .con{
	/* font-weight: bold; */
	font-size: .6rem;
	line-height: 1rem;
	font-family: 'han-bold';
	margin-top: .75rem;
}
.ban-contact .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.ban-contact .bg img{
	width: 100%;
}
.contact-box{
	margin-top: -5rem;
	position: relative;
	z-index: 3;
	padding: 2rem 0 3.25rem;
	border-bottom: 1px solid #e5e5e5;
}
.contact-tit{
	font-size: 1.5rem;
	line-height: 1.6rem;
	color: #010101;
	font-family: 'han-bold';
}
.contact-box .mail-box{
	margin-top: 2.5rem;

}
.contact-box .mail-box .tit{
	padding-left: 1.25rem;
	font-size: .65rem;
	line-height: .75rem;
	color: #777777;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../images/mail-icon.png');
}
.contact-box .mail-box a{
	font-size: .75rem;
	line-height: .85rem;
	color: #333;
	
	font-family: 'han-bold';
	display: inline-block;
	*display: inline;
	zoom: 1;	
	margin-top: .5rem;
}
.contact-box .mail-box a span{
	font-family: "DINPro-Regular";
	font-weight: bold;
}
.down-btn{
	width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    bottom: 2.7rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 4;
    background-image: url(../images/down-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
    cursor: pointer;
}
.down-btn:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../images/down-btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
    -webkit-animation: downico 1.5s ease-out infinite;
    animation: downico 1.5s ease-out infinite;
}

.ban-contact .down-btn{
	bottom: 28.7%;
}

@-webkit-keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 30%;
    opacity: 0;
  }
  65% {
    top: -30%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 30%;
    opacity: 0;
  }
  65% {
    top: -30%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
/* contact end */
.business-page footer .form-box{
	display: none;
}
.business-box{
	padding: 2.25rem 0 3rem;
}
.business-box .top-box .contact-tit{
	float: left;
}
.business-box .top-box .con{
	font-size: .75rem;
	line-height: 1.4rem;
	color: #000;
	float: left;
	width: 44.375%;
	float: left;
	margin-left: 23.125%;
	font-family: 'han-bold';
}
.business-box .business{
	margin-top: 3rem;
}
.business-box .business .left{
	float: left;
	width: 43.125%;
}
.business-box .business-tit{
	font-size: .75rem;
	line-height: .85rem;
	font-family: 'han-bold';
}
.business-box .business-tit span{
	font-family: 'DIN-BOLD';
}
.business-box .require-box{
	margin-bottom: 3.25rem;
}

.business-box .require-box .con-box{
	font-size: .45rem;
	line-height: .75rem;
	color: #999;
	margin-top: 1.5rem;
}
.business-box .contact-wrap .con-box{
	margin-top: 1.25rem;
}
.business-box .contact-wrap .con-box .item{
	font-size: .45rem;
	line-height: .75rem;
	margin-bottom: .75rem;
	color: #333;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .6rem;
	padding-left: 1rem;
}
.business-box .contact-wrap .con-box .item:nth-child(1){
	background-image: url('../images/contact-icon1.png');
}
.business-box .contact-wrap .con-box .item:nth-child(2){
	background-image: url('../images/contact-icon2.png');
}
.business-box .contact-wrap .con-box .item:nth-child(3){
	background-image: url('../images/contact-icon3.png');
}
.business-box .contact-wrap .con-box .item:nth-child(4){
	background-image: url('../images/contact-icon4.png');
}
.business-box .contact-wrap .con-box .item:last-child{
	margin-bottom: 0;
}
.business-box .contact-wrap .con-box .item span,
.business-box .contact-wrap .con-box .item a{
	color: #4698ca;
}
.business-box .business .right{
	float: right;
	width: 47.5%;
}
.business-box .business .form-tit{
	font-size: .4rem;
	line-height: .5rem;
	color: #999;
	margin-bottom: .375rem;
}

.business-box .business .right .form-box{
	margin-bottom: 1.25rem;
}
.business-box .business .right .form-box:last-child{
	margin-bottom: 0;
}
.business-box .business input[type=text],
.business-box .business textarea{
	width: 100%;
	padding: .5rem .625rem;
	background-color: #f9fafc;
	margin-bottom: 1.25rem;
	color: #333;
	line-height: .8rem;
	font-size: .45rem;
	border:1px solid #f9fafc;

}
.business-box .business input[type=text].red,
.business-box .business textarea.red{
	border-color: #f00;
}
.business-box .business input[type=text].name,
.business-box .business input[type=text].card{
	margin-bottom: 0;
}
.business-box .business input[type=text].name{
	width: 32%;
}
.business-box .business input[type=text].card{
	float: right;
	width: 66.5%;
}
.business-box .business .apply-box input[type=text]{
	width: 32%;
	margin-right: 1%;
	margin-bottom: 0;
}
.business-box .business .apply-box input[type=text]:last-child{
	margin-right: 0;
}
.business-box .business textarea{
	resize: none;
	height: 4rem;
	margin-bottom: 0;
}
.business-box .business .area-box select{
	width: 32%;
	margin-right: 1%;
	background-color: #f9fafc;
	padding: .4rem .625rem;
	font-family: 'han-middle';
	color: #999999;
	font-size: .45rem;
	line-height: 1rem;
  background-image: url('../images/select-arrow.png');
  background-repeat: no-repeat;
  background-position: 84% center;
  background-size: .275rem;
}
.business-box .business .area-box select:last-child{
	margin-right: 0;
}
.business-box .business .area-box select.on{
  color: #333;
}
.business-view{
	max-width: 1600px;
	margin: 0 auto;
	padding: ;
}
.business-box .business input[type=text]::-webkit-input-placeholder,
.business-box .business textarea::-webkit-input-placeholder{
    color: #999;
   
}
.business-box .business input[type=text]::-moz-placeholder,
.business-box .business textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #999;
   
}
.business-box .business input[type=text]:-moz-placeholder,
.business-box .business textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #999;
   
}
.business-box .business input[type=text]:-ms-input-placeholder,
.business-box .business textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #999; 
}
.check-dialog{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 80;
	display: none;
}

.check-dialog .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .2;
	filter: alpha(opacity=20);
}
.check-dialog .check-box{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 15rem;
	background-color: #fff;
	transform: translate(-50%,-50%);
	border-radius: 14px;
	padding: 1.3rem 1rem;
} 
.check-dialog .check-box .tit{
	font-size: .9rem;
	line-height: 1rem;
	text-align: center;
	font-weight: bold;
}
.check-dialog .check-box .check{
	margin-top: 1.5rem;
}
.check-dialog .check-box .check-inp{
	float: left;
	width: 9.125rem;
	border-bottom: 1px solid #c3c3c3;
	padding-bottom: .4rem;
}
.check-dialog .check-box .check-inp.red{
  border-bottom: 1px solid #4698cb;
}
.check-dialog .check-box .check-inp input{
	width: 5.5rem;
	float: left;
	height: .75rem;
	line-height: .75rem;
	font-size: .55rem;
}
.check-dialog .check-box .check-inp input::-webkit-input-placeholder{
    color: #888;
   
}
.check-dialog .check-box .check-inp input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #888;
   
}
.check-dialog .check-box .check-inp input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #888;
   
}
.check-dialog .check-box .check-inp input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #888; 
}
.check-dialog .check-box .check-inp .divide{
	float: left;
	width: 1px;
	height: .75rem;
	background-color: #c3c3c3;
	margin: 0 .875rem;
}
.check-dialog .check-box .check-inp .refresh{
	float: left;
	font-size: .55rem;
	line-height: .75rem;
	color: #888;
}
.check-dialog .check-box img{
	float: right;
	width: 3.1rem;
	height:1.25rem;

}
.check-dialog .submit{
	margin: 1.625rem auto 0;
}
.check-dialog .check-close{
	position: absolute;
	width: 1.35rem;
	right: -.575rem;
	top: -.575rem;
	transition: all .2s;
}
.check-dialog .check-close img{
	height: auto;
	width: 100%;
}
.news-page footer{
	border-top: 1px solid #e5e5e5;
}
@media (max-width: 1870px){
	.index-tit{
		font-size: 1rem;
		line-height: 1.1rem;
	}
	.i-break-box .left .con{
		margin-top: .5rem;
	}
	.i-brand-box .right .item{
		margin-right: 2.5rem;
	}
	/* welcome end */
}
@media (max-width: 1680px){
	.i-brand-box .right .item{
		margin-right: 2.5rem;
	}
	/* welcome end */
}
@media (max-width: 1440px){
	
}
@media (max-width: 1366px){
	header .left .divide{
	    margin: 0 1rem;
	}
	header .right .nav li{
	    margin-left: 2rem;
	}
	header .right .divide{
	    margin: 0 1.5rem;
	}
	header .right .nav li a{
	    font-size: 16px;
	    line-height: 26px;
	}
	footer .form-box .left .tit{
	    font-size: .84rem;
	    line-height: .94rem;
	}
	/* header end */
  .banner .text-box{
    top: 55%;
  }
  .banner .text-box .text-img{
    margin-top: .5rem;
  }
	.banner .text-box .en{
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	.banner .text-box .cn{
		font-size: 1rem;
		line-height: 1.1rem;
	}
  .banner .text-box .text{
    width: 7rem;
  }
  .banner .text-box .con{
    margin-top: .75rem;
  }
  .banner .text-box .index-more{
    margin-top: 1rem;
  }
	.index-tit{
		font-size: .8rem;
		line-height: .9rem;
	}
	.i-break-box .left .con{
		font-size: .5rem;
		line-height: .8rem;
		margin-top: .5rem;
	}
	.i-car-box .param .item{
		margin: 0 2rem;
	}
	.app-box .text-box .tit{
		font-size: 1.2rem;
		line-height: 1.3rem;
	}
	.i-brand-box .right{
		width: 61%;
	}
	.i-brand-box .right .item{
		margin-right: 1.5rem;
	}
	/* welcome end */
	.ban-contact .text{
		width: 45%;
	}
	.ban-contact .text-box{
		top: 20%;
	}
	.ban-contact .text .tit{
		font-size: 1.6rem;
		line-height: 1.7rem;
	}
	/* contact end */
	.business-box{
		padding: 1.25rem 0;
	}
	.business-box .business .right{
		width: 50%;
	}
	.business-box .top-box .con{
		width: 50%;
		margin-left: 15%;
	}
}





/*2019-03-02*/
.banner .text-box .cn{
  font-family:"han-bold"
}
.i-video-box .top-box{
  padding:2.5rem 0 1.5rem;
}
.i-break-box .left{
  padding-top:2.75rem;
}
.i-break-box .right .con-box{
  border-radius:20px;
}
.i-car-box{
  padding-top:2.35rem;
}
.i-car-box .car-box{
  margin-top:2.35rem;
}
.i-brand-box .left .index-tit{
  margin-top:1rem;
}
.i-brand-box .left .index-tit{
  font-family:"han-bold";
}
.i-brand-box .right .index-more{
  margin-top:2.35rem;
}
footer .form .red,
footer .form input[type=text].red,
.business-box .business input[type=text].red,
.business-box .business textarea.red{
  border-color:#4698cb;
}
footer .form .submit{
  transition: all .3s;
}
footer .form .submit:hover,.index-more:hover{
  
 /*  background-size:cover;
  color:#fff !important; */
}
.sweet-alert button{
  background:#4698cb !important;
  border-radius:44px !important;
  transition: all .3s;
}
.sweet-alert button:hover{
 /*  background: url(../z_img/img23.jpg) no-repeat center center !important;
  background-size:cover !important; */
}
.business-view{
  max-width: 1760px;
}
.y{
  font-family:"DIN-BOLD";
}

footer .form .item2{
  margin-top:1rem;
}
.i-brand-box{
  padding-bottom:6.6rem;
}
body{
	min-width:1260px;
}



#foot{
	padding-top:70px;
	background-color:#000;
	background-image:url(../images/foot_bj.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#foot1{
	width:90%;
	margin:0 auto;
}
.foot_up{
	height:268px;
}
.foot_up_01{
	width:70%;
	float:left;
}
.foot_up_01 ul li{
	float:left;
	width:25%;
}
.foot_up_01_1{
	height:45px;
}
.foot_up_01_1 a{
	font-family:"微软雅黑","宋体";
	font-size:15px;
	color:#ffffff;
}
.foot_up_01_1 a:hover{
	color:#ff0;
}
.foot_up_01_2{
	line-height:28px;
}
.foot_up_01_2 a{
	font-family:"微软雅黑","宋体";
	font-size:12px;
	color:#ffffff;
}
.foot_up_01_2 a:hover{
	color:#ff0;
}
.foot_up_02{
	min-width:350px;
	float:left;
}
.foot_up_02_up{
	height:42px;
	font-family:"微软雅黑","宋体";
	font-size:18px;
	color:#ffb924;
}
.foot_up_02_up span{
	font-family:"微软雅黑","宋体";
	font-size:14px;
	color:#ababab;
}
.foot_up_02_down{
	line-height:34px;
	font-size:14px;
	color:#ffffff;
}
.foot_up_02_down img{
	vertical-align:middle;
	margin-right:8px;
}
.foot_up_03{
	width:auto;
	float:right;
	text-align:center;
	font-family:"微软雅黑","宋体";
	font-size:12px;
	color:#ffffff;
}
.foot_up_03 span{
	display:inline-block;
	margin:0 20px;
}
.foot_up_03 img{
	padding-bottom:7px;
}
.foot_down{
	width:100%;
	height:50px;
}
.foot_down_left{
	width:auto;
	float:left;
	line-height:50px;
	color:#ffffff;
}
.foot_down_left a{
	font-family:"微软雅黑","宋体";
	font-size:12px;
	color:#ffffff;
	padding:0 15px;
}
.foot_down_left a:hover{
	color:#ff0;
}
.foot_down_right{
	width:auto;
	float:right;
	font-family:"微软雅黑","宋体";
	font-size:12px;
	color:#ffffff;
	line-height:50px;
}
.foot_down_right a{
	color:#ffffff;
}
.foot_down_right a:hover{
	color:#ff0;
}