*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
html, body{height:100%; font-size:14px; 
	font-family:Arial,SourceHanSans-Normal,-apple-system,Helvetica Neue,PingFang SC,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Source Han Sans TC,"Microsoft Yahei",sans-serif,Verdana,  Helvetica!important;
}

img{
    border: none;
}
h1,h2,h3,h4,h5{font-weight: normal;}
div{ outline: none;}
/*去除苹果浏览器按钮默认ui处理*/
input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
    outline: none;
}
ul{
	list-style: none;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #fff!important;
}
.w-auto{width: 100%; min-width: 1360px; overflow: hidden;}

.wrap{width: 86%; max-width: 1649px; min-width: 1170px; margin: 0 auto; overflow: hidden;}
.wrap1{width: 70%; margin: 0 auto; overflow: hidden;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.clearfix{ zoom:1;}

/*clear*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clear:after{ content: ""; display: block; *zoom:1; clear: both;}
.tr{text-align: right;}
.tl{text-align: left;}
.fontBold{font-weight: bold;}
.ellipsis{
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.ellipsis3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.ellipsis6{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
    overflow: hidden;
}
.ellipsis9{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
.ellipsis10{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.pointer{
    cursor: pointer;
}
.not-allowed{
    cursor: not-allowed;
}
.posirelative{
	position: relative;
}
.w100{width: 100%; display: block;}
/*首页*/
.switch-btn{
	font-size: 18px;    
    color: #fff;
    background-color: #2d8cf0;
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.banner .ivu-carousel-item{
	position: relative;
}
.banner .ivu-carousel-arrow{
	position: absolute;
    top: 50%;
    height: 72px;
    width: 35px;
	background-color:transparent;
    background-position: center;
    background-repeat: no-repeat; 
    border-radius: 0;
}
.banner .ivu-carousel-arrow>i{
	display: none;
}
.banner .ivu-carousel-arrow:hover{
	background: transparent;
}
.banner .ivu-carousel-arrow.left{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png");
    background-size: 100% 100%;
    left: 10%;
}
.banner .ivu-carousel-arrow.right{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png");
    background-size: 100% 100%;
    right: 10%;
}
.banner img{
	width: 100%;
 
	height:100%;
}
.banner-txt{
	width: 640px;
	position: absolute;
    left: 10%;
    top: 70px;
}
.box-line{
	display: inline-block;
	height: 4px;
	width: 130px;
	background: #fff;
}
.banner-txt h2{
	color: #fff;
	font-size: 40px;
	line-height: 90px;
	font-weight: bold;
}
.banner-txt p{
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	margin: 30px 0;
}
.banner .ivu-carousel-dots-inside{
    bottom: 60px;
    text-align: right;
    padding-right: 92px;
}
.banner .ivu-carousel-dots-inside li{
    height: 6px;
    width: 48px;
    border-radius: 0;
    background: #fff;
    border: 0;
    margin:0 6px;
    padding: 0;
}
.banner .ivu-carousel-dots-inside li.ivu-carousel-active{
	margin:0 6px;
    height: 6px;
    width: 48px;
    border-radius: 0;
    border: 0;
    background: #0066b3;
}
.banner .ivu-carousel-dots-inside li button{
	display: none;
}
.cont-tit{
	text-align: center;
	color: #1a1a1a;
	padding: 27px 10px;
}
.tit-h{
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
}
.tit-p{
	font-size: 14px;
	width: 740px;
	margin: 0 auto;
	margin-top:20px;
}

.pro-pic{
	width: 100%;
	display: block;
}
.pro-detail{
background: url("/wp-content/uploads/foton-mirror/en/index_files/img/bg1.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 16px 26px 0;
    box-sizing: border-box;
    position: relative;
    height: 78px;
}
.pro-box .under-line{
	position: absolute;
	bottom: 0;
	left: 2px;
	right: 2px;
	height: 4px;
	background: #0066b3;
	display: none;
}
.pro-box:hover .under-line{
	display: block;
}
.de-tit{
	color: #0066b3;
	font-size: 18px;
    margin: 10px 0;	
}
.de-info{
	color: #1a1a1a;
	line-height: 25px;
	font-size: 14px;
}

.scale-box{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
}
.scale-pic{
	display: block;
    width: 100%;
   	transform: scale(1);
    transition: transform 12s cubic-bezier(0.23,1,0.32,1)
}
.scale-box:hover .scale-pic{
	transform: scale(1.06);
    transition: transform 12s cubic-bezier(0.23,1,0.32,1)
}
.lights-txt{
	position: absolute;
	bottom: 0;
	left: 0;
	padding:0 60px;
	color: #fff;
	height: 190px;
	
}
.lights-txt-tit{
	font-weight: bold;
	font-size: 24px;
}
.lights-txt-txt{
	font-size: 14px;
}
.ml2{
	margin-left: 2px;
}
.mr2{
	margin-right: 2px;
}
.mb2{
	margin-bottom: 2px;
}
.mb4{
	margin-bottom: 4px;
}
.news-list{
	position: relative;
	overflow: hidden;
}
.news-list>img{
	width: 100%;
	display: block;
}
.news-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    /*visibility: hidden;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: background 0.4s ease;
    transition: opacity 0.4s ease;
}
.news-hover .news-hover-box{
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    padding: 0 40px;
}
.news-list:hover .news-hover{
	background: rgba(0,0,0,.5);
	opacity:1;
	/*visibility:visible;*/
}
.news-hover a{
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	cursor: pointer;
}
.news-hover a.more{
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    float: right;
    
    border-bottom: 2px solid #fff;
}
.car-txt{
	position: absolute;
    top: 36%;
    font-size: 24px;
    color: #fff;
    width: 80%;
    text-align: center;
    margin-left: -40%;
    left: 50%;

}
.car-txt p{
	font-size: 14px;
}
/*about us*/
.ab-item{
	display: flex;
	align-items: center;
}
/*Offers*/
.offers-div{
	border:4px solid #a6a6a6;
	padding: 18px;
	color: #1a1a1a;
	font-size: 18px;
}
.offers-info{
	padding: 0 20px;
}
.offers-tit{
	font-size: 27px;
	font-weight: bold;
	
}
.offers-detail{
	
}
.offers-tip{
	color: #fff;
	padding: 5px 10px;
	background: #bd0000;
	margin-top: 10px;
	display: inline-block;
}
.offers-price{
	color: #262626;
}
.offers-price strong{
	color: #bd0000;
	font-size: 50px;
	margin-right: 10px;
}
.offers-img{
	width: 100%;
	margin: 25px 0;
}
.offers-btn{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 0;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 20px;
	cursor: pointer;
	background: #d9d9d9;
	color:#262626 ;
}
.offers-btn:hover{
	background: #0065b3;
	color:#fff ;
}
@media screen and (max-width: 1440px) {
	.offers-tit {
	    font-size: 24px;
	}
	.offers-price strong {
	    font-size: 46px;
	}
	.offers-btn {
	    height: 36px;
	    line-height: 36px;
	    font-size: 18px;
	}
}
/*owners  finance*/
.marb20{
	margin-bottom: 20px;
}
.marb45{
	margin-bottom: 45px;
}
.marb60{
	margin-bottom: 60px;
}
.marb80{
	margin-bottom: 80px;
}
.w50{
	width: 50%;
	box-sizing: border-box;
}
.padl{
	padding-left: 50px;
}
.padr{
	padding-right: 50px;
}

.sub-banner-box{
	position: relative;
}

.sub-banner{
	width: 100%;
	display: block;
}
.sub-banner-txt{
	position: absolute;
	top: 70px;
}
.ableft{
	left: 7%;
	width: 800px;
}
.abright{
	right: 7%;
	width: 670px;
}
.w-box-line{
	display: inline-block;
	height: 4px;
	width: 130px;
	background: #fff;
}
.sub-banner-txt h2{
	color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.sub-banner-txt p{
	color: #fffefe;
	font-size: 16px;
	line-height: 40px;
	margin: 30px 0;
}
.finance-txt{
	color: #404040;
	font-size: 20px;
	line-height: 36px;
	color: #404040;
}
.features-div img{
	width: 100%;
}
.features-tit{
	font-size: 36px;
}
.features-txt{
	font-size: 20px;
	line-height: 32px;
}
.glance-tit{
	font-size: 22px;
}
.glance-txt{
	font-size: 16px;
	line-height: 32px;
}
.editor-tit{
	color: #404040;
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.a-go-more{
	display: block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin:-10px auto 40px;
	color: #fff;
	font-size: 24px;
	background: #0065b3;
}

.ovefflowY::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 4px;
}
.ovefflowY::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
@media screen and (max-width: 1440px) {
	.features-tit {
	    font-size: 30px;
	}
	.features-txt {
	    font-size: 18px;
	    line-height: 28px;
	}
}
/*owners  total Care*/
.totalCare-pic img{
	width: 100%;
}
.totalCare-txt{
	font-size: 16px;
	color: #404040;
	line-height: 32px;
	padding-left: 20px;
}
.service-wrap{
	margin-top: 90px;
}
.service-div{
	border: 1px solid #d9d9d9;
	padding: 20px;
	color: #404040;
}
.service-div-tit{
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	font-size: 22px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.service-div-tit>img{
	height: 57px;
}
.service-div-tit p{ height: 90px;}
.service-div-list{
	height: 100px;
	overflow-y: auto;
	font-size: 16px;
    color: #404040;
}
.service-div-list1{
	height:140px;
	overflow-y: auto;
	font-size: 16px;
}
.service-div-list1::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 4px;
}
.service-div-list1::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.service-div-list li{
	font-size: 18px;
	line-height: 28px;
	list-style-type: disc;
	text-indent: 8px;
    list-style-position: inside;
    list-style: none;
}
/*offers*/
.offers-box{
	margin-top: 60px;
}
/*offers detail*/
.offers-detail-div{
	margin-top: 92px;
	color: #262626;
	font-size: 36px;
	position: relative;
}
.offers-detail-tit .offers-detail-line{
	display: block;
	width: 170px;
	height: 4px;
	background: #0065b3;
	
}
.offers-detail-tit .offers-detail-tit-txt{
	font-weight: bold;
	margin: 20px 0 30px;
	font-size: 36px;
}
.offers-detail-info{
	padding-left: 35px;
}
.offers-detail-price strong{
	color: #c00000;
	font-size: 80px;
	margin-right: 10px;
}
.offers-detail-info-list{
	padding: 30px 0;
}
.offers-detail-info-list li{
	list-style-type:disc ;
	padding-left: 20px;
}
.offers-detail-img{
	position: absolute;
	right: 70px;
	top: 86px;
	width: 544px;
	height: auto;
}
.offers-detail-btn{
	width: 325px;
	height: 60px;
	color: #FFFEFE;
	font-size: 30px;
	border: 0;
	background: #0065b3;
	cursor: pointer;
}
.disclaimers-box{
	margin-top: 130px;
	color: #262626;
}
.dis-tit{
	font-size: 36px;
	font-weight: bold;
	border-bottom: 4px solid #0065b3;
	margin-bottom: 35px;
}
.disclaimers-txt{
	font-size: 24px;
	line-height:52px;
	text-indent: 2em;
}
/*editor*/
.editor-txt{
	color: #404040;
	font-size: 24px;
	line-height: 42px;
	color: #404040;
}
/*Vehicles */
.second-nav{
	background: #313639;
	height: 48px;
	line-height: 48px;
	margin-top:-14px;
}
.second-nav.posifix{
	position: fixed;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 11;
}
.second-nav a,.second-nav span,.second-nav p{
	color: #fff;
	font-size: 18px;
	padding: 0 35px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}
.second-nav span{
	font-weight: bold;
    font-size: 33px;
    color: #0066b3;
}
/*.second-nav a.active{
	background: #0066b3;
}*/
.second-nav a.router-link-active{
	background: #0066b3;
}
.second-nav p.on{
	background: #0066b3;
}
.refinaed-show{
	position: relative;
}
.refinaed-show-des{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
	font-size: 36px;
}
.refinaed-pd-box{
	padding: 0 50px;
	color: #404040;
}
.refinaed-pd-tit{
	font-size: 30px;
	font-weight: bold;
	padding: 25px 0;
}
.refinaed-pd-txt{
	font-size: 24px;
	line-height: 42px;
}
.refinaed-pd-imgs{
	position: relative;
	overflow: hidden;
}
.imgs-hover{
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	background: rgba(0,102,179,.7);
	padding: 20px 30px;
	color: #fff;
	font-size: 24px;
	transition: all 0.4s ease;
}
.imgs-hover p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.refinaed-pd-imgs:hover .imgs-hover{
	bottom:0;
}
.imgs-add-btn{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,102,179,.7);
	color: #fff;
	font-size: 148px;
}
.imgs-add-btn img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 110px;
	height: 110px;
	margin: -55px 0 0 -55px;
	
}
/*lrbanner*/
.lr-banner .ivu-carousel-item{
	position: relative;
}
.lr-banner .ivu-carousel-arrow{
	position: absolute;
    top: 50%;
    height: 72px;
    width: 41px;
	background-color:transparent;
    background-position: center;
    background-repeat: no-repeat; 
    border-radius: 0;
}
.lr-banner .ivu-carousel-arrow>i{
	display: none;
}
.lr-banner .ivu-carousel-arrow:hover{
	background: transparent;
}
.lr-banner .ivu-carousel-arrow.left{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/blank_left_arrow.png");
    background-size: 100% 100%;
    left: 0;
}
.lr-banner .ivu-carousel-arrow.right{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/blank_right_arrow.png");
    background-size: 100% 100%;
    right: 0;
}
/*.lr-banner .ivu-carousel-list{
	margin: 0 70px;
}*/
.lr-banner-box{
	padding: 0 70px;
	overflow: hidden;
}
.lr-banner-img{
	width: 95%;
}
.lr-banner-txt{
	/*padding:0 10px;*/
	padding-right: 40px;
}
.lr-banner .ivu-carousel-dots li{
    height: 6px;
    width: 48px;
    border-radius: 0;
    background: #4d4d4d;
    border: 0;
    margin:0 6px;
    padding: 0;
}
.lr-banner .ivu-carousel-dots li.ivu-carousel-active{
	margin:0 6px;
    height: 6px;
    width: 48px;
    border-radius: 0;
    border: 0;
    background: #0066b3;
}
.lr-banner .ivu-carousel-dots li button{
	display: none;
}
.lr-banner-tit{
	color: #404040;
	font-size: 30px;
	font-weight: bold;
	/*margin-top: 80px;*/
}
.lr-banner-cont{
	color: #1a1a1a;
	font-size: 24px;
	/*line-height: 45px;*/
	margin-top: 10px;
}


.wpcf7-form-control:focus{border:0;}
/*弹出层*/
.car-box{
	height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.car-box-div{
	position: relative;
}
.car-box-div img{
	width: 100%;
}
.img-txt{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 50%;
	color: #fff;
	font-size: 20px;
	padding:10px 30px;
	z-index: 10;
	overflow: hidden;
	width: 100%;
	
}
.scroll-layer{
	/*display: none;*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    bottom: 0;
    z-index: 10;
}
.layer-bg{
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
}
.layer-wrap{
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    z-index: 12;
}
.lr-banner.layer-pic .ivu-carousel-arrow.left{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png");
    background-size: 100% 100%;
    left: 0;
}
.lr-banner.layer-pic .ivu-carousel-arrow.right{
    background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png");
    background-size: 100% 100%;
    right: 0;
}
.layer-pic .ivu-carousel-dots li{
    margin: 30px 6px 0!important;
}
.lr-banner.layer-pic  .ivu-carousel-dots li.ivu-carousel-active{
	background: #fff;
}
/*performance*/
.per-scr-txt{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #1a1a1a;
    overflow: hidden;
    word-break: break-all;
}
.per-scr-txt h4{
	font-size: 24px;
}
.per-scr-txt p{
	font-size: 18px;
}

/*powertrain*/

.power-detail-img{
	text-align:center ;
}
.power-detail-img img{
	max-width: 80%;
}

.s-detail-tit{
	color: #262626;
	font-size: 32px;
	font-weight: bold;
}
.s-detail-tit p{line-height: 20px; margin-bottom: 10px;}
.power-detail-txt{
	/*margin-top: 40px;*/
}
.s-detail-txt1 li{
	list-style-position: inside;
	list-style-type: disc;
	font-size: 21px;
	color: #1a1a1a;
}
.s-detail-txt2{
	border-top: 1px solid #ccc;
	color: #1a1a1a;
	font-size: 16px;
	margin-top: 10px;
}
.s-detail-txt2 li{
	float: left;
	margin-top: 8px;
	width: 50%;
}
.s-detail-txt2 li strong{
	margin-top: 21px;
	color: #000000;
	font-weight: bold;
	
}
.power-img-txt{
	width: 90%;
    margin: 10px auto;
    color: #1a1a1a;
    font-size: 20px;
}
.power-img-txt h4{
	color: #000000;
	font-size: 26px;
	font-weight: bold;
}

/*optional*/

.optional-tab-nav{
	text-align: center;
}
.optional-tab-nav span{
	display: inline-block;
	width: 204px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	background: #313639;
	color: #FFF;
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
	padding: 0 3px;
	margin: 0 3px;
}
.optional-tab-nav span.on{
	background: #0065b3;
}
.tab-cont-box{
	margin-top: 70px;
}
.tab-cont-box .ivu-row{display:none;}
.tab-cont-box .ivu-row.show-item{display:block;}
.tab-cont-box.banner .ivu-carousel-arrow.left{left:10px;height: 40px;width: 20px;}
.tab-cont-box.banner .ivu-carousel-arrow.right{right:10px;height: 40px;width: 20px;}
.optional-tab-nav span{-webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.optional-txt{
	padding: 15px 5%;
	font-size: 15px;
	color: #404040;
	text-align:center
}
.swiper-optional .swiper-button-next,.swiper-optional .swiper-button-prev{
	margin-top: -47px;
	background-size:contain;
}
.swiper-optional .swiper-button-prev{
    background: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png") no-repeat left center;
} 
.swiper-optional .swiper-button-next{
    background: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png") no-repeat right center;
} 

/*applications*/
.application-select{
	margin-bottom: 50px;
}
.application-list{
	position: relative;
	margin-bottom: 50px;
	cursor: pointer;
}
.application-layer{
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right: 0;
	background: rgba(0,0,0,.5);
	padding: 40px;
	color: #fefefe;
	font-size: 24px;

}
.application-layer>p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}
.application-select .ivu-select{
	width: 100%;
	color: #fff;
	font-size: 36px;
}
.application-select .ivu-select-selection{
	background-color: #0065b3;
	border:0;
}
.application-select .ivu-select-single .ivu-select-selection{
	height: 60px;
}
.application-select .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.application-select .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
	height: 60px;
    line-height: 60px;
    font-size: 24px;
    padding-left: 50px;
}
.application-select .ivu-select-single .ivu-select-selection .ivu-select-placeholder{
	color: #fff;
}
.application-select .ivu-select-arrow{
	position: absolute;
    top: 35%;
    right: 8px;
    margin-top: -7px;
    font-size: 40px;
    color: #fff;
}
.more-btn{
	color: #595959;
	font-size: 24px;
	text-decoration: underline;
	cursor: pointer;
}
.item-detail{
	margin: 40px 0;
}
.item-detail h4{
	font-size: 20px;
	color: #1a1a1a;
	font-weight: bold;
	
}
.item-detail p{
	font-size: 18px;
	color: #1a1a1a;
	
}
@media screen and (max-width: 1440px) {
	.application-layer {
	    font-size: 20px;
	}
	.more-btn {
	    font-size: 20px;
	}
}

.applicationFixed{ position:fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 99;}
.appliKuang{ 
	width: 70%;
    min-width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 1400px;
    padding: 20px 50px;
    background: rgba(255,255,255,0.9);
}
.appliBox{
    height: 535px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}
.appliBox::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 4px;
}
.appliBox::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.appliKuang .title{ text-align: center; font-size: 24px; margin-bottom: 20px; color: #1a1a1a;}
.appliKuang .close{ cursor: pointer; width: 40px; height: 40px; background: url("data:,") no-repeat center; position: absolute; right: -16px; top: -45px; background-size: contain;}
.appliKuang .pic img{ width: 100%;}
.appliKuang .pic .swiper-button-prev{ background: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png") no-repeat center; background-size: cover;}
.appliKuang .pic .swiper-button-next{ background: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png") no-repeat center; background-size: cover;}
.appliKuang .pic .swiper-pagination-bullet{ width: 30px; height: 5px; background: #fff; border-radius: 0;}
.appliKuang .text{ font-size: 24px; color: #404040;}
.des-layer{margin-top:15px; height: 280px;}
@media screen and (max-width: 1440px) {	
	.appliBox{
		height: 430px;
	    overflow-y: auto;
	    width: 100%;
	    overflow-x: hidden;
	}
}

/*vehicleModels*/
.vehmodel-body{
	background: #f5f5f5;
	margin-bottom: -60px;
	padding-bottom: 50px;
}
.vehmodel-tit{
	color: #595959;
	font-size: 35px;
	padding: 50px 0 30px;
}
.vehmodel-div{
	background: #fff;
	margin-bottom: 30px;
}
.model-detail-box{
	padding: 0 22px 30px;
	text-align: center;
}
.vehmodel-name{
	border-bottom: 1px solid #bfbfbf;
	line-height: 80px;
	font-size: 22px;
	color: #262626;
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;

}
.vehmodel-txt{
	color: #404040;
	font-size: 16px;
	margin: 20px 0;
	height: 80px;
	position: relative;
}

.vehmodel-txt span{ position: absolute; width: 100%; top: 50%; transform:translateY(-50%); left: 0;}
.vehmodel-btn{
	margin: 0 15px;
	display: flex;
}
.vehmodel-btn a,.vehmodel-btn p{
	border: 2px solid #0066b3;
	width: 50%;
	text-align: center;
	line-height: 57px;
	color: #0066b3;
	font-size: 20px;
	margin: 0 15px;
	cursor: pointer;
}
.vehmodel-big-btn a{
	display: block;
	border: 2px solid #0066b3;
	width: 70%;
	text-align: center;
	line-height: 57px;
	color: #0066b3;
	font-size: 22px;
	margin: 0 auto;
}
.vehmodel-btn a:hover,.vehmodel-big-btn a:hover{
	color: #0066b3!important;
}
.banner .swiper-button-next,.banner .swiper-button-prev {
    width: 35px;
    height: 72px;
}
.banner .swiper-button-prev{
	background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png");
    background-size: 100% 100%;
}
.banner .swiper-button-next{
	background-image: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png");
    background-size: 100% 100%;
}
.banner .swiper-button-next,.banner .swiper-button-prev {
    top: 40%;
}

.scroll-design{
	position: absolute!important;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.list-paddingleft-2 li{ line-height: 20px;}


/*about Sutainability */
.abus-txt-pic{
	position: relative;
}
.abus-cont-box{
	position: absolute;
	left: 50px;
	bottom: 15%;
	color: #fefefe;
	font-size: 18px;
}
.abus-cont-box h4{
	font-size: 60px;
}
.abus-cont-box p{
	line-height: 32px;
	width: 600px;
}
.abus-lr-txt-pic{
	margin-top: 100px;
}
.abus-detail{
	color: #404040;
	line-height: 32px;
	font-size: 16px;
}
.padding-r{
	padding-right: 15%;
}
.padding-l{
	padding-left: 15%;
}
.abus-detail h4{
	font-size: 22px;
	margin-bottom: 35px;
}
.abus-detail-pic{
	width: 80%;
}
.abus-tit-txt{
	color: #404040;
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 60px;
}
.abus-layer{
	position: absolute;
	bottom:0;
	width: 100%;
	padding: 0 13%;
	height: 68px;
	background: rgba(0,0,0,.6);
	font-size: 16px;
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.abus-layer p{
	display: none;	
}
.abus-img:hover p{
	display: block;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.abus-img:hover span{
	display: none;
}
.abus-img:hover .abus-layer{
	height: 100%;
	transition: all .3s ease-out;
}
/*about Innovations */
.abus-tab-nav{
	width: 260px;
	text-align: center;
	padding: 0 50px;
}
.abus-tab-nav p{
	color: #999999;
	font-size: 16px;
	margin-top: 20px;
}
.abus-tab-nav.on p{
	color: #1a72b5;
}
.abus-tab-cont{
	background: #f9f9f9;
	border-top: 1px solid #dedede;
	margin-top: 38px;
}
.abus-tit-h{
	color: #0066b3;
	font-size: 22px;
	margin-top: 45px;
	text-align: center;
}
.abus-tit-p{
	color: #0066b3;
	font-size: 16px;
	margin-top: 45px;
}
.abus-tab-box{
	background: #0066b3;
	position: relative;
	margin-top: 35px;
	padding: 30px 0;

}
.arrow-icon{
	position: absolute;
	top: -30px;
	background: url("data:,") no-repeat;
	width: 160px;
	height: 30px;
	left: 50%;
	margin-left: -80px;
}
.abus-tab-item{
	padding: 58px 0;
}
.abus-tab-item img{width: 26%;
}
/*.abus-tab-item:last-child img{
	width: 8%;
}*/
.item-txt{
	margin-left: 8%;
	color: #fff;
	font-size: 16px;
	max-width: 65%;
	line-height: 1.3;
}
.item-txt1{
	margin-left: 45px;
	color: #fff;
	font-size: 18px;
	max-width: 80%;
}
.item-txt h4,.item-txt1 h4{
	font-size: 20px;
	line-height: 1.5;
}
.abus-tab-item2{
	padding: 0 10%;
	text-align: center;
	color: #fff;
	font-size: 24px;
}
.abus-tab-item2 .p1,.abus-tab-item2 .p3{
	width: 75%;
	margin: 10px auto;
}
.abus-drive-box{
	background: #0066b3;
	position: relative;
	margin-top: 200px;
	padding: 30px 0;
	height: 354px;
}
.drive-pic{
	position: absolute;
	top: -147px;
	width: 40%;
}
.abus-drive-box p{
	float: right;
	width: 50%;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	margin-top: 60px;
}
.stit-h{
	color: #262626;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}
.stit-sh{
	color: #262626;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}
.car-detail-item{
	border: 1px solid #d2d2d2;
	box-shadow:  0 0 12px 2px #e1dfdf;
	position: relative;
    margin: 90px 10px 10px;
	text-align: center;
    padding: 84px 0 20px;
    min-height: 390px;
    border-bottom: 4px solid #0066b3;
    
}

.car-detail-item p{
	overflow: auto;
    color: #404040;
    font-size: 16px;
    width: 220px;
    margin: 10px auto 0;
    line-height: 32px;
}
.car-detail-item p::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 4px;
}
.car-detail-item p::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.car-wrap{
	margin-top: 80px;
}
.item-icon{
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -60px;
}
/*service*/
.service-cont-box{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 24px;
	width: 50%;
}
.posi-right{right: 2%;}
.posi-left{left: 7%;}

/*contect us*/
.job-row{
	padding: 36px;
	background: #f5f5f5;
}
.job-row-small{
	border: 1px solid #e6e6e6;
	padding: 15px;
}
.job-row-tit{
	color: #404040;
	font-size: 22px;
	margin-bottom: 20px;
}
.job-row-sub-tit{
	font-size: 16px;
}
.job-row-btn{
	color: #fff;
    font-size: 16px;
    background: #31363a;
    padding: 7px 15px 9px;
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
	
}
.job-row-btn:hover{
	background: #0065b3;
}
.job-row-main-tit{
	color: #404040;
	font-size: 16px;
    line-height: 30px;
}
.pad40{padding: 40px 0;}
.job-row-main-txt{
	line-height: 36px;
	font-size: 16px;
	color: #404040;
	margin-top: 15px;
}
.job-table thead td{
	font-weight: bold;
	background: #f5f5f5;
	color: #262626;
	font-size: 22px;
}
.job-table td{
	text-align: left;
	padding-left: 20px;
	border-bottom:1px solid #ccc;
	line-height: 60px;
	color: #404040;
	font-size: 16px;
}
.job-cont1-txt{
	height: 108px;
	overflow-y: auto;
	font-size: 16px;
}
.job-cont1-txt::-webkit-scrollbar
{
	-webkit-appearance: none;
   width: 4px;
}
.job-cont1-txt::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.table-link{
	color: #0065b3!important;
	text-decoration: underline;
}
.table-link:hover{
	color: #0065b3!important;
	text-decoration: underline;
}
/*brand product*/
.brand-aumark-box{
	position: relative;
}
.brand-aumark-box:hover .blank-layer{
	display: block;
}
.brand-aumark-box:hover .blank-cont-layer{
	display: block;
}
.blank-layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1;
	display: none;
}
.blank-cont-layer{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 488px;
	height: 238px;
	margin: -119px 0 0 -244px;
	background: rgba(255,255,255,.3);
	z-index:2;
	padding: 28px;
	color: #fff;
	font-size: 18px;
	display: none;
}

.blank-cont-layer .ivu-divider-horizontal{
	margin:10px 0;
}
.blank-cont-layer .ivu-divider-vertical{
	height: 5.6em;
	margin: 0;
}
.blank-cont-layer-icon img{
	margin: 0 8px;
}
.blank-cont-layer-item{
	width: 33%;
	text-align: center;
}
.blank-cont-layer-arrow{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #ccc;
	border-right:1px solid #ccc;
	transform: rotate(45deg);
}
@media screen and (max-width: 1440px) {
	.blank-cont-layer{
		position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 480px;
	    height: 190px;
	    margin: -95px 0 0 -240px;
	    background: rgba(255,255,255,.3);
	    z-index: 2;
	    padding: 11px 24px;
	    color: #fff;
	    font-size: 14px;
	    display: none;
	}
	.blank-cont-layer .ivu-divider-horizontal{
	margin:7px 0;
	}
	.blank-cont-layer .ivu-divider-vertical{
		height: 4.6em;
		margin: 0;
	}
}
.pro-light{
	background: url("data:,") no-repeat center center;
	background-size: 100% 100%;
	/*height: 900px;*/
	padding: 70px 0;
}
.light-date{
	text-align: center;
	color: #fff;
	font-size: 28px;
	
	
}
.light-detail{
	/*padding: 0 20%;*/
	position: absolute;
    top: -290px;
    left: 0;
    right: -200%;
    display: none;
}
.light-detail-txt{
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
}
.pro-light-swiper{
	overflow-x: hidden!important;
	overflow-y: auto!important;
	padding-top: 380px;
}
.sel-color{
	margin-top: 30px;
	text-align: center;
	
}
.sel-color-pic img{display: none;}
.sel-color-pic img:first-child{display: inline;}
.sel-color img{
	width:25px;
	height: 25px;
	margin: 0 10px;
	border:1px solid #d4d4d4;	
	cursor: pointer;
}
.sel-color img.on{
	border:2px solid #0066b3;	
}
.spec-item{
	border-bottom:1px solid #d9d9d9;
	overflow: hidden;
	line-height: 43px;
	
}
.product-all-btn{
	width: 188px;
	height: 58px;
	background: #313639;
	color: #fff;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	margin-top: 50px;
	cursor: pointer;
}
.pro-safe-pic{
	position: relative;
	margin-bottom: 9px;
}
.pro-safe-box{
	margin-top: 30px;
}
.pro-safe-cont-wrap{
	background: #fff;
	height: 100%;
	/*padding: 0 10%;*/
	position: relative;
} 
.ivu-col .ivu-col-span-16 .pro-safe-cont-wrap:nth-child(n+1){display:none;}
.pro-safe-cont{
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	transform: translateY(-50%);
}
.swiper-detail{
background: #FFF;
	padding:20px 15px;
	color: #404040;
	font-size: 15px;
	line-height: 30px; 
    overflow: auto;
	text-align:center;
	height:135px
}
.swiper-details{
	background: #FFF;
	padding:20px 15px;
	color: #404040;
	font-size: 14px;
	line-height: 30px;
	height: 180px;
	overflow: auto;
}
.swiper-detail::-webkit-scrollbar
{
	-webkit-appearance: none;
   width: 4px;
}
.swiper-detail::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color: rgba(0,0,0,.2);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.swiper-satfe{
	margin-top: 50px;
	padding:0 47px;
}

.swiper-prodetail .swiper-button-next {
    background: url("/wp-content/uploads/foton-mirror/en/index_files/img/right_arrow.png") no-repeat center;
    background-size: contain;
    width: 35px;
    height: 88px;
    margin-top: -50px;
    right: 0;
}
.swiper-prodetail .swiper-button-prev {
    background: url("/wp-content/uploads/foton-mirror/en/index_files/img/left_arrow.png") no-repeat center;
    background-size: contain;
    width: 35px;
    height: 88px;
    margin-top: -50px;
    right: 0;
}
.swiper-satfe .swiper-button-next{
    background: url("data:,") no-repeat center;
    background-size: contain;
    width: 27px;
    height: 47px;
    margin-top: -50px;
    right: 0;
}
.swiper-satfe .swiper-button-prev{
    background: url("data:,") no-repeat center;
    background-size: contain;
    width: 27px;
    height: 47px;
    margin-top: -50px;
    right: 0;
}
.swiper-slide.scale .light-bot-date{
	display: none;
}
.swiper-slide.scale .light-detail{
	display: block;
}
.product-detail-box{
	position: relative;
}
.product-detail-txt{
	width: 40%;
	max-height: 24%;
    position: absolute;
    left: 105px;
    top: 6%;
    background: url("data:,") repeat-y center top;
    background-size: cover;
    padding: 10px 36px;
    color: #fff;
    font-size: 16px;
    overflow-y: auto;
}
.product-detail-pic{
	width: 34%;
    height: 38%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(255,255,255,.5);
    padding: 6px;
    transform: translate(-50%,-50%);
}
.product-detail-pic img{
	width: 100%;
	height: 100%;
}

.detail-item-cont{
	display: none;
}
.detail-item{
	position: absolute;
	color: #fff;
	font-size: 20px;
}
.detail-item img{
	width: 40px;
}
.remimg{
	display: none;
}
.detail-item-wrap .detail-item:first-child .remimg{
	display: block;
}
.detail-item-wrap .detail-item:first-child .addimg{
	display: none;
}
.ptb{
	padding-top: 46px;
	padding-bottom:46px;
}
.plr{
	padding-left: 46px;
	padding-right:46px;
}
.item1{
	top: 46%;
    right: 69%;
}
.item2{
	top: 61%;
    left: 14%;
}
.item3{
	bottom:0;
    left: 15%;
}
.item4{
	bottom: 6%;
    left:43%;
}
.item5{
	bottom: 28%;
    right: 10%;
}
.item6{
	bottom: 25%;
    right: 2%;
}

.topicon .pro-item-icon{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.bottomicon .pro-item-icon{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lefticon .pro-item-icon{
	position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}
.righticon .pro-item-icon{
	position: absolute;
    top: 0;
    right: 0;
    margin: auto;
}
.layer-icon{
	margin-top: 9px;
    margin-right: 5px;
    width: 18px;
}
.index-banner-txt h2{color:#333;}
.index-banner-txt .box-line{background:#1a1a1a;}
.index-banner-txt p{color:#1a1a1a;}
.right li a{color:#000000;}
.right li a:hover{color:#2d8cf0 !important}
.right li.router-link-active a{color:#2d8cf0}
.second-nav li{float: left;list-style: none;text-transform:uppercase}
.second-nav .nav-current{background: #0066b3;}

#message{height:100px;}


@media screen and (max-width: 1440px) {
.abus-tab-item img{width: 18%;
}}



@media screen and (max-width: 950px) {
.pro-safe-cont{position: relative;transform: none;top: 0;left: 0;
}}