.pc {display:block;}
.mobile {display:none; }
/* spotzone */
.spotzone{ z-index:10; position:relative; margin:0 auto; overflow:visible;  }
.spotzone:after {content:'';position:absolute;  height:630px; left:0;top:0; width:100%; background-color:#f3f3f3; z-index:-1}
.spotzone li{ width:100% !important; position:relative; height:890px;}

.spotzone li .txtbox { position:absolute;width:100%;height:100%;text-align:center;position:absolute;left:0; padding-top:240px;text-align:center; }
.spotzone li .txtbox .tit1 {padding-top:0px;}
/*.spotzone li .txtbox .tit2 {padding-top:10px;}*/
.spotzone li .txtbox .img1 {height:70%;background:url('/images/main/m_cars.png') no-repeat center bottom;background-size:auto 75%;}
.spotzone li .txtbox .img2 {position:absolute; top:370px; left:50%; margin-left:-175px; }

.spotzone li .txtbox .tit1, .spotzone li .txtbox .tit2, .spotzone li .txtbox .img1, .spotzone li .txtbox .img2 {  transition:all 1s cubic-bezier(0.16, 0.84, 0.44, 1); transition-delay:0.6s; }

.spotzone li .txtbox .tit1, .spotzone li .txtbox .tit2{  font-size:3.1rem;line-height:53px; color:#111; letter-spacing:-.04em; opacity:0;font-weight:100 }
.spotzone li .txtbox .tit1 span {background-color:#f71d00; color:#fff; font-weight:300;padding:0 5px; margin-right:5px; }
.spotzone li .txtbox .img1, .spotzone li .txtbox .img2 { opacity:0;}
.spotzone li .txtbox .tit1{ transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }
.spotzone li .txtbox .tit2{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }

.spotzone li .txtbox .img1{ z-index:5;  transform:translateY(60px);-moz-transform:translateY(60px);-webkit-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px); }
.spotzone li .txtbox .img2{ z-index:10; transform:translateY(80px);-moz-transform:translateY(80px);-webkit-transform:translateY(80px);-ms-transform:translateY(80px);-o-transform:translateY(80px); }


/* active */
.spotzone li.active .txtbox .tit1 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:.6s;}
.spotzone li.active .txtbox .tit2 {opacity:1; transform:translateY(10px);-moz-transform:translateY(10px);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transition-delay:0.8s;}
.spotzone li.active .txtbox .img1 {opacity:1; transform:translateY(40px);-moz-transform:translateY(40px);-webkit-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transition-delay:0.2s;}
.spotzone li.active .txtbox .img2 {opacity:1; transform:translateY(60px);-moz-transform:translateY(60px);-webkit-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transition-delay:0.4s;}

.spotzone .bx-pager{ z-index:999; position:absolute; bottom:150px; left:0; width:100%; text-align:center; display:none; }
.spotzone .bx-pager div{ display:inline-block; }
.spotzone .bx-pager a{ display:inline-block; position:relative; width:15px; height:15px; margin:0 5px;  border:1px solid #fff; background:transparent; border-radius:50%;transition:all .4s;text-indent:-999em;}
.spotzone .bx-controls a.active{ width:53px; border-radius:2em; background:#fff;}

.bx-controls-direction a {display:none; position:absolute; top:50%; margin-top:-60px; width:65px; height:65px;  line-height:65px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; z-index:50;color:transparent; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:hover {background-color:#f0a400;}
.bx-controls-direction a.bx-prev { left:100px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:32px !important; }
.bx-controls-direction a.bx-next { right:100px; }
.bx-controls-direction a.bx-next:after {content:'\e940'; display:inline-block; font-family:'xeicon';  font-weight:bold; font-size:32px !important; }


@media screen and ( max-width:1400px ) {
	.spotzone:after {height:580px;}
	.spotzone li{ height:880px;border-bottom:0px solid #f00 }
/*
	.spotzone li .txtbox .img1 img {width:100%; padding:0 20px; }*/

}
@media screen and ( max-width:1200px ) {
    .spotzone:after {height:500px;}
	.spotzone li{ height:790px;  }
	.spotzone li .txtbox { padding-top:170px;  }
	.spotzone li .txtbox .tit1,	.spotzone li .txtbox .tit2{  font-size:40px;line-height:40px;  }
	.spotzone li .txtbox .tit1 span {padding:0 3px; margin-right:3px; }
    .spotzone li .txtbox .img2 { top:250px; }
}


@media screen and ( max-width:1024px ) {
    .spotzone:after {height:480px;}
	.spotzone li .txtbox .img1 {height:60%;}
    
}

@media screen and ( max-width:767px ) {
    .spotzone:after {height:420px;}
	.spotzone li{ height:660px; }
    .spotzone li .txtbox { padding-top:140px;  }
	.spotzone li .txtbox .img2 { top:200px; }
    .spotzone li .txtbox .img2 img {width:80%}	
	.spotzone li .txtbox .img1 {height:55%;background-size:auto 55%}

   
}

@media screen and ( max-width:640px ) {
    .spotzone:after {height:380px;}
	.spotzone li{ height:620px; }
    .spotzone li .txtbox { padding-top:140px;  }
	/*.spotzone li .txtbox .img1 img {padding:0 10px 0 5px; }*/
	.spotzone li .txtbox .img2 { top:160px; }
    .spotzone li .txtbox .img2 img {width:80%}
	.spotzone li .txtbox .tit1,
	.spotzone li .txtbox .tit2{  font-size:30px;line-height:30px;  }
/*
	.pc {display:none;}
    .mobile {display:block; }*/
   
}

@media screen and ( max-width:500px ) {
    .spotzone:after {height:400px;}
	.spotzone li{ height:580px; }
	.spotzone li .txtbox .tit1,	.spotzone li .txtbox .tit2{  font-size:28px;line-height:28px !important;  }
	.spotzone li .txtbox .tit2 {padding-top:5px;}

	.spotzone li .txtbox .img2 { top:180px; }
    .spotzone li .txtbox .img2 img {width:70%}

}

.arrow-down { 
    position: absolute;
    top: 840px;
    left:50%; margin-left:-20px; 
    z-index: 100;
    width: 40px;
    height: 40px;
    opacity: 0; 
    background: url(/assets/images/img/arw_down.svg) no-repeat 0 0;
    background-size: 100%;
    -webkit-animation: BounceUpDown 1.5s ease-in-out infinite 0s;
    animation: BounceUpDown 1.5s ease-in-out infinite 0s;
}



section {word-break:keep-all;}
section:after {content:''; display:block; width:100%; clear:both; }

.section01 {display:block; text-align:center; padding-bottom:140px; overflow:hidden; }
.section01 .line {width:1px; height:110px; background-color:#999; margin:50px auto 30px; }
.section01 .txt {font-size:34px; line-height:50px; color:#111; font-weight:400; padding:30px 0 }
.section01 .txt  strong{font-weight:400}


.slick-list, .slick-track {}
.slick-control {display: block;width: 100%;height: 62px;position: absolute;left: 0;top: 50%;}
.slick-control .slick-arrows {display: block;width: 62px;height: 100%;padding: 0;position: absolute;font-size: 0;background: transparent;border-radius: 50%;border: none;outline: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;z-index: 1; }
.slick-control .slick-arrows:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; font-family:'xeicon'; font-size: 14px;line-height: 62px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.slick-control .slick-prev {left: 0px;}
.slick-control .slick-prev:after {content: '\e93d'; font-size:50px; opacity:0.5; }
.slick-control .slick-next {right: 0px;}
.slick-control .slick-next:after {content: '\e940'; font-size:50px; opacity:0.5; }
.slick-control .slick-prev:hover:after,
.slick-control .slick-next:hover:after{opacity:1;}
.slick-dots {margin-top:20px;font-size: 15px ;line-height: 1;text-align: center; display:none; }
.slick-dots > li {display: inline-block;vertical-align: top;width: 14px;height: 14px;margin: 0 3px;background:#ccc;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background: #f71d00;}
.slick-dots > li > button {display:none}
/*
.main_item .slick-control {margin-top: -120px;}
.main_item .slick-control .slick-prev {left:0;}
.main_item .slick-control .slick-next {right: 0;}
*/

.main_inner {width: 100%;margin: 0 auto;box-sizing:border-box}

.mainSec3 {padding:10px 0px 0px; }
.mainSecTit {font-size: 36px;line-height: 54px;color: #fff;margin-bottom: 50px;}
.mc3_list {font-size: 0;}
.mc3_list li.mc3_list_item {display: inline-block;vertical-align: top;box-sizing:border-box;padding-left:1px; width: 25%; outline: none; cursor:pointer}
/*.mc3_list li.mc3_list_item .txt_box {color: #fff;margin-top: 40px;}
.mc3_list li.mc3_list_item .txt_box strong {display: block;font-size: 24px;line-height: 36px;}
.mc3_list li.mc3_list_item .txt_box p {font-size: 15px;line-height: 22px;opacity: 0.6;margin-top: 14px;}*/
.mc3_list li.mc3_list_item a {display:block; }
.mc3_list li.mc3_list_item.all .cover{background-color:rgba(247,29,0,1)}
.mc3_list li.mc3_list_item .img-wrap { display:block; width:100%; position:relative;  height:230px;  background:#f1f1f1 url('/images/no_img_640_2_mini.png') no-repeat center center; background-size:cover;  }
.mc3_list li.mc3_list_item .thumb {position:absolute;left:0; top:0;width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.mc3_list li.mc3_list_item .img-wrap .cover {position:absolute;left:0; top:0;width:100%; height:100%; transition: all 0.2s ease-in; z-index:100}
.mc3_list li.mc3_list_item .play {position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; text-align:center; z-index:333}
.mc3_list li.mc3_list_item .play:before {content:"\ea40"; display:inline-block; line-height:50px; font-size:50px; color:#fff;}
.mc3_list li.mc3_list_item .car-name {position:absolute; left:15px; bottom:10px; font-size:14px; color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) ;z-index:1;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.main_item_txt {padding:15px 0; position:relative;}
.main_item_txt .price {font-size:23px; color:#333; padding-bottom:15px;}
.main_item_txt .label {display:inline-block; padding:0 20px; height:42px;line-height:40px;  border-radius:60px; border:1px solid #dedede; font-size:15px; color:#402525;  }
.main_item_txt .label span {font-weight:500; color:#ee2d23; padding-left:7px; }
.main_item_txt .label span img {display:inline-block; vertical-align:middle; margin-right:3px; height:16px; }

/*
.main_item_wrap {position:relative; 100%; padding:30px 0px 50px;  border:0px solid #f00;overflow: visible;}
.main_item_slider {position:relative; overflow: visible; margin-left: 0;margin-right: 0;padding: 0 0px; }
.main_item_item { width:calc(25% - 1px); margin-left:1px; vertical-align:top; display:inline-block; text-align:center; position:relative; }
.main_item_item a {display:block ;}
.main_item_item a:hover .cover {background-color:rgba(247,29,0,0.9)}
.main_item_item figure{margin:0;padding:0; }
.main_item_item  .img-wrap { display:block; width:100%; position:relative;  height:230px;  background:#f1f1f1 url('/images/no_img_640.png') no-repeat center center; background-size:cover;  }
.main_item_item  .thumb {position:absolute;left:0; top:0;width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.main_item_item .img-wrap .cover {position:absolute;left:0; top:0;width:100%; height:100%; transition: all 0.2s ease-in; z-index:100}
.main_item_item .play {position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; text-align:center; z-index:333}
.main_item_item .play:before {content:"\ea40"; display:inline-block; line-height:50px; font-size:50px; color:#fff;}
.main_item_item .car-name {position:absolute; left:15px; bottom:10px; font-size:14px; color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2) ;z-index:1;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.main_item_item a.all .cover{background-color:rgba(247,29,0,1)}
*/

@media screen and ( max-width:1280px ) {
	.section01 .line {height:80px; }
	.section01 .txt {font-size:27px; line-height:38px; }
	
}

@media screen and ( max-width:1024px ) {
    .section01 {padding-bottom:50px; }
  

   .main_inner {padding: 0 0px;}
    .mainSec3 {padding: 10px 0;}
	.mc3_list {margin-left: 0; margin-right: 0;padding: 0 10px; }
	.mc3_list .slick-list {overflow: visible;}
	.mc3_list li.mc3_list_item .img-wrap {  height:360px;   }

	.mc3_list li.mc3_list_item {padding: 0 0px;outline: none; margin-left:4px; margin-right:4px;}
	.mc3_list li.mc3_list_item a {opacity: 0; transition: opacity .2s ease-in-out}

	.mc3_list li.mc3_list_item.slick-active .txt_box {opacity: 1;}
	.mc3_list li.mc3_list_item.slick-active a {opacity: 1;}

}

@media screen and ( max-width:889px ) {
    .section01 {padding-bottom:30px; }
    .section01 .line {height:60px; margin:30px auto 20px; }
	.section01 .txt {font-size:21px;  line-height:32px; padding:20px 0}
	/*.section01 ul li { width:calc(50% - 1px); margin-bottom:20px;}
	.section01 ul li .img-wrap {   height:230px;  }
*/
}



@media screen and ( max-width:640px ) {
    .section01 .line {height:50px; }

  
}

@media screen and ( max-width:500px ) {
.section01 .inr {padding:0}
.main_item_txt .label span img{height:15px;}

/*
.main_item_wrap {padding:20px 0px 20px;overflow: visible;}
.main_item_slider { overflow: visible;}
.main_item_item { padding:0 30px; width:90%;margin-left:-20px; margin-right:-20px; }
.main_item_item  .img-wrap { height:230px;  }
*/

}


 a.btn-more { display:inline-block; clear:both; margin:50px auto 0; background-color:#f71d00; width:210px; padding-left:30px; height:45px; line-height:45px;  color:#fff; font-size:15px; text-align:left;  background-image:url('/images/main/ico_arrow.png'); 
                   background-repeat:no-repeat; background-position:right ; background-position:calc(100% - 30px); }
 a.btn-more:hover { background-color:#222}
 a.btn-more.tns {border:1px solid #fff; background-color:transparent; color:#fff; }
 a.btn-more.tns:hover {border:1px solid #f71d00; background-color:#f71d00}

@media screen and ( max-width:1024px ) {
	 a.btn-more { margin-top:30px;  width:190px; padding-left:20px; height:40px; line-height:40px; background-position:calc(100% - 20px) }

}
@media screen and ( max-width:797px ) {
	 a.btn-more { margin-top:20px;  width:180px; padding-left:20px; height:35px; line-height:35px;}
}

@media screen and ( max-width:699px ) {
	 a.btn-more {margin-top:30px;width:170px;font-size:13px; padding-left:15px;  background-position:calc(100% - 15px)   }
}


.section02 {}
.section02 div.line {display:block; padding:110px 0;  font-size:0;  }
.section02 div.line:first-child {background-color:#f7f7f7; }
.section02 .img-wrap { width:60%; display:inline-block; text-align:center; vertical-align:top; padding:0 0px;   }
.section02 .img-wrap img {height:530px;}
.section02 .txt-wrap {width:40%; display:inline-block;  text-align:center; vertical-align:top;  padding:90px 0px 0 }
.section02 .txt-wrap h2 {font-size:34px; line-height:1.5em; color:#000; font-weight:400  }
.section02 .txt-wrap p{ font-size:17px; line-height:1.5em; color:#777; padding-top:20px; }

@media screen and ( max-width:1540px ) {
.section02 .img-wrap img {width:100%;height:auto;  }
}

@media screen and ( max-width:1280px ) {
   .section02 div.line { padding:100px 0; height:auto; font-size:0;  }
    
	.section02 .txt-wrap { padding:40px 0px 0 }

}

@media screen and ( max-width:1024px ) {
    .section02 .txt-wrap { padding:30px 0px }
	.section02 .txt-wrap h2 {font-size:25px;  }
	.section02 .txt-wrap p{ font-size:16px; padding-top:15px; }
}

@media screen and ( max-width:797px ) {

    .section02 div.line { padding:70px 0;  }
	.section02 .img-wrap {width:55%; }
	.section02 .txt-wrap { padding:30px 0px; width:45%;  }
	.section02 .txt-wrap h2 {font-size:20px;  }
	.section02 .txt-wrap p{ font-size:14px; padding-top:12px; }

}
@media screen and ( max-width:699px ) {
	.section02 .img-wrap {width:50%; }
	.section02 .txt-wrap{width:50%; padding:40px 0px; }
	.section02 .txt-wrap {padding:0}
	.section02 .txt-wrap p {padding:7px 20px; }
	.section02 .txt-wrap p br {display:none;}
}
@media screen and ( max-width:530px ) {
	.section02 .img-wrap {width:100%; float:left;}
	.section02 .img-wrap img { width:100%; }
	.section02 .txt-wrap{width:100%;padding:20px 0px 0;  }
	.section02 .txt-wrap h2 {font-size:25px; line-height:36px; }
	.section02 .txt-wrap p{ font-size:15px; padding:10px 0}
	.section02 .txt-wrap p br {display:block;}
}


.section03 {padding:120px 0 130px; background-color:#f7f7f7;  text-align:center; }
.section03 .title { display:block; text-align:center; font-size:34px; line-height:1.5em; font-weight:400; color:#111;  }
.section03 ul {font-size:0;padding-bottom:20px; }
.section03 ul li { display:inline-block; width:50%; margin-top:50px; font-size:0; text-align:left;}
.section03 .img-wrap {display:inline-block; vertical-align:top; margin-top:5px; width:150px; height:150px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-size:cover; background-position:center center; }
.section03 .txt-wrap {display:inline-block;vertical-align:top;  width:calc(100% - 250px);  padding:30px 0px 0 40px;  background:url("/images/inc/quot_g01.png") no-repeat 15px 0; background-size:25px auto; }
.section03 .txt-wrap h2 {color:#222; font-size:16px;font-weight:700;}
.section03 .txt-wrap p {padding-top:15px;color:#777; font-size:18px; line-height:1.5em; }
.section03 .txt-wrap .more {display:inline-block; position:relative; clear:both; margin-top:25px; font-size:13px; line-height:18px; color:#444; }
.section03 .txt-wrap .more:after {content:''; position:absolute; left:0; bottom:0; height:1px; width:100%; background-color:#666 }

@media screen and ( max-width:1280px ) {
	.section03 {padding:70px 0 90px; }
}

@media screen and ( max-width:1024px ) {
	.section03 .title { font-size:25px; }
	.section03 .img-wrap {margin-top:0; width:130px; height:130px; }
	.section03 .txt-wrap {width:calc(100% - 160px);  padding:20px 0px 0 20px;  background-size:20px auto; background-position: 7px 0;}
	.section03 .txt-wrap h2 { font-size:15px;}
	.section03 .txt-wrap p {padding-top:10px; font-size:16px; line-height:1.4em; }

}
@media screen and ( max-width:797px ) {
	.section03 {padding:50px 0 60px; }
	.section03 .title { font-size:20px; }
	.section03 ul li { margin-top:40px; }
	.section03 .img-wrap { margin-top:10px;width:100px; height:100px; }
	.section03 .txt-wrap {width:calc(100% - 130px); }
	.section03 .txt-wrap h2 { font-size:13px;}
	.section03 .txt-wrap p {padding-top:7px; font-size:14px; letter-spacing:-.07em; }

	.section03 .txt-wrap .more { margin-top:10px; font-size:12px; line-height:16px;  }

}

@media screen and ( max-width:580px ) {
	.section03 .title { font-size:25px; line-height:36px; }
	.section03 {padding:60px 0 60px; }
	.section03 ul li { margin-top:30px; width:100%;}
	.section03 .txt-wrap {width:calc(100% - 100px); }
}


.section04 {height:790px;padding:160px 0 0; background:url('/images/main/bg_auto.jpg') no-repeat center ;background-size:cover; }
.section04 .txt-wrap {color:#fff; }
.section04 .txt-wrap h2 {font-size:34px; line-height:50px; font-weight:400; text-transform:uppercase; }
.section04 .txt-wrap p {font-size:16px; line-height:26px; padding-top:25px; padding-bottom:10px; opacity:0.9}

@media screen and ( max-width:1280px ) {
	.section04 {height:700px;padding:130px 0 0 30px; }
}

@media screen and ( max-width:1024px ) {
	.section04 {height:500px;padding:80px 0 0 20px; }
	.section04 .txt-wrap h2 { font-size:25px;  line-height:37px; }
	.section04 .txt-wrap p {font-size:15px; }
}

@media screen and ( max-width:797px ) {
    .section04 {height:400px;padding:60px 0 0 15px; }
    .section04 .txt-wrap h2 { font-size:20px;  line-height:32px; }
	.section04 .txt-wrap p {font-size:14px;line-height:21px; }
}

@media screen and ( max-width:580px ) {
    .section04 {height:380px; padding:60px 0; }
	.section04 .txt-wrap { text-align:center }
    .section04 .txt-wrap h2 { font-size:22px; line-height:35px;  }
	.section04 .txt-wrap p br {display:none;}

}