em.mazdaLogo{ font-style: normal; }
html{ height: 100%; overflow-y:scroll; }
html,body{ width: 100%; overflow-x:hidden; }
.navIndex{ position: fixed; z-index: 99; top: 0; width: 100%; left: 0 }
 sub{ font-size: 1em; }
 .wapInline{ display: none; }.grayBG{ background: #f3f3f3; }
.strongFont{ font-weight: bold; }
body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,header,menu,footer,section,video,article,button,input,select{margin:0;padding:0;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,span,menu,footer,section,video,article,hgroup,button,label{zoom:1;}
body{background:#fff;  text-align:center;font-family:'Mazda_Type_Regular','NotoSansCJKsc-Regular',"Noto Sans CJK SC Light", "Source Han Sans CN Light", SourceHanSansCN-Light, Arial, STHeiti, source-han-sans-simplified-c;vertical-align:middle;font-style: normal; }
input,button,select{font-family:'Mazda_Type_Regular','NotoSansCJKsc-Regular',"Noto Sans CJK SC Light", "Source Han Sans CN Light", SourceHanSansCN-Light, Arial, STHeiti, source-han-sans-simplified-c;font-style: normal;  }


html,body,td,th{color: #000000;font-size:14px;}
input,select{vertical-align:middle;line-height:normal;outline:none;}
option{ line-height: 1.5em; padding:0; min-height: 1.5em; height: 1.5em; color: #000; }
textarea{font-size:1em;} 
a{outline:0;cursor:pointer; color: #000; }
button{cursor:pointer;}
a:link,a:visited,a:active,a:hover{text-decoration:none;}

img{border:0;vertical-align:top; display:block;}
h1,h2,h3,h4,h5,h6{font-size:1em;/*  font-weight: normal; */}
.hidden{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
span.center{display:inline-block;margin:0 -0.5em 0 -1px;vertical-align:middle;width:1px;height:100%;overflow:hidden;visibility:hidden;}
iframe{ position:absolute; left:0; top:0; z-index:-1}
ul{list-style-type:none;}
em.block{ font-style: normal; }
.overHidden{ overflow: hidden; }

a,a span,a em{ transition: all 0.5s; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; } 
.clearfix { zoom: 1; } 
.neishi .title.marginTop12, .dongli .title.marginTop12, .va .title.marginTop12{ margin-top: -12em; }
.mazda,em.mazda{ font-family:'Mazda_Type_Regular','NotoSansCJKsc-Regular'; font-style: normal; }

.moreNav{ display: none; }
/*导航*/
.navigator{background: #2b2b2b;position: relative;z-index: 100;}
.navCont{/* position: relative; */}
.navMain.on{ position: fixed; width: 100%; height: 80px; left: 0; top:0; width: 100%; background: #202020;}
.navCont.on.over{ display: none; }
.navigatorLogo{float: left;position: relative;width: 17%;height: 80px;line-height: 80px;}
.navigatorLogo a{display:block;width: 100%;position: absolute;top: 22.5%;margin-top: 0;height: 55%;}
.navigatorLogo img{width: auto;height: 100%;}
.navigatorLogo a.nav_trigger{display: none;position: absolute;right: 5%;top: 0;height: 100%;width: 6%;/* padding-left: 30px; */margin-top: 0;}
.nav_trigger .nav_icon{display: block;position: absolute;width: 100%;height: 2px;background-color: #fff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration:0.5s;transition-duration: 0.5s;top: 50%;}
.nav_trigger .nav_icon:before,.nav_trigger .nav_icon:after{content: '';display: block;width: 100%;height: 2px;position: absolute;background: #fff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.nav_trigger .nav_icon:before{margin-top:-35%;}
.nav_trigger .nav_icon:after{margin-top:35%;}
.nav_trigger.second_active .nav_icon{background: rgba(0, 0, 0, 0);}
.nav_trigger.second_active .nav_icon:before{margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.nav_trigger.second_active .nav_icon:after{margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.moreNav:before,.moreNav:after{content: '';display: block;width: 30%;height: 2px;position: absolute;background: #000;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;top: 50%;left: 50%;}
.moreNav:before{ -webkit-transform: translate3d(-80%,-50%,0) rotateZ(45deg); transform: translate3d(-80%,-50%,0) rotateZ(45deg); }
.moreNav:after{ -webkit-transform: translate3d(-20%,-50%,0) rotateZ(-45deg); transform: translate3d(-20%,-50%,0) rotateZ(-45deg); }
.moreNav.acitve:before{ width: 50%;   -webkit-transform: translate3d(-45%,-50%,0) rotateZ(45deg); transform: translate3d(-45%,-50%,0) rotateZ(45deg);}
.moreNav.acitve:after{ width: 50%;-webkit-transform: translate3d(-45%,-50%,0) rotateZ(-45deg); transform: translate3d(-45%,-50%,0) rotateZ(-45deg);}

/* .navigatorList{float: right;position: relative;}
.navigatorList li{position: relative;float: left;width: 9.2em;}
.navigatorList li a{display: block;padding: 20px 0 35px 0;background: url(../images/nav.png) right center no-repeat;white-space: nowrap;height: 25px;position: relative;}
.navigatorList li strong{display: block;width: 100%; font-weight: normal;color: #fff; font-family: 'NotoSansCJKsc-Regular','Microsoft YaHei',simHei;}
.navigatorList li a.hasSencond:before{ content: '';display: block;width: 50%; left: 25%; display: none; height: 2px;position: absolute;background: #fff; bottom: 0; margin-bottom: 7%; }
.navigatorList li span{ color: #999999;}
.navigatorList li.last_li a{ background-image: none;  } 
.navigatorList li em{ display: block; position: absolute; left: 50; width: 0%; height: 4px; background: #fff;  }
.navigatorList li a:hover em{ left:0%; width: 100%; }
.navigatorList li a.hasSencond:hover:before{ display: block; }

.navigatorList li .second_nav{height: 0;position: absolute;z-index: 2;top: 80px;width: 100%;background: #f3f3f3;overflow: hidden;left: 0;padding: 2% 0;}
.navigatorList li ul.second_navn{width: 65%;margin: 0 7% 0 0;float: right;padding: 2% 0;}
.navigatorList li ul.second_navn li{border-right: 1px solid #ddd;width: 23%;float: left;}
.navigatorList li ul.second_navn li a{display: block;padding: 1em 0 0;height: auto;position: relative;}
.navigatorList li ul.second_navn li a:hover .text{ color: #333; }
.navigatorList li ul.second_navn li a img{ transition: all 1s; }
.navigatorList li ul.second_navn li a:hover img{ transform: scale(1.05); }
.navigatorList li ul.second_navn li a .text{width: 100%;position: absolute;top: 0;left: 0;color: #000;}
 .navigatorList li ul.second_navn li a .text em.mazda{ display: inline; height: auto; position: static; background: none; }
 */
.navigatorList{float: right;}
.navigatorList li.firstNavLi{float: left;}
.navigatorList li a{display: block;background: url(../images/nav.png) right center no-repeat;white-space: nowrap;height: 20px;position: relative;line-height: 20px;}
.navigatorList li a.firstNav{padding: 20px 1.2em 40px;}
.navigatorList li strong{display: block;width: 100%; font-weight: normal;color: #fff; }
.navigatorList li a:before{ content: '';display: block;width: 0; left: 25%; display: none; height: 1px;position: absolute;background: #fff; top:50%; margin-top:2em; overflow: hidden; transition: all 0.5s }
.navigatorList ul.second_navn a:before{ content: '';display: none;width: 0; left: 25%; display: none; height: 1px;position: absolute;background: #000; top: 50%;margin-top:1em; overflow: hidden;transition: all 0.5s }
.navigatorList li span{ color: #666;}
.navigatorList li h3 span{ color: #999; font-weight: normal; }
.navigatorList li.last_li a{ background-image: none;  } 

.navigatorList li.mouseon  h3 a:before,.navigatorList li h3 a:hover:before,.navigatorList li ul.second_navn li.mouseon h4 a:before,.navigatorList ul.second_navn a:hover:before{ display: block; width: 50%; }
.navigatorList .navCarList ul.second_navn a:hover:before{ display: none; }
.navigatorList li .second_nav{height: 0;position: absolute;z-index: 2;top: 80px;width: 100%;background: #f3f3f3;overflow: hidden;left: 0;/* padding: 2% 0; */}
.navigatorList li.second_nav.navCarList ul.second_navn{ /* padding:2% 0; */ }
.navigatorList li ul.second_navn{}
.navigatorList li ul.second_navn li{display:inline-block;*display:inline;  }
.navigatorList li ul.second_navn li h4{position: relative; font-weight: normal; }
.navigatorList li ul.second_navn li h5{position: relative; font-weight: normal; }
.navigatorList li .navCarList ul.second_navn{ padding:2% 0; }
.navigatorList li .navCarList ul.second_navn li{width: 23%;border-right: 1px solid #ddd; }
.navigatorList li ul.second_navn li a{display: block;height: auto;position: relative;padding: 15px 0 14px;}
.navigatorList li ul.second_navn li a .text{ padding:0  1.5em; }
.navigatorList li ul.second_navn li.secondNavLi.gang a .text{ border-right: 1px solid #aaa; }
.navigatorList li ul.second_navn li a:hover .text{ color: #000; }
.navigatorList li ul.second_navn li a img{ transition: all 1s; max-width: 250px; margin: 0 auto; }
.navigatorList li ul.second_navn li a:hover img{ transform: scale(1.05); }
.navigatorList li .navCarList ul.second_navn li a span{ display: none; }
.navigatorList li ul.second_navn li.mouseon h4 a span,.navigatorList li ul.second_navn  .three_nav li.mouseon h5 a span{ color: #000 }

.three_nav{height: 0;position: absolute;z-index: 2;top: 50px;border-top: 1px solid #aaa;width: 100%;background: #f3f3f3;overflow: hidden;left: 0;}
.firstNavLi.current h3 a:before{ display: block; width: 50%;  }

.navigatorList li a:before{ content: '';display: block;width: 0; left: 25%; display: none; height: 1px;position: absolute;background: #fff; top:50%; margin-top:2em; overflow: hidden; transition: all 0.5s }
.navigatorList2 ul.second_navn a:before,.three_navn li h5 a:before{ content: '';display: none;width: 0; left: 25%; display: none; height: 1px;position: absolute;background: #000; top: 50%;margin-top:1em; overflow: hidden;transition: all 0.5s }

.navigatorList li.mouseon  h3 a:before,.navigatorList li h3 a:hover:before,.navigatorList2 ul.second_navn li.mouseon h4 a:before,.navigatorList2 ul.second_navn a:hover:before{ display: block; width: 50%; }
.navigatorList2 .navCarList ul.second_navn a:hover:before{ display: none; }
.second_nav{ display: none; position: absolute;z-index: 2;top: 0;width: 100%; left: 0;  background: #ffffff;}
.second_nav.mouseon{ height:auto; display: block; }
.navCarList.second_nav.mouseon,.three_nav.mouseon{ height: auto;  display: block;}

.navigatorNav{ position: absolute; width: 100%; top: 80px; left: 0;}
.navigatorList2 ul.second_navn{}
.navigatorList2 ul.second_navn li{display:inline-block;*display:inline;  }
.navigatorList2 ul.second_navn li h4{position: relative; font-weight: normal; }
.navigatorList2 ul.second_navn li h5{position: relative; font-weight: normal; }
.navigatorList2 .navCarList ul.second_navn{ padding:2% 0; }
.navigatorList2 .navCarList ul.second_navn li{width: 23%;border-right: 1px solid #ddd; }
.navigatorList2 .navCarList ul.second_navn li a{height: auto; }
.navigatorList2 ul.second_navn li a{display: block;height: 50px; line-height:50px; position: relative; color: #666; }
.navigatorList2 ul.second_navn li a .text{ padding:0 0.75em; }
.navigatorList2 ul.second_navn li.secondNavLi.gang a .text{ border-right: 1px solid #aaa; }
.navigatorList2 ul.second_navn li a:hover .text{ color: #000; }
.navigatorList2 ul.second_navn li a img{ transition: all 1s; max-width: 250px; margin: 0 auto; }
.navigatorList2 ul.second_navn li a:hover img{ transform: scale(1.05); }
.navigatorList2 .navCarList ul.second_navn li a span{ display: none; }
.navigatorList2 .navCarList ul.second_navn li a span.tips{ display: block; }
.navigatorList2 ul.second_navn li.mouseon h4 a span,.navigatorList2 ul.second_navn  .three_nav li.mouseon h5 a span{ color: #000 }
.navigatorNav{ background: #fff; }
.three_nav{ background: #ffffff; display: none; position: absolute;z-index: 2;top:50px;border-top: 1px solid #aaa;width: 100%;overflow: hidden;left: 0;}
.firstNavLi.mouseon h3 a:before{ display: block; width: 50%;  }
.secondNavLi.mouseon h4 a:before{ display: block; width: 50%;  }
.three_navn li.mouseon h5 a:before{ display: block; width: 50%;  }
.secondNavLi.mouseon h4 a span{ color: #000; }
.navigatorNav.on{ position: fixed; top: 0px; left: 0; width: 100%; background: #ffffff; z-index: 9; }
.navigatorNav.on .second_nav.mouseon,.navigatorNav.on .three_nav.mouseon{  border-bottom: 1px solid #aaa; }
.second_nav .wrapper{ margin:0 auto; position: relative; }

.navigatorList2 .pageNavLogo{position: absolute;left: 11%;top:0;}
.navigatorList2 .pageTipp{position: absolute;right: 10.5%;top: 0;}

.floatLeft{ float: left; }
.floatRight{ float: right; }
.textLeft{ text-align: left; }
.textRight{ text-align: right; }

.title h1.pageTitle{  }
.title h1.pageTitle span{ display: block;}

.title h4.pageTips{font-weight: normal;}
.title h4.pageTips span{display: block;}
.title h2.pageTips span{display: block;}
.title h2.pageTitle{}
.title h2.pageTitle span{display: block;}

.title p.pageTips{font-weight: normal;}
.title p.pageTips span{display: block; }

.title h5.pageTips{font-weight: normal;}
.title h5.pageTips span{display: block;padding-left: 1.5em;background: url(../images/li.png) left 1.35em no-repeat;}
.title .pageTips span.listTips{display: block;padding-left: 1.5em;background: url(../images/li.png) left 0.75em no-repeat;}


.title h1.pageTitle span.englishT{font-weight: normal; }
.flex{ display: flex; }

.w100{ width: 100%; }
.w994{width: 99.4%; }
.w975{ width: 97.5%;}
.w97{ width: 97%; }
.w95{ width: 95%; }
.w90{ width: 90%; }
.w85{ width: 85%; }
.w80{ width: 80%; }
.w65{ width: 65%; }
.w60{ width: 60%; }
.w55{ width: 55%; }
.w50{ width: 50%; }
.w48{ width: 48%; }
.w75{ width: 75%;}
.w70{ width: 70%;}
.w45{ width: 45%; }
.w425{ width: 42.5%; }
.w40{ width: 40%; }
.w35{ width: 35%; }
.w33{ width: 33.33%; }
.w30{ width: 30%; }
.w25{ width: 25%; }
.w20{ width: 20%; }
.w15{ width: 15%; }
.wrapper5{ width: 75%;}

.marginMiddle{ margin:0 auto; }
.maxWidth350{ max-width: 350px; }
.paddingTop05{ padding-top: 0.5%; }
.paddingTop1{ padding-top: 1%; }
.paddingTop2{ padding-top: 2%; }
.paddingTop3{ padding-top: 3%; }
.paddingTop4{ padding-top: 4%; }
.paddingTop5{ padding-top: 5%; }
.paddingTop7{ padding-top: 7%; }
.paddingTop10{ padding-top: 10%; }
.paddingTop15{ padding-top: 15%; }
.paddingTop125{ padding-top: 12.5%; }
.paddingBottom1{ padding-bottom: 1%; }
.paddingBottom2{ padding-bottom: 2%; }
.paddingBottom3{ padding-bottom: 3%; }
.paddingBottom4{ padding-bottom: 4%; }
.paddingBottom5{ padding-bottom: 5%; }
.paddingBottom7{ padding-bottom: 7%; }
.paddingBottom10{ padding-bottom: 10%; }
.paddingBottom150{ padding-bottom: 15%; }
.paddingBottom125{ padding-bottom: 12.5%; }
.paddingLeft1{ padding-left: 1%; }
.paddingBottom15{ padding-bottom: 1.5%; }
.paddingLeft2{ padding-left: 2%; }
.paddingLeft3{ padding-left: 3%; }
.paddingLeft4{ padding-left: 4%; }
.paddingLeft5{ padding-left: 5%; }
.paddingLeft10{ padding-left: 10%; }
.paddingRight1{ padding-right: 1%; }
.paddingRight2{ padding-right: 2%; }
.paddingRight3{ padding-right: 3%; }
.paddingRight4{ padding-right: 4%; }
.paddingRight5{ padding-right: 5%; }
.paddingLeft10{ padding-left: 10%; }

.w48{ width: 48%; }
.col2_item.floatRight{ float: right; }

.marginTop1{ margin-top: 1%; }
.marginTop2{ margin-top: 2%; }
.marginTop3{ margin-top: 3%; }
.marginTop4{ margin-top: 4%; }
.marginTop5{ margin-top: 5%; }
.marginBottom1{ margin-bottom: 1%; }
.marginBottom2{ margin-bottom: 2%; }
.marginBottom3{ margin-bottom: 3%; }
.marginBottom4{ margin-bottom: 4%; }
.marginBottom5{ margin-bottom: 5%; }
.marginLeft1{ margin-left: 1%; }
.marginLeft2{ margin-left: 2%; }
.marginLeft3{ margin-left: 3%; }
.marginLeft4{ margin-left: 4%; }
.marginLeft5{ margin-left: 5%; }
.marginLeft50{ margin-left: 50%; }
.marginRight1{ margin-right: 1%; }
.marginRight2{ margin-right: 2%; }
.marginRight3{ margin-right: 3%; }
.marginRight4{ margin-right: 4%; }
.marginRight5{ margin-right: 5%; }
.marginRight10{ margin-right: 10%; }
.marginLeft10{ margin-left: 10%; }

/*二级导航*/
.pageNav{background: #fff;height: 50px;line-height: 50px;width: 100%;position: relative;}
.pageNavLogo{float: left;line-height: 50px;color: #000;}
.pageNavLogo a{ color: #000; letter-spacing: 0.1em; font-weight: bold; }
.pageNavList{float: right;padding-right:20px;}
.pageNavList li{display: inline-block;*display:inline;zoom: 1;margin-left: -0.3em;}
.pageNavList li.wapShow{ display: none; }
.pageNavList li a{display: block;color: #7d7d7d;white-space: nowrap; letter-spacing: 0.1em;}
.pageNavList li a span{padding: 0 0.7em;border-right: 1px solid #dddddd;}
.pageNavList li.last_li span{ border:none;  }
.pageNavList li a:hover span,.pageNavList li a.hover{color: #000; }
.pageNav.on{ position: fixed; left: 0; top: 0px;border-bottom:1px solid #d5d5d5; z-index: 5 }


.pageTipp{float: right;padding-right: 2%;}
.pageTipp span.ppp{color: #000;font-weight: bold;/* margin-right: 31em; */}
.pageTipp a.testDriverBtn{display: block;float: right;border: 1px solid #bb1511;line-height: 30px;padding: 0 15px;margin-top: 9px;margin-left: 15px;color: #fff; background: #bb1511}


.moreNavList{ display: none; position: absolute;right: 0;top: 60px;background: #fff;width: 150px;border-top: 1px solid #000;}
.moreNavList li{height: 40px;line-height: 40px;border-bottom: 1px solid #eee;}

/*左右按钮*/
.prevSmall,.nextSmall{position: absolute;width: 40px;height: 0;top: 50%;padding-top: 3%;margin-top:-2%;cursor: pointer;z-index: 2;cursor: pointer;}
.prevSmall{background: url(../images/prev.png) center center no-repeat;background-size: 100% auto;left: 0;}
.nextSmall{background: url(../images/next.png) center center no-repeat;background-size: 100% auto;right: 0;}

.prevSmalln,.nextSmalln{position: absolute;width: 3%;height: 0;bottom: 5%;padding-top: 3%;cursor: pointer;z-index: 2;cursor: pointer;}
.prevSmalln{background: url(../images/ns_prev.png) center center no-repeat;background-size: 100% auto;left: 47.1%;}
.nextSmalln{background: url(../images/ns_next.png) center center no-repeat;background-size: 100% auto;right: 47%;}

.prev,.next{position: absolute;width: 3%;height: 0;top: 50%;padding-top: 4%;cursor: pointer;margin-top: -6%;z-index: 2;cursor: pointer;}
.prev{background: url(../images/prev_img.png) center center no-repeat;background-size: 100% auto;left: 0;}
.next{background: url(../images/next_img.png) center center no-repeat;background-size: 100% auto;right: 0;}

/*swiper点*/
.swiper-slide{overflow: hidden;position: relative; width: 100%; }
.pagination{bottom: 2%;z-index: 2;position: absolute;left: 0;width: 100%;}
.pagination .swiper-pagination-switch{height: 0;width: 0.8%;display: inline-block;background: none;cursor: pointer;padding-top: 0.8%;border-radius: 50%;border: 1px solid #fff;margin: 0 1%;}
.pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }

.grayBg{ background: #f3f3f3; }
.grayBg2{ background: #272727; }

.wgMoreBtn{color: #666666;letter-spacing: 0.25em;line-height: 1em;padding: .5% 0;background: url(../images/morebg.png) left bottom repeat-x;margin: 2% auto 1.5%;display: block;width: 5.5em;text-align: center;}
.wgMoreBtn:hover{ color: #000;  }
/*布局*/
.col2_item img,.col2_item p,.col3_item img,.col3_item p,.col4_item img,.col5_item .col5_img img,.col2_item img,.footerCarList img,.col4_item,.swiperImgV .swiper-slide span img,.productNav a img{-webkit-transition:all 1.5s;-moz-transition:all 1.5s;transition:all 1.5s;}

.forPC{ display: block; }
.forWAP,.forWap{ display: none; }
.wapShow{ display: none; }
@media all and (min-width:0px){
  .img_container  img{-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;transition:all 1.5s ease;}
  .img_container:hover  img,.swiperImgV .swiper-slide span:hover img{opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
  .img_container:hover  img,.footerCarList img:hover,.productNav a:hover img{opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
}
.forPC{ display: block; }
.forWAP,.forWap{ display: none; }
.wapShow{ display: none; }
.wrapper{ width: 78%; }
.wrapper3{ width: 80%;}
.wrapper4{ width: 88%;}
.wrapper2{ width: 65%; }
.w33{ width: 33.33%; }

/*字号*/

/* .title{padding-bottom: 3%;}
.title h1.pageTitle{padding: 2% 0 0 0;letter-spacing: 0.15em;}
.title h1.pageTitle span{display: block;padding-top: 1%;line-height: 1em;font-size: 1.05em;}
.col2_item .title h1.pageTitle span{ display: block;padding-top: 3%;line-height: 1em; }
.title h4.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 0.7% 0 0 0;}
.title h4.pageTips span{display: block;padding-top: 1em;line-height: 1em;}
.title h5.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 0.7% 0 0 0;}
.title h5.pageTips span{display: block;padding-top: 1em;padding-left: 1.5em;background: url(../images/li.png) left 1.35em no-repeat;}

.font145{font-size: 1.45em; }
.font125{font-size: 1.25em; }
.font130{ font-size: 1.25em; }
.font80{font-size: 80%; }
.font90{font-size: 90%; }
.font105{font-size: 105%; }
.font110{font-size: 115%; }
.font100,.font1{font-size: 1.05em; }
.line1,.title h4.pageTips.line1 span,.title h5.pageTips.line1 span{ line-height: 1em; padding: 0; }
.line225,.title h4.pageTips.line225 span,.title h5.pageTips.line225 span{line-height: 2em;padding: 0;}
.line2,.title h4.pageTips.line2 span,.title h5.pageTips.line2 span{ line-height: 2em; padding: 0; }
.line175,.title h4.pageTips.line175 span,.title h5.pageTips.line175 span{ line-height: 1.75em; padding: 0; } */

.title{ }

.title h1.pageTitle{  }
.title h1.pageTitle span{ display: block;}

.title h4.pageTips{font-weight: normal;}
.title h4.pageTips span{display: block;}
.title h2.pageTitle{}
.title h2.pageTitle span{display: block;}

.title p.pageTips{font-weight: normal;}
.title p.pageTips span{display: block; }

.title h5.pageTips{font-weight: normal;}
.title h5.pageTips span{display: block;padding-left: 1.5em;background: url(../images/li.png) left 1.35em no-repeat;}
.title .pageTips span.listTips{display: block;padding-left: 1.5em;background: url(../images/li.png) left 0.75em no-repeat;}


.title h1.pageTitle span.englishT{font-weight: normal; }

.font4{font-size: 400%; line-height: 1em; }
.font3{font-size: 300%; line-height: 1em; }
.font25{font-size: 250%; line-height: 1em; }
.font2{font-size: 200%; line-height: 1em; }
.font175{font-size: 175%;  line-height: 1em;}
.font145{font-size: 145%; line-height: 1em; }
.font120{font-size: 120%;  line-height: 1em;}
.font125{font-size: 125%;  line-height: 1em;}
.font115{font-size: 110%; }
.font110{font-size: 110%;  line-height: 1em;}
.font105{font-size: 105%; }
.font100{font-size: 1em; line-height: 1em; }
.font90{font-size: 90%;  line-height: 1em;}
.font85{font-size: 85%;  line-height: 1em;}
.font80{font-size: 80%;  line-height: 1em;}

.line1{ line-height: 1em;}
.line125{ line-height: 1.25em;}
.line145{ line-height: 1.45em;}
.line175{ line-height: 1.75em;}
.line2{ line-height: 2em;}
.line25{ line-height: 2.5em;}
.line3{ line-height: 3em;}
.line225{line-height: 2.25em;}

.col1_list{width: 100%; position: relative;}
.col1_item{position: relative;width: 100%;}
.col1_item1{  } 

.title h1.pageTitle.font130 span{ font-size: 1.1em; }

.col2_list{clear: both;overflow: hidden;zoom: 1;position: relative;}
.col2_item{float: left;position: relative; overflow: hidden;    align-self: center;}
.col2_item .col2_img{overflow: hidden;}
.col2_item img{  }
.col2_item .col2_text{position: absolute;bottom:0.5em;width: 100%;}
.col2_item .col2_text h1{font-weight: normal;padding: 0.5em 0;}
.col2_item .col2_text p{padding: 0;height: 0;overflow: hidden;}
.col2_item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }

.col2_item.noImgTrans:hover img{ -moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); }
.col2_item:hover .col2_text{  }
.col2_item:hover .col2_text h1{  }
.col2_item:hover .col2_text p{  height: 2em;  }
.col2_item.col2_text{position: absolute;height: 100%;right: 0;top: 0;}
.va .flImg{ float: right; }
.va .col2_item.col2_text{ right: auto; left: 0; }

.col3_list{clear: both;overflow: hidden;zoom: 1;}
.col3_item{width: 33.33%;float: left;overflow: hidden;position: relative;cursor: pointer;}
.col3_item .col3_img{overflow: hidden;}
.col3_item img{  }
.col3_item .col3_text{position: absolute;bottom: 1em;width: 100%;}
.col3_item .col3_text h1{font-weight: normal;padding: 0.5em 0;}
.col3_item .col3_text p{padding: 0;height: 0;overflow: hidden;}
.col3_item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.col3_item:hover .col3_text{  }
.col3_item:hover .col3_text h1{  }
.col3_item:hover .col3_text p{ height: 2em; }

.col4_list{margin: 0 auto;overflow: hidden;clear: both;zoom: 1;}
.col4_item{width: 24%;float: left;margin: 0 0.5%;background: #161616;position: relative;padding-top: 31%;}
.col4_item .col4_img{overflow: hidden;position: absolute;top: 0;left: 0;}
.col4_item img{  }
.col4_item .col4_text{padding: 10% 13% 13% 13%;position: absolute;top: 0;left: 0;margin-top: 63%;}
.col4_item .col4_text h1{font-weight: normal;padding-bottom: 1em;letter-spacing: 0.2em;}
.col4_item .col4_text p{letter-spacing: 0.05em;}
.col4_item:hover{background: #373737;  }
.col4_item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.col4_item:hover .col4_text{  }
.col4_item:hover .col4_text h1{  }
.col4_item:hover .col4_text p{  }


.col5_list{margin: 0 auto;overflow: hidden;clear: both;zoom: 1; width:85%;}
.col5_item{width: 19%;float: left;margin: 0 0.5%;background: #161616;position: relative;padding-top: 32%;}
.col5_item .col5_img{overflow: hidden;position: absolute;top: 0;left: 0; width: 100%; }
.col5_item img{  }
.col5_item .col5_text{padding: 9% 2% 13% 2%;position: absolute;top: 0;left: 0;margin-top: 70%;width: 96%; color: #999999;}
.col5_item .col5_text h1{font-weight: normal;padding-bottom: 1em;letter-spacing: 0.2em;}
.col5_item .col5_text p{letter-spacing: 0.05em;}
.col5_item:hover{background: #373737;  }
.col5_item:hover  .col5_img img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.col5_item:hover .col5_text{ }
.col5_item:hover .col5_text h1{  }
.col5_item:hover .col5_text p{  }

.w100{ width: 100%; }
.w975{ width: 97.5%; margin: 0 auto; }
.w97{ width: 97%; margin: 0 auto; }
.w85{ width: 85%; }
.w80{ width: 80%; margin:0 auto; }
.w60{ width: 60%; margin:0 auto; }
.w50{ width: 50%;  }
.w70{ width: 70%; margin:0 auto; }
.w40{ width: 40%; margin:0 auto; }
.w15{ width: 15%; }
.leftText{ text-align: left; }

.padding2{ padding:1% 0 2% 0; }
.morePage{  }

/*底部车列表*/
.footerCar{background:#1f1f1f;}
.footerCarList.wrapper{width: 60%;}
.footerCar .content{padding: 1% 0 2%;}
.footerCarList{margin: 0 auto;clear: both;overflow: hidden;zoom: 1;}
.footerCarList li{width: 33.33%;float: left;/* padding-bottom: 2em; */}
.footerCarList li a{width: 60%;display: block;margin: 0 auto;padding: 10% 0 0;}
.footerCarList li a.downBtn{transition: all 1s;padding: 0.65em 0;margin-top: 4%;width: 40%; color: #626262; border:1px solid #626262; }
.footerCarList li a.downBtn:hover{background: #4e4e4e;}

/*底部地图*/
.footerMap{background: #2f2f2f;}
.footerMap ul{margin:  0 auto;clear: both;overflow: hidden;zoom: 1;padding: 2% 0;margin-left: 14%;}
.footerMap ul li{width: 14%;float: left;}
.footerMap ul li dl{text-align: left;}
.footerMap ul li dl dt{color: #fff;}
.footerMap ul li dl dd{margin: 3% 0;}

/*最后footer*/
.footer{background: #000;}.footer a{ color: #999 }

.footer .footer_con{margin: 0 auto;position: relative;padding: 1.5% 0;text-align: left;}
.site-phone span{display: block;width: 100%;clear: both;overflow: hidden;zoom: 1;margin-bottom: 0.5em;}
.site-phone span img{display: block;margin-right: 1em;float: left;}
.site-phone span em{display: block;float: left;font-style: normal; color: #fff; }
.site-phone span em strong{ margin-right:1em; display: block; float: left; }
.site-phone span em strong:nth-child(1){ padding-left:1.5em; background: url(//www.changan-mazda.com.cn/default/images/mobile.png) 0 center no-repeat; background-size:1.5em;  }
.site-phone span em strong:nth-child(2){ padding-left:1.5em; background: url(//www.changan-mazda.com.cn/default/images/tel2.png) 0 center no-repeat; background-size:1.5em; }

.footer_down{border: 1px solid #444444;padding: 8px 15px;width: 5em;margin: 0 auto 1em;letter-spacing: 0;}
.site-menu{position: absolute;right: 5%;top: 0;color: #6e6e6e;padding-top: 2%;}
.site-menu a{color: #fff;}

/*侧导航*/
.rightPanel{position:fixed;bottom:3%;right:10px;z-index:2000; display: none;}
.rightPanel ul li{margin-bottom: 2px;overflow:hidden;cursor:pointer;}
.rightPanel ul li p{position:relative;display:none;visibility:hidden; padding:0 1.5em; height:50px;line-height:50px;text-align:center;color:#FFF;z-index:50}
.rightPanel ul li img,.rightPanel ul li p{position:relative;float: left;}
.rightPanel ul li img{float: right; z-index:100; background: #000000;}
.rightPanel ul li:hover p{display:block;visibility:visible;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.rightPanel ul li:hover{background:url(../images/navbg.png) repeat;width:auto;}
.pageC .pagination{ position: static; }
@-webkit-keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  100% {opacity: 1; -webkit-transform: none;transform: none;}
}
@keyframes fadeInRight {
  0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  100% {opacity: 1; -webkit-transform: none;transform: none;}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.jqqd{ display: none; position: fixed;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;background: #000;z-index: 99999;}
.jqqd .closeW{ position: absolute; right: 30px; top: 30px; display: block; width: 30px; height: 30px; background: url(../images/close_w.png) center center no-repeat; }
.jqqd .jqqdImg{position: absolute;top: 50%;left: 0;width: 100%;margin-top: -33.5%;}


/*预约试驾*/
iframe{ display: none; }


/*配置表*/
.configWrapper{display: none;position: fixed;left: 0;top:0;width: 100%;height: 100%;background: #fff;z-index: 999;}
.config{margin:0 auto;padding-top: 43%;height: 0;position: relative;}
.config h1{position: absolute;font-size:1.75em;font-weight: normal;margin-bottom: 2%;top: 5%;width: 100%;}
.configWrapper .closeConfig{text-indent: -999em;width: 40px;height: 40px;background: url(../images/close.jpg) center center no-repeat;background-size: 100%;text-indent: -9999em;display: block;right: 3%;top:3%;position: absolute;}
.congfigTab{ background: #373737; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  }
.congfigTab th{color: #ffffff;font-weight: normal;}
.congfigTab td{text-align: center;color: #ffffff; font-size:1em;}
.congfigTab td,.congfigTab th{ font-size: 100%; word-break: break-all;word-wrap: break-word;padding:0.5em;border-left: 1px solid #ccc;border-top: 1px solid #ccc;color: #000;}
.congfigTab .config-tbody1 td,.congfigTab .config-tbody1 th{ background: #f1f1f3; }
.congfigTab  thead th{background: #1e1d1f;color: #fff; text-align: center;}
.congfigTab  thead td{ background: #373737;  }
tr.conTitle{background: url(../images/jia2.png) 98% center no-repeat #ffffff; font-weight: bold;}
tr.conTitle.show{background: url(../images/jian2.png) 98% center no-repeat #ffffff;}
td.left{  text-align: left; padding-left: 2em; }
.config-tbody1{ display: none; }
.configTips{width: 93%;padding: 2% 2% 3% 5%;text-align: left;position: relative;}
.configTips h1{position: absolute;left: 5%;font-size: 1em;margin-left: -2em;}
.congfigTab td span{ display: block; padding:0.25em 0 0.25em 1em; }
.congfigTab tr.td td{word-break: break-all; word-wrap: break-word; padding:0 0 0.5em 0; border-top: none;}
.congfigTab tr.td th{ border-top: none; }
.congfigTab tr.td td.left{ padding-left: 2em; border-top: 1px solid #373737; }
.configTitle tbody{ display: none; } 
.configScroll{position: absolute;width: 100%;height: 88%;bottom: 0; overflow: hidden; font-size: 90%; }
.configTitle{ position: absolute; left: 0; top:0; width: 100%; z-index: 2}
.configScrollItem{ height: 100%; overflow: hidden; }
.mCSB_outside+.mCSB_scrollTools{ right: -5px; }
.conTitle th,.congfigTab th{text-align: left;}
tr.conTitle  th{ font-weight: bold; }

.closeTest{text-indent: -999em;width: 2.5%;height: 0;padding-top: 2.5%;background: url(../images/close.png) center center no-repeat;background-size: 100%;text-indent: -9999em;display: block;right: 0;top: -15%;position: absolute;}

/*购车计算器*/
.calculatortest{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;color: #000;z-index: 999;}
.cal_ontent{width: 65%;margin: 0 auto;height: 90%; }
.cal_ontent h1{text-align: left;font-size: 1.75em;font-weight: normal;position: relative;padding-bottom: 0.5%;border-bottom: 1px solid #ddd;text-align: center;}
.calculatortest .closeCal{text-indent: -999em;width: 40px;height: 40px;background: url(../images/close.jpg) center center no-repeat;background-size: 100%;text-indent: -9999em; z-index: 9; display: block;right:3%;top: 3%;position: absolute;}
.cal_item{padding-top: 2%;height: 88%;/* overflow-y: scroll; */}
.cal_item .buy_li li{padding: 10px 0;display: block;text-align: center;float: left;width: 375px;font-size: 14px;height: 34px;}
.cal_item .buy_li li span{display: block;float: left;font-size: 14px;line-height: 24px;width: 85px;text-align: left;padding-top: 0.5em;}
.cal_item .buy_li li span.sell{width: 60%;padding: 0.25em 0.75em 0.5em 0.25em;border: 1px solid #e5e5e5;overflow: hidden;}
.cal_item .buy_li li span.sel{background: url(../images/sel.jpg) right center no-repeat;border-radius: 2px;}
.cal_item .buy_li li span em{margin-right: 8px;font-style: normal;font-weight: bold;position: relative;top: 3px;}
.cal_item .buy_li li span.sell em{display: block;width: 100%;}
.cal_item .buy_li li select,.cal_item .buy_li li input{background: none;border: none;padding: 0;height: 1.5em;line-height: 1.5em;font-size: 1em;display: block;}
.cal_item .buy_li select{width: 114%;}
.cal_item .buy_li li.form_long_list{ width: 100%; float: left; height: auto;}
.cal_item .buy_li li.form_long_list .gender{width: 400px;text-align: left;line-height: 1.5em;height: 1.5em;position: relative;padding-left: 2em;}
.cal_item .buy_li li.form_long_list .gender em{display: inline-block;height:1.5em;}
.cal_item .buy_li li.form_long_list .gender em.icon{background: url(../images/redio2.jpg) center center no-repeat;background-size:100%;width:1.5em;position: absolute;left: 0;top: 0.5em;}
.cal_item .buy_li li.form_long_list .gender input{ display: none; }
.cal_item  .buy_more_list h1{background: #282828;color: #fff;font-size: 1.25em;padding: 0.8% 0;border: none;width: 100%;text-indent: 1em;}
.cal_item  .buy_more_list ul{padding: 0;font-size: 1.05em;overflow: hidden;}
.cal_item  .buy_more_list ul li{width: 100%;border-bottom: 1px solid #434343;padding: 1% 0;height: auto;text-align: left;}
.cal_item  .buy_more_list ul li span{text-align: right;width: 7em;display: inline-block;*display:inline;zoom: 1;margin-left: -0.3em;}
.cal_item  .buy_more_list ul li span.money{width: 10em;text-align: left;padding-left: 1%;}
.cal_item  .buy_more_list ul li span.buy_details{width: 550px;text-align: left;font-weight: normal;color: #333;}
.cal_item .buy_zj{background: #0b0b0b;padding: 15px;text-align: center;font-size: 16px;}
.cal_item .buy_zj p{color: #fff;line-height: 1.75em;font-size: 1.25em;}
.cal_item .buy_zj p em{padding: 0 5px;font-style: normal;}
.cal_item .buy_li li.form_long_list2 .gender{ width: 400px; text-align: left;}
.cal_item .buy_li  li span.gender{ width: 150px; float: left; }
.cal_item .buy_li  li span.gender input{ width: 15px; margin-left: 15px; height: 15px;}

/*.d-carframes{position: absolute;top: 0;margin:7% 0 0 0;width: 80%;right: 10%;}*/
 .d-carframes{position: absolute;top: 0;margin:-9% -10% 0 0;width: 115%;right: 0%;} 
 .wgCarFrames .d-carframes{position: absolute;top: 0;margin:-7% 7.5% 0 0;width: 85%;right: 0%;} 
.index-loading{position: absolute;width: 100%;height: 103%;background: rgba(255,255,255,.8);z-index: 5;}
.index-loading em{ position: absolute; width: 100%; display: block; top: 50%; left: 0; margin-top: 0.5em; font-style: normal; }


/*经销商查询*/
.dealerCon{position: fixed;left:100%;top: 0;width: 100%;height: 100%;background: #fff;z-index: -999;}
.dealerCC{width: 50%;position: absolute;left: 0;top: 0;padding-left: 50%;height: 100%;}
.dealerClose,.closeTest{text-indent: -999em;width: 40px;height: 40px;background: url(../images/close.jpg) center center no-repeat;background-size: 100%;text-indent: -9999em;right: 3%;top: 3%;position: absolute;z-index: 2;}
.jxs_search_con{/* height: 90%; */position: absolute;width: 50%;right: 0;top: 50%;margin-top: -275px;}
.map{width: 50%;left: 0;height:100%;position: absolute;top: 0;}
#allmap { width: 100%; height: 100%; }
.dealerCC h1{text-align: left;font-size: 1.5em;font-weight: normal;margin: 0.5em 0;text-align: center;}
.sear_list{margin: 0 auto;width: 50%;height: 500px;}
.sear_list .sel{float: left;background: url(../images/sel.jpg) right center no-repeat;border-radius: 2px;margin-left: 0;width: 90%;padding: 0.75em;margin-bottom: 3%;border: 1px solid #ddd;}
.sear_list .sel p{line-height: 1.5em;height: 1.5em;width: 100%;overflow: hidden;}
.sear_list .sel select{background: none;border: none;padding: 0;height: 1.5em;line-height: 1.5em;font-size: 1em;display: block;width: 114%;}
.dealer_list{  }
.dealer_list li{border-bottom: 1px solid #999;padding: 2% 0;}
.dealer_list{/* margin-top: 10px; */height: 55%;overflow: hidden;overflow-x: hidden;width: 94%;float: left; overflow-y:scroll; }
.dealer_list li h2{font-size: 1.1em;font-weight: normal;text-align: left;color: #000; background: url(../images/jia.jpg) right center no-repeat;}
.dealer_list h2.navhover{ color: #0081d4;}
.dealer_list li span.sear_con{display: none;width: 100%;font-size: 1em;text-align: left;margin-top: 0.5em;color: #000;line-height: 1.55em;}
.dealer_list li.active span.sear_con{ display: block; }
.dealer_list li.active h2{ background: none; }


.carDiff1,.carDiff2{  position: fixed;left: 100%;top:0;width: 100%;height: 100%;background: #ffffff;z-index: -999;}
.carDiff2{ position: fixed; }
.closeDiff{text-indent: -999em;width: 40px;height: 40px;background: url(../images/close.jpg) center center no-repeat;background-size: 100%;text-indent: -9999em;display: block;right: 3%;top: 3%;position: absolute; z-index: 2; }

.diffCon1{width: 70%;margin: 0 auto;height: 62px;position: relative;padding: 2% 0;}
.diffCon2{width: 70%;margin: 0 auto;position: relative;padding: 1% 0;}
.diffCon1 h1,.diffCon2 h1{text-align: left;font-size: 1.5em;font-weight: normal;margin: 0.5em 0;text-align: center;}
.diffCon1 p{  }
.diffConCarList{width: 70%;margin: 30px auto 0;clear: both;overflow: hidden;zoom: 1;}
.diffConCarList .diffCarItem{width: 20%; padding:0 2.5%;float: left;cursor: pointer;margin: 0 auto 10px;}
.diffConCarList.win2 .diffCarItem{ width: 20%; padding:0 15%; }
.diffConCarList.win3 .diffCarItem{  width: 20%; padding:0 6.6%;}
.diffConCarList.win4 .diffCarItem{ width: 20%; padding:0 2.5%; }
.diffConCarList .diffCarItem p{  }
.diffConCarList .diffCarItem p strong{display: block;}
.diffConCarList .diffCarItem p span{display: block;width: 100%;}
.diffConCarList .diffCarItem span.che{width: 28px;height: 28px;margin: 15px auto;background: url(../images/che.png) 0 0 no-repeat;background-size: 100% auto;display: block;text-indent: -9999em;}
.diffConCarList .diffCarItem.active span.che{ background-position: 0 -28px; }
.diffConCarList .diffCarItem p em{  }
.diffConCarList .diffCarItem .cho_car{margin: 0 auto;width: 100%;}
.diffStartBtn{height: 40px;line-height: 40px;}
.diffStartBtn .diffBtn{display: block;width: 250px;height: 40px;line-height: 40px;background: #000;color: #fff;margin: 0 auto;}



.diffConCarList2{ margin:0 auto;  padding-bottom: 1%;}
.diffConCarList2 .diffCarItem{position: relative;width: 20%;padding:0 2.5%;float: left;margin: 0 0 10px -1px;}
.diffConCarList2 .line{position: absolute;height: 100%;border-left: 1px solid #eee;top: 0;left: 0;}

.carDiffFIX{background: #fff;position: absolute;width: 100%;}
.diffConBtn{padding: 20px 0 10px;width: 70%;margin: 0 auto;text-align: left;line-height: 20px;}
.diffActive{width: 90px;float: left;border: 1px solid #000;height: 20px;line-height: 19px;border-radius: 5px;margin-right: 0.5em;position: relative; cursor: pointer; }
.diffActive span{width: 50%;height: 16px;background: #000;display: block;position: absolute;border-radius: 5px;left: 2px;top: 2px;}
.diffActive.active span{ left: 43px; }
.diffBB{  }
.diffConMain{background: #f3f3f3;margin-top: 327px;}
.diffConMain .diffConItem{width: 70%;margin: 0 auto; border-bottom: 1px solid #aaa;}
.diffConMain .diffConItemTitle{text-align: left;padding: 1em 1.5em; background: url(../images/jia2.png) 98% center no-repeat;background-size: auto 30%; cursor: pointer;}
.diffConMain .diffConItemMain{ display: none; overflow: hidden;}
.diffConItem.show .diffConItemTitle{ background: url(../images/jian2.png) 98% center no-repeat;background-size: auto 30%; }
.diffConMain .diffConMainItem h2{background: #fff;padding: 0.5em 0;}
.diffConMain .diffConMainItem ul.diffConList{clear: both;overflow: hidden;zoom: 1;padding: 0.5em 0;font-size: 90%;margin-left: -1px;}
.diffConMain .diffConMainItem ul.diffConList li{float: left;width: 25%;padding: 0.15em 0;position: relative;}
.diffConMain .diffConMainItem ul.diffConList li span.line{position: absolute;left: 0;top: 0;border-left: 1px solid #aaa;height: 100%;}
.diffConItem.show .diffConItemMain{ display: block; }
.diffConMain.win2 .diffConMainItem ul.diffConList li{width: 45%;padding: 0.15em 2.5%;}
.diffConMain.win3 .diffConMainItem ul.diffConList li{width: 30.3%;padding: 0.15em 1.5%;}
.diffConMain.win4 .diffConMainItem ul.diffConList li{ width: 25%;padding: 0.15em 0;}

.mCSB_inside>.mCSB_container,.mCSB_inside>.mCSB_container,.mCSB_container{ margin: 0 }

.config-tbody1 tr:nth-child(2n) th,.config-tbody1 tr:nth-child(2n) td{ background: #fff; }


/* th.lastT,td.lastT{ display: none; }
 */
.title h1.pageTitle span.englishT{ color: #333333; font-size:80%; letter-spacing: 0.15em; font-weight: normal; }



@media screen and (min-width: 0px) {
  .navigatorList li a.firstNav{padding: 20px 2em 40px;}
  .navigatorList2 ul.second_navn li a .text{ padding:0 1.5em; }
  .font115{font-size: 115%; }
html{ letter-spacing: 0.05em;  }
}
@media screen and (max-width: 1500px) {
  body{ font-size:12px; }
    .wrapper{ width: 85%; }
    .navigatorList2 .pageNavLogo{left: 7.5%;}
.navigatorList2 .pageTipp{right: 7.2%;}

  .cal_ontent{ width: 75%; }

.gongnengMain{ padding-top: 33%; }
.pageNavList li a span{ padding:0 0.5em; }
/* .pageTipp span.ppp{margin-right: 25.8em;} */
}
@media screen and (max-width: 1380px) {
  .cal_ontent{ width: 75%; }
  .w70{ width: 80%; }
  .font145{font-size: 1.3em; }
.font125{font-size: 1.1em; }
.font80{font-size: 80%; }
.font90{font-size: 90%; }
.font110,.font105{font-size: 105%; }
/*.font100,.font1{font-size: 90%; }*/
.line1,.title h4.pageTips.line1 span,.title h5.pageTips.line1 span{ line-height: 1em; /* padding: 0; */ }
.line225,.title h4.pageTips.line225 span,.title h5.pageTips.line225 span{line-height: 1.75em;padding: 0;}
.line2,.title h4.pageTips.line2 span,.title h5.pageTips.line2 span{ line-height:1.75em; padding: 0; }
.line175,.title h4.pageTips.line175 span,.title h5.pageTips.line175 span{ line-height: 1.25em; padding: 0; }
.title{ padding-bottom: 2%; }
.title h1.pageTitle{  border-top: 1%; }
.gongnengMain{ padding-top: 30%; }
}


@media screen and (max-width: 1280px) {
  body{ font-size:12px;}
    .wrapper{ width: 95%; }
    .navigatorList2 .pageNavLogo{left: 2.5%;}
.navigatorList2 .pageTipp{right: 2.2%;}
    .footerCarList.wrapper{ width:75%; }
  .w70,.w80{ width: 95%; }
}
@media screen and (max-width: 1024px) {

  .rightPanel{ display: none; }
  .w70{ width: 99%; }
  .w80{ width: 95%; }
  .pageNavList li a span{ padding:0 0.5em; } 
.font145{font-size: 1.25em; }
.font125{font-size: 0.9em; }
.font80{font-size: 80%; }
.font90{font-size: 80%; }
.font110,.font105{font-size: 0.9em; }
.font1{font-size: 0.9em; }
.line1,.title h4.pageTips.line1 span{ line-height: 1em; padding: 0; }
.line225,.title h4.pageTips.line225 span{ line-height: 1.75em; padding: 0; }
.line2,.title h4.pageTips.line2 span{ line-height: 1.45em; padding: 0; }
.line175,.title h4.pageTips.line175 span{ line-height: 1.25em; padding: 0; }
.footerMap ul{ width: 94%; margin-left: 8%; }
}
@media all and (min-width:0px) and (max-width:999px){
  .forPC{ display: none; }
  .forWAP,.forWap{ display: block; }
  /* swiper */
  .pagination .swiper-pagination-switch,.swiper2_pagination .swiper-pagination-switch{height:5px;width:5px;display: inline-block;background: none;cursor: pointer; padding:0; border:none; border-radius: 50%; background: #999; margin: 0 0.3%;}
  .pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }
  .navigatorList li a.hasSencond:hover:before{ display: none; }
  .rightPanel{ display: none; }

  /*footer*/
  .footerCarList.wrapper{ width: 100%; }
  .footer .footer_con{padding: 1.5em 0;}
  .site-phone span img{display: inline-block;float: none;}
  .site-phone span img:nth-child(1){width: 30%;}
  .site-phone span img:nth-child(2){width: 10%;}
  .site-phone span img:nth-child(3){width: 15%;}
  .site-phone span{text-align: center;margin: 0;}
  .site-phone span em{float: none; color: #ddd;}
  .site-phone{text-align: center;color: #aaa;}
  .site-phone a{  color: #aaa; }
  .site-menu{/* display: none; */position: static;text-align: center;}


.footerCarList{margin: 0 auto;clear: both;overflow: hidden;zoom: 1;}
.footerCarList li a{width: 80%;display: block;margin: 0 auto;padding: 0;}
.footerCarList li a.downBtn{height: 2em;margin-top: 0.25em;width: 7em;text-align: center;font-size: 80%;line-height: 2em; padding:0; }
  .footerCarList.wrapper{ width: 100%; }
  .footer .footer_con{padding: 1.5em 0;}
  .site-phone span img{display: inline-block;float: none;}
  .site-phone span img:nth-child(1){width: 30%;}
  .site-phone span img:nth-child(2){width: 10%;}
  .site-phone span img:nth-child(3){width: 15%;}
  .site-phone span{text-align: center;margin: 0;}
  .site-phone span em{float: none; color: #ddd;}
  .site-phone{text-align: center;color: #aaa;}
  .site-phone a{color: #aaa;line-height: 1.5em;font-size: 90%;}
  .site-menu{}
/*底部地图*/
.footerMap{background: #2f2f2f;}
.footerMap ul{margin:  0 auto;clear: both;overflow: hidden;zoom: 1;padding: 2% 0;margin-left: 14%;}
.footerMap ul li{width: 14%;float: left;}
.footerMap ul li dl{text-align: left;}
.footerMap ul li dl dt{color: #fff;}
.footerMap ul li dl dd{margin: 3% 0;}

/*最后footer*/
.footer{background: #000;}
.footer .footer_con{margin: 0 auto;position: relative;padding:0.5em 0;text-align: left;}
.site-phone span{display: block;width: 100%;clear: both;overflow: hidden;zoom: 1;margin-bottom: 0.5em;}
.site-phone span img{margin-right: 1em;}
.site-phone span em{display: block;float: left;font-style: normal;color: #fff;font-size: 90%;line-height: 2em;}
.footer_down{border: 1px solid #444444;padding: 8px 15px;width: 5em;margin: 0 auto 1em;letter-spacing: 0;}
.site-menu{color: #6e6e6e;padding-top: 0.5em;font-size: 90%;text-align: center;}
.site-menu a{color: #6e6e6e;}

}
@media screen and (max-width:999px){
  .pageNavList li a span{ padding: 0 0.75em; letter-spacing: 0; }

  .w975,.w97,.w80,.w85,.w80{ width: 98%; margin:0 auto; }
  .w60{ width: 60%; margin:0 auto; }
  .w50{ width: 50%; margin:0 auto; }
  .w40{ width: 40%; margin:0 auto; }
  .w15{ width: 15%; }
  .footerMap ul{ width: 98%; margin-left: 5%; }

  .navigatorList li{ width: 9em; }
  .navigatorList li span{ font-size: 80%; }
}
@media screen and (max-width:877px){
  .navigatorList li{width: 7.8em;}
  .navigatorList li span{ font-size: 80%; letter-spacing: 0; }
  .pageNavList{ margin-right: 10%; }
  .pageNavList li.navWapHide{ display: none; }
  .moreNav{position: absolute;right: 3%;width: 10%;top: 0;height: 100%;display: block;color: #7d7d7d;font-size: 3em;letter-spacing: -0.15em;cursor: pointer;}
}

@media screen and (max-width:768px){
  .w975, .w97, .w80, .w85, .w80{ width: 100%; }
  .font90,.font105{ font-size: 1em; }
  
  .wapShow{ display: block; }
  .wapInline{ display: inline;; }

.title{padding-bottom: 10%;padding: 0 5% 7% 5%;}
.title.padding2{ padding-top: 4%; }
.title h1.pageTitle{padding: 8% 0 0 0;letter-spacing: 0.2em;}
.title h1.pageTitle span{ display: block;padding-top: 1%;line-height: 1em; }
.col2_item .title h1.pageTitle span{ display: block;padding-top: 3%;line-height: 1em; }
.title h4.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 4% 0 0 0;}
.title h4.pageTips span{display: block;line-height: 1.75em;}
.title h5.pageTips{font-weight: normal;letter-spacing: 0.15em;padding: 0.7% 0 0 0;}
.title h5.pageTips span{display: block;padding-top: 1%;padding-left: 1.5em;background: url(../images/li.png) left 1.35em no-repeat;}

   /*导航*/

  .navigator,.navCont,.navCont.on{height: 0;padding-top: 12.5%;line-height: 1em;}
  .navCont{position: absolute;top: 0;left: 0;width: 100%;}
  .navigatorLogo{position: absolute;top: 0;width: 98%; padding-left: 10px; margin-left: 0; height: 100%; line-height: 100%;}
  .navigatorList{ display: none; position: fixed;left: 0;right: 0;top: 0;padding: 0;margin: 12.5% 0 0;background: #202020;height: 0;overflow: hidden;visibility: visible;bottom: 0;height: auto;overflow-y: auto;z-index: 99999;}
  .navigatorList li,.navigatorList li.last_li{width: 90%;padding: 0 5%;font-size: 1.25em;}
  .navigatorList li a,.navigatorList li a.firstNav{ position:relative; height: auto; padding:1em 0; text-indent: 0.5em;height: 2em; line-height: 1em; border-bottom: 1px solid #444; color:#dcdddd; background: none;  }
  .navigatorLogo a.nav_trigger{ display: block; }
/*   .navigatorLogo a.logo{width: 22.5%;margin-top: -3%;left: 5%;} */
  .hasSencond{ position: relative; }
  .hasSencond:before {content: "+";position: absolute;right: 0;top: 50%;margin-top: -0.25em;font-family: simSun;color: #9C9C9C;font-size: 2em;display: block;}
  .navigatorList li.mouseon .hasSencond:before{/* content:"-"; *//* font-family:simSun; *//* color:#9C9C9C; *//* font-size:2em; */display: none;opacity: 0;}
  .navigatorList li a.first_nav:hover, .navigatorList li.mouseon a.first_nav{ background: #202020 }
  .navigatorList li ul.second_nav{position: relative;top:0;width: 100%;}
  .navigatorList li ul.second_nav li{padding-left: 0;}
  .navigatorList li ul.second_nav li a{  }
  .navigatorList li ul.second_nav li a img{width: 70%;margin-left: -2%;}
  .pageNavList li.navWapHide{ display: block; }
  .navigatorList li ul.second_nav li a .text{width: 40%;margin-top: -2%;left: 28%;}
  .navigatorList li ul.second_nav.productNav li a img{ width: 100%; padding:0; margin:0.5% 0;  }
  .productNav span.textLeft,.productNav span.textLRight{ font-size: 0.8em; right: auto; left: 1em; }
  /*首页导航*/
  .on.pageNav .navigatorLogo,.pageNav .navigatorLogo{ display: none; }

  .pageNavList{margin:0;width: 100%;display: none;position: absolute;white-space: nowrap;margin-top: 12.5%;position: absolute;background: #fff;font-size: 115%;}
  .pageNavList::-webkit-scrollbar {/*滚动条整体样式*/width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
  .pageNavList::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background: #535353;}
  .pageNavList::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 10px;}
  .pageNavList li{width: 100%;height: 1em;padding:5% 0;display: block;border-top: 1px solid #eee;}
  .pageNavList li a{padding: 0;height: 100%;position: relative;}
  .pageNavList li a span{position: absolute;bottom: 15%;width: 100%;left: 0;}

  .pageNav{height:0;padding-top: 12.5%;line-height: 1em;}
  .pageMain{position: absolute;left: 0;top:0;width: 100%;height: 0;background: #ffffff;height: 100%;}
  .on.pageNav{height: 0;line-height: 1em;}
  .pageNav .wapShow.testB span{position: absolute;bottom: 15%;width: 100%;left: 0;}
  .pageNav .wapShow.testB{background: url(../images/nav_23.png) center 27% no-repeat #6e0f0f;background-size: 35% auto;color: #fff;display: block;padding: 0 1.5em;width:3.5em;top: 0;position: absolute;right: 0;height: 100%;/* display: none; */}
  .page_re{height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
 .pageNavLogo{height: 1em;position: absolute;left: 5%;top: 50%;margin-top: -0.5em;line-height: 1em;font-size: 115%;}

 .navigatorList li .second_nav{ position:static; }
 .navigatorList li ul.second_navn{float: none;width: 100%;padding: 0;}
 .navigatorList li ul.second_navn li{width: 100%;float: none;padding: 0;}
 .navigatorList li ul.second_navn li a{padding: 8% 0 3%;}
 .navigatorList li ul.second_navn li a img{width: 50%;margin: 0 auto;}
 .navigatorList li ul.second_navn li a .text{ margin-top: 4% }
 .navigatorList li ul.second_navn li a .text em.mazda{ display: inline; height: auto; position: static; background: none; }

.navigatorList li .navCarList ul.second_navn li{width: 100%;border-right: 1px solid #ddd; }

 .cal_ontent h1{border-bottom: 1px solid #666;font-size: 1.35em;padding-bottom: 0.25em;}
.cal_ontent .closeCal{width: 7%;padding-top: 7%;}
.cal_ontent{width: 90%;margin-top: 5%;}
.col3_item .col3_text h1,.col2_item .col2_text h1{padding-bottom: 0;}
.col3_item .col3_text,.col2_item .col2_tex{ bottom: 0.5em } 

.pcblock{ display: inline; }
.indexbanner .pagination{ bottom:36%; }
.prev, .next{ display: none; }
.cal_item .buy_more_list ul{/* overflow-y: scroll; *//* height: 100%; */}
.cal_item .buy_li li.form_long_list .gender{width: 5em;padding-top: 0.3em;}
.cal_item .buy_more_list h1{font-size: 1em;padding: 0.5em 3%;width: 94%;text-indent: 0em;}
.cal_item .buy_more_list ul li span{
    vertical-align: top;
    font-size: 0.8em;
}
.cal_item .buy_more_list ul li span.money{width: 5em;}
.cal_item .buy_more_list ul li span.buy_details{width: 50%;}
.cal_item .buy_li li{width: 100%;padding: 5px 0;height: 30px;line-height: 30px;}
.cal_item .buy_li li span.sell{border: 1px solid #333;padding: 0;font-size: 0.8em;width: 65%;height: 28px;line-height: 28px;}
.cal_item .buy_li li span{padding: 0;width: 31%;font-size: 1em;line-height: 30px;}
.cal_item .buy_li li span.sell em{height: 28px;line-height: 28px;position: static;}
.cal_item .buy_li li select, .cal_item .buy_li li input{height: 28px;line-height: 28px;padding-left: 0.5em;}
.buy_more_list{/* height: 60%; *//* overflow: scroll; */}
.buy_lsit{/* height: 90%; */}
.buy_lsit ul{ height: 100%;  }
.cal_item .buy_zj{ padding: 0; font-size:1em; }
.calculatortest .closeCal,.dealerClose, .closeTest,.configWrapper .closeConfig{ width: 30px; height: 30px; top: 1%; z-index: 9;  }
.dealerCC{width: 100%;padding: 0;}
.jxs_search_con{height: 50%;width: 100%;top: 0;margin: 0;}
.sear_list{width: 90%;height: 100%;}
.map{width: 100%;top: 50%;height: 50%;}


.tableTab{ clear: both; overflow: hidden; zoom:1; }
.tableTab span{position: relative;z-index: 2;display: block;float: left;width: 24%;background: #fff;padding:2% 0;margin:0 0.5%;border: 1px solid #000;box-sizing: border-box;}
.tableTab span.active{background: #373737;color: #fff;}
.config .closeConfig{padding: 8% 0 0 0;width: 9%;}

.config{padding: 0;width: 98%;height: 98%;}
.config h1{font-size: 1.45em;top: 3%;}
.configScroll{top: 10%;}
.configSS{ display:none;}
.configTT{ overflow-y:scroll; height: 90%; overflow-x:hidden;   }
.congfigTab td{ display: none; font-size: 0.8em; }
.congfigTab th{ text-align: left; padding:0.5em 2%;  font-size: 0.8em;}
.configScrollItem{ height: 90%; }
.configTitle{ position: static; }
.configWap{ display: table-row-group; }
.configTitle tbody.config-tbody1{ display: none; }
.configTitle tbody,.configTitle tbody.config-tbody1.configWap{display: table-row-group;  }
.configTitle tbody.config-tbody1.configWap td,.wapNum th.wapsh{ width: 50%; }
.wapNum th.wapsh{ display: none; }
.configTitle{table-layout:fixed;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.configTitle tr{  }
.configTitle th,.configTitle td{box-sizing: border-box;}
.wapNum{ display: none; }

.tablePrice{ margin-top: 2px; width: 100%; }
.tablePrice p{border: 1px solid #ccc;}
.tablePrice span{display: none;width: 92%;line-height: 1.75em;height: 1.75em;text-align: left;padding: 0.5em 1em;/* border-bottom: 1px solid #ccc; */background: #373737;margin: 0 auto;}
.tablePrice strong{display: block;width: 92%;line-height: 1.75em;height: 1.75em;text-align: left;padding: 0.5em 1em;border-bottom: 1px solid #ccc;/* background: #373737; */margin: 0 auto;}
.tablePrice span.active{ display: block; background: #fff;}
.congfigTab thead th{ background: #fff; color: #000; }

.formItem span.tt{ display: none; }
.formList{margin-top: 2%;}
}





 .feature1,.feature2,.feature3,.feature4,.feature5{ opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.feature2 { -webkit-transition-delay: .3s; transition-delay: .3s; }
.feature3 { -webkit-transition-delay: .6s; transition-delay: .6s; }
.feature4 { -webkit-transition-delay: .9s; transition-delay: .9s; }
.feature5 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.feature6 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

.animate .feature1,.animate .feature2,.animate .feature3,.animate .feature4,.animate .feature5{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }


@media screen and (max-width: 1367px){
  .congfigTab td,.congfigTab th{ font-size: 100%; word-break: break-all;word-wrap: break-word;
    padding:0.5em 0.1em;border-left: 1px solid #ccc;border-top: 1px solid #ccc;color: #000;}
}