.car{padding-bottom:10rem}
.car .imgcut{padding-bottom:75%}
.car .rbox p.flex{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.car .rbox p.flex span{ width: 50%; line-height: 3; font-size: 1.6rem; padding: 0 1rem; border: 1px solid #ddd; border-top: 0;}
.car .rbox p.flex span:nth-child(2n){border-left: 0;}
.car .rbox p.flex span:nth-child(1),.car .rbox p.flex span:nth-child(2){ border-top: 1px solid #ddd;}

.car .contact_btn a{padding:1rem 5rem;font-size:2rem}
.car .contact_btn a:first-child{margin-right:3rem}

@media screen and (max-width:767px){
    .car .contact_btn a{ width: 48%; text-align: center;}
    .car .contact_btn a:first-child{ margin-right: 4%;}
}
.car .preview .swiper-slide{margin-right:1rem;width:120px}
.car .view .swiper-slide{margin:auto}
.car .swiper-slide a{display:block}
.car .preview .swiper-slide img{border:1px solid #ddd}
.car .preview .active-nav img{border-color:#87c134}
.car .view .swiper-button-next{width:3rem;height:6rem;background:url(../images/right.png) no-repeat center #87c134;background-size:1rem;right:0}
.car .view .swiper-button-prev{width:3rem;height:6rem;background:url(../images/left.png) no-repeat center #87c134;background-size:1rem;left:0}
.car .swiper_video{position:relative;background:#000}
.car .swiper_video .vbtn{position:absolute;z-index:999;left:50%;top:50%;width:3rem;height:3rem;margin-top:-1.5rem;margin-left:-1.5rem;background:url(../images/play.png) no-repeat center;background-size:3rem}
.car .swiper_video img{opacity:.5}
.notice{width:100%;height:auto;overflow:hidden;padding:0;border:1px solid #ddd}
.notice h3{font-size:2rem;font-weight:400;line-height:2.5;padding:0 1rem;background:#eee}
.notice-swiper{position:relative;width:100%;height:auto}
.notice-swiper .swiper-container{width:100%;height:20rem;margin:1rem 0;padding:0 1rem}
.notice-swiper .swiper-slide{height:4rem;line-height:4rem;padding:0 1rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.notice-swiper .swiper-slide span{color:#333;font-size:1.4rem;display:inline-block}
.notice-swiper .swiper-slide-next{position:relative}
.notice-swiper .swiper-slide-next::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:#87c134;opacity:.2}
.car_tit{margin-top:6rem;margin-bottom:2rem}
.car_tit h3{position:relative;font-size:2rem;height:6rem;line-height:3;padding-left:2rem;color:#fff;width:100%}
.car_tit h3::after{content:"";position:absolute;z-index:-1;left:0;width:45rem;height:0;border-bottom:6rem solid #87c134;border-right:6rem solid transparent}
.car_tit h3 small{font-size:1.2rem;text-transform:uppercase;color:#fff}
.car_tit a{display:block;min-width:12rem;line-height:3;font-size:12px;text-align:center;color:#fff;background:linear-gradient(to right,#0770af,#19e69b)}
table{border-collapse:collapse;border-spacing:0;width:100%}
.Tt>.box,.Tt>.ysqJsBox,.Tt>.ysqMoveBox{display:none}
.Tt>.box.on,.Tt>.ysqJsBox.on,.Tt>.ysqMoveBox.on{display:block}
.Tg .btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sProduct-parameter-tab{position:relative}
.sProduct-parameter-tab .Tg{position:relative;overflow:hidden;z-index:2}
.sProduct-parameter-tab .Tg:after{content:" ";z-index:-1;pointer-events:none;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#dfdfdf}
.sProduct-parameter-tab .Tg .btn{z-index:2;font-size:1.6rem;display:inline-block;vertical-align:top;position:relative;overflow:hidden;color:#666;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;padding:10px 0;font-weight:700}
.sProduct-parameter-tab .Tg .btn:after{content:" ";z-index:-1;pointer-events:none;position:absolute;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;left:100%;bottom:0;width:0;height:1px;background-color:#87c134}
.sProduct-parameter-tab .Tg .btn:nth-child(1n+2){margin-left:36px}
.sProduct-parameter-tab .Tg .btn.on{color:#87c134}
.sProduct-parameter-tab .Tg .btn.on:after{left:0;width:100%;-webkit-transition:left 0s ease-out 0s,width 220ms ease-out 0s;transition:left 0s ease-out 0s,width 220ms ease-out 0s}
.sProduct-parameter-tab .Tt{margin-top:20px}
@media screen and (max-width:1024px){.sProduct-parameter-tab .Tg .btn{padding:12px 0}
.sProduct-parameter-tab .Tg .btn:nth-child(1n+2){margin-left:20px}
}
.sProduct-parameter-table,.sProduct-parameter-table .td,.sProduct-parameter-table .tr{border:none!important}
.sProduct-parameter-table .tr:nth-child(2n+2){background-color:#f6f6f6}
.sProduct-parameter-table .td{padding:15px 0;line-height:20px}
.sProduct-parameter-table .td.td1{width:120px;text-align:right;color:#333}
.sProduct-parameter-table .td.td2{padding-left:60px;color:#999}
@media screen and (max-width:1024px){.sProduct-parameter-table .td{padding:10px 0;line-height:24px}
.sProduct-parameter-table .td.td1{width:6em}
.sProduct-parameter-table .td.td2{padding-left:.8rem;padding-right:.6rem}
}

.car_advantage{width: 100%; height: auto; overflow: hidden; background: url('../images/advantage_bg.jpg') no-repeat center bottom; padding-bottom: 40rem;}
.car_advantage .head{line-height:1.65;text-align:center}
.car_advantage .head .p1{font-size:40px;color:#333;font-weight:700}
.car_advantage .head .p2{font-size:40px;color:#333;text-align:center;padding-left:.15em;letter-spacing:.15em}
.car_advantage .head .p3{position:relative;overflow:hidden;margin-top:.2rem;font-size:24px;border-bottom:transparent solid 1px}
.car_advantage .head .p3 span{position:relative;z-index:2;display:inline-block;vertical-align:top;line-height:48px;padding:0 1em;font-weight:lighter}
.car_advantage .head .p3 span:after,.car_advantage .head .p3 span:before{content:" ";position:absolute;z-index:-1;pointer-events:none;top:-1px;height:100%;width:24px}
.car_advantage .head .p3 span:before{right:100%;margin-right:-12px;-webkit-transform:skewX(-.46364761rad);transform:skewX(-.46364761rad)}
.car_advantage .head .p3 span:after{left:100%;margin-left:-12px;-webkit-transform:skewX(.46364761rad);transform:skewX(.46364761rad)}
.car_advantage .head .p3{border-bottom-color:#87c134}
.car_advantage .head .p3 span{background:linear-gradient(to right,#0770af,#19e69b);color:#fff}
.car_advantage .head .p3 span:after,.car_advantage .head .p3 span:before{background:#fff}
.car_advantage .body{position:relative;margin-top:135px;height:480px}
.car_advantage .body .center{position:absolute;left:50%;top:50%;margin-left:-222px;margin-top:-222px;width:444px;height:444px;z-index:1}
.car_advantage .body .center:before{content:" ";z-index:-1;pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat}
.car_advantage .body .center .this{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:390px;height:390px}
.car_advantage .body .center.AniStart:before{-webkit-transition:all 0s ease-out 0s;transition:all 0s ease-out 0s;opacity:0;visibility:hidden;-webkit-animation-name:rotate360;animation-name:rotate360;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.car_advantage .body .center.AniDid:before{-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;opacity:1;visibility:visible;-webkit-animation-play-state:running;animation-play-state:running}
.car_advantage .body .item{position:absolute;padding:.2rem 0;width:330px}
.car_advantage .body .item.i1,.car_advantage .body .item.i3{right:50%;margin-right:260px;text-align:right}
.car_advantage .body .item.i2,.car_advantage .body .item.i4{left:50%;margin-left:260px;text-align:left}
.car_advantage .body .item.i1{top:0}
.car_advantage .body .item.i2{top:0}
.car_advantage .body .item.i3{top:280px}
.car_advantage .body .item.i4{top:280px}
.car_advantage .body .item .sdt{font-size:30px;line-height:1.66666667;color:#333}
.car_advantage .body .item .sdd{margin-top:10px;line-height:1.625;color:#999}
@media screen and (max-width:1024px){.car_advantage .head .p1{font-size:24px}
.car_advantage .head .p2{font-size:24px;letter-spacing:0;padding-left:0}
.car_advantage .head .p4{font-size:16px}
.car_advantage .head .p3 span{line-height:32px}
.car_advantage .body{height:auto;margin-top:1.2rem}
.car_advantage .body .center{display:none}
.car_advantage .body .item:nth-child(1n+1){width:100%;position:relative;left:auto;right:auto;margin:auto;text-align:left;top:auto}
.car_advantage .body .item:nth-child(1n+2){margin-top:2%}
.car_advantage .body .item .sdt{font-size:20px}
}
.car_service .title{ padding: 10rem 0;}
.car_service ul li{width:14%;height:32rem;padding:3rem;background:linear-gradient(to right,#0770af,#19e69b);color:#fff;border-radius:15rem;transition:all .5s}
.car_service ul li span{display:block;margin-top:2rem;font-size:2rem;color:#87c134;width:6rem;height:6rem;line-height:6rem;text-align:center;background:#fff;border-radius:50%}
.car_service ul li h4{position:relative;line-height:3;font-size:1.8rem;color:#fff}
.car_service ul li h4::after{content:"";position:absolute;width:2rem;height:2px;background:#fff;bottom:0;left:50%;margin-left:-1rem}
.car_service ul li p{padding:2rem 0;text-align:center;line-height:1.5;font-size:1.4rem;color:#fff}
.car_service ul li:hover{margin-top:-2rem}
.car_tel{text-align:center;margin-top: 3rem;}
.car_tel p{line-height:4; font-size: 1.8rem;}
.car_tel .btn{ -webkit-justify-content: center; justify-content: center;}
.car_tel .btn a{ display: block; height: 5rem; line-height: 5rem; padding: 0 3rem;}
.car_tel .btn a.span1{ font-weight: bold; border: 1px solid #0770af; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem;}
.car_tel .btn a.span2{ position: relative; padding-right: 6rem; background:linear-gradient(to right,#0770af,#19e69b);color: #fff; border-top-right-radius: 4rem; border-bottom-right-radius: 4rem;}
.car_tel .btn a.span2::after{ content: ""; position: absolute; top: 1rem; right: 2rem; width: 3rem; height: 3rem; background: url(../images/ico-touch.png) no-repeat center; background-size: contain;}
.car_scene .car_tit{margin-top:0}
.car_scene .box{ -webkit-align-items: flex-start; align-items:flex-start;}
.car_scene .lbox{ width: 60%;}
.car_scene ul li{ display: none; position: relative;}
.car_scene ul li.on{ display: block;}
.car_scene ul li .txt{ width: 100%; position: absolute; left: 0; bottom: 0; padding:1rem 3rem; background: rgba(0,0,0,0.5);}
.car_scene ul li .txt p{ color: #fff;}
.car_scene .rbox{ width: 38%;}
.car_scene .rbox a{ background: #eee; width: 100%; padding: 3rem; font-size: 2.5rem; font-weight: bold; line-height: 1.5; margin-bottom: 1rem;}
.car_scene .rbox a.on{ background:linear-gradient(to right,#0770af,#19e69b);color: #fff;}

.car_Sales .box{ padding: 3rem; border: 1px solid #ddd;}
.car_Sales .box p{ line-height: 2; font-size: 2rem;}

@media screen and (max-width:767px){
    .car_Sales .box{ padding: 0; border: 0;}
}


.car_detail .swiper-container{ padding-bottom: 5rem; padding-top: 1rem;}
.car_detail .swiper-pagination-bullet-active{ background: #87c134;}
.car_detail .swiper-slide a{ display: block; height: 100%; position: relative;background: #fff; border: 1px solid #ddd;}
.car_detail .swiper-slide .img{ width: 100%; padding: 1rem;}
.car_detail .swiper-slide .imgcut{ padding-bottom: 70%;}
.car_detail .swiper-slide .imgcut img{ transition: all 0.5s;}
.car_detail .swiper-slide .txt{ padding: 1.5rem; padding-top: 0;}
.car_detail .swiper-slide h5{ margin-bottom: 1rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.car_detail .swiper-slide .des p{ font-size: 1.4rem;line-height: 1.5;}
.car_detail .swiper-slide .des p span{ display: block; line-height: 2;}
.car_detail .swiper-slide .des p b{ color: #87c134;}
.car_detail .swiper-slide .anl{ min-width: 8rem; text-align: center;}
.car_detail .swiper-slide .anl span{ display: block; padding:0 1.5rem; line-height: 3rem; font-size: 1.2rem; margin: 1rem 0; background: #eee; border-radius: 3rem;}
.car_detail .swiper-slide .anl span:last-child{ background: #87c134; color: #fff;}
.car_detail .swiper-slide:hover h5{ color: #87c134;}
.car_detail .swiper-slide:hover a{ border-color:#87c134;}
.car_detail .swiper-slide span.tag{ display: none; width: 3rem; position: absolute; z-index: 2; left: 1.5rem; top: 1.5rem;}
.car_detail .swiper-slide span.ontag{ display: block;}
.car_detail .swiper-slide span.tag img{ display: block; width: 100%;}
@media screen and (max-width:767px){
    .car_detail .swiper-slide span.tag{ width: 2rem;} 
    .car_detail .swiper-slide .des{ width: 100%; padding: 1rem 0; border-bottom: 1px solid #ddd;}
    .car_detail .swiper-slide .txt > .flex{ -webkit-flex-direction: column; flex-direction: column;}
    .car_detail .swiper-slide .anl{ width: 100%; display:-webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center;align-items: center;}
}

.car_info{width: 100%; position: relative;}
.car_info_box{ width: 100%; padding-right: 40rem; max-width: 1500px;}
.car_info_side{ position: absolute; top: 0; right: 0; width:35rem;}
.car_info .imglist ul{ margin: 0;}
.car_info .imglist ul li{ width: 100%; padding: 1rem 0}
.car_info_side h3{ font-size: 2rem; line-height: 6rem; text-align: center; border-bottom: 2px solid #87c134; color: #87c134;}
.car_info_content{ padding: 5rem; border: 1px solid #ddd; font-size: 1.8rem;}
.car_info_content img{ max-width: 100%; display: block; margin:auto; padding: 0.5rem 0;}

@media screen and (max-width:767px){
    .car_info_content{ padding: 0; border: 0; }
    .car_info_box{ width: 100%; padding-right: 0;}
    .car_info_side{ position: relative; width: 100%;}
}