@charset "utf-8";

@media all and (max-width:1200px){
	
	body {font-size:13px;}
	.fsize16 {font-size:11px;}
	
}
#main {line-height:1.38;}

#section01 {}
#section01 .txt {position:absolute; left:5%; right:5%; top:50%; color:#fff; transform: translateY(-50%); -webkit-transform:translateY(-50%);}
#section01 img {width:100%;}
#section01 em {display:block; font-size:60px;}
#section01 .btn_go {display:inline-block; width:200px; margin-top:2.3%; line-height:2.77; text-align:center; background:rgba(0,0,0,0.6);}
#section01 .bx-pager {top:0; left:5%; width:auto; height:10%; margin-top:5%; padding-top:0; text-align:left;}
#section01 .bx-pager a {width:60px; height:4px; margin:0 5px; border-radius:0; background:rgba(255,255,255,0.8);}
#section01 .bx-pager a.active {background:#1c1c1c;}

#section02 {position:relative;}
#section02 .bx-viewport img {width:100%;}
#section02 .top {position:absolute; top:0; left:0; z-index:3; width:100%; margin-top:5%; text-align:center;}
#section02 h2 {font-size:60px; color:#252525; font-weight:500; line-height:1.2;}
#section02 h2 small {display:block; font-size:40px;}
#section02 .slider_wrap {position:relative; z-index:1; background:url('../images/main/section02_sedan.jpg'); background-size:100% auto;}
#section02 .slider_wrap:before {width:400px; height:400px; background-image:url('../images/main/section02_suv.jpg'); content:'';}
#section02 .slider_wrap[data-car-type="suv"] {background-image:url('../images/main/section02_suv.jpg');}
#section02 .slider_wrap[data-car-type="sedan"] {background-image:url('../images/main/section02_sedan.jpg');}
#section02 .slider_wrap li {position:relative; z-index:2;}
#section02 .slider_data {display:none;}
#section02 .desc {overflow:hidden; position:absolute; left:5%; bottom:0; margin-left:-15px; margin-bottom:4%; font-size:0;}
#section02 .desc * {vertical-align:middle;}
#section02 .desc dt, #section02 .desc dd {position:relative; display:inline-block;}
#section02 .desc dt {padding:0 15px; font-size:22px; color:#252525;}
#section02 .desc dd {padding:0 15px; font-size:16px; color:#707070;}
#section02 .desc dd:before {position:absolute; top:2px; left:-1px; bottom:2px; width:1px; background:#8f97a0; content:'';}
#section02 li[aria-hidden='true'] .desc {opacity:0; transition: opacity .3s; -webkit-transition: opacity .3s;}
#section02 li[aria-hidden='false'] .desc {opacity:1;}

#section03 {position: relative;}
#section03 .txt {position:absolute; left:5%; bottom:0; right:5%; z-index:10; margin-bottom:5%; color:#fff;}
#section03 h2 {font-size:60px; font-weight:500; line-height:1.2;}
.dragstage {position: relative;}
.dragstage img {width:100%; height:auto;}
.dragstage .stageimage{position:absolute;top:0;left:0;z-index:1;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;}
.dragstage .coverimage img {position: absolute; height: 100%; width: 100%; clip: rect(0px, 328px, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.dragstage .active .handle {position:absolute;top:50%;right:-44px;z-index:100;display:block;width:89px;height:88px;margin-top:-44px; opacity:0; background:url('../images/main/btn_drag.png') center no-repeat; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span{display:block;font-size:12px;color:#fff;margin-top:90px;text-align:Center}

#section04 {padding:6.5% 5% 8%; text-align:center;}
#section04 h2 {font-size:60px; color:#252525; font-weight:500; line-height:1.2;}
#section04 ul {overflow:hidden; max-width:1788px; margin:5.5% auto 0; text-align:center;}
#section04 ul li {float:left; width:16.66666%; padding:3% 1%; color:#252525}
#section04 ul p {padding-top:6%;}
#section04 a.img {display:inline-block; position:relative; width:100%; max-width:180px; margin-bottom:9px;}
#section04 a.img:before {position:absolute; top:-9px; left:-9px; right:-9px; bottom:-9px; border-radius:50%; border:1px solid #cd2361; transform:scale(0.85); content:''; transition: all .4s; -webkit-transition: all .4s;}
#section04 .s01 a.img:before {border-color:#cd2361;}
#section04 .s02 a.img:before {border-color:#a50d7e;}
#section04 .s03 a.img:before {border-color:#5c2075;}
#section04 .s04 a.img:before {border-color:#1e3892;}
#section04 .s05 a.img:before {border-color:#057a85;}
#section04 .s06 a.img:before {border-color:#f29020;}
#section04 li.on a.img:before {transform:scale(1);}
#section04 ul img {max-width:100%;}
#section04 .desc {position:relative; max-width:1200px; margin:3.75% auto 0; padding:45px; border-radius:60px; background:#f0f0f0;}
#section04 .desc:before {position:absolute; top:0; left:50%; width:15px; height:15px; margin-top:-8px; margin-left:-8px; border-radius:50%; background:#cd2361; content:'';}
#section04 .desc:after {position:absolute; top:0; left:50%; width:25px; height:25px; margin-top:-13px; margin-left:-13px; border-radius:50%; border:1px solid #cd2361; content:'';}
#section04 .desc p {display:none; color:#252525;}
#section04 .desc p.on {display:block;}



#section05 {position:relative; background:url('../images/main/section05_bg.jpg') no-repeat center; background-size:cover;} 
#section05 .top {position:absolute; top:0; left:0; z-index:3; width:100%; margin-top:6.75%; text-align:center;}
#section05 .car_type_menu {margin-top:2%;}
#section05 img {width:100%;}
#section05 h2 {font-size:55px; color:#000000; font-weight:500; line-height:1.2;}
#section05 h2 small {display:block; font-size:40px;}
#section05 .custom_pager {position:absolute; bottom:16%; left:0; right:0; z-index:100; text-align:center;}
#section05 .custom_pager strong {display:inline-block; padding-right:20px; color:#fff; line-height:50px;}
#section05 .custom_pager ul {display:inline-block; }
#section05 .custom_pager li {display:inline-block; margin:0 10px;}
#section05 .custom_pager a {display:block; position:relative; width:50px; height:50px; border:1px solid #000000; border-radius:50%; text-align:center; line-height:50px; color:#fff;}
#section05 .custom_pager a:after {position:absolute; top:50%; left:50%; width:70px; height:70px; opacity:0; margin-top:-35px; margin-left:-35px; border-radius:50%; border:10px solid rgba(0,0,0,0.3); content:''; transition:opacity 0.3s;}
#section05 .custom_pager a.active:after {opacity:1;}
#section05 .custom_pager .c01 a {border:0; background:#fff url('../images/main/x.png') no-repeat center;}
#section05 .custom_pager .c02 a {background:rgba(0,0,0,0.8);}
#section05 .custom_pager .c03 a {background:rgba(0,0,0,0.75);}
#section05 .custom_pager .c04 a {background:rgba(0,0,0,0.6);}
#section05 .custom_pager .c05 a {background:rgba(0,0,0,0.35);}
#section05 .custom_pager .c06 a {background:rgba(0,0,0,0.15);}
#section05 .slider_wrap {position:relative; width:90%; max-width:1200px; margin:0 auto; z-index:1; background:url('../images/main/section05_car.png') no-repeat; background-size:100% auto;}
#section05 .slider_wrap li {position:relative; z-index:2; background:none;}
#section05 .slider_wrap li div {position:relative;}
#section05 .balloon {position:absolute; top:-12px; left:52%; margin-top:35.16%; font-size:16px; text-align:center; color:#fff; line-height:62px;}
#section05 .balloon b {position:absolute; bottom:0; left:0; width:62px; height:72px; margin-left:-25px; background:url('../images/main/balloon.png');}
#section05 .slider_data {display:none;}
#section05 .desc {overflow:hidden; position:absolute; left:2%; bottom:100px; right:2%; z-index:2; color:#fff; text-align:center;}
#section05 .bx-prev, #section05 .bx-next {position:absolute; top:50%; width:86px; height:86px; margin-top:-43px; margin-left:-43px; background: no-repeat; background-size:100%;}
#section05 .bx-prev {left:50%; margin-left:-643px; background-image:url('../images/main/section05_btn_prev.png');}
#section05 .bx-next {right:50%; margin-right:-643px; background-image:url('../images/main/section05_btn_next.png');}
#section05 li[aria-hidden='true'] .desc {opacity:0; transition: opacity .3s; -webkit-transition: opacity .3s;}
#section05 li[aria-hidden='false'] .desc {opacity:1;}



#section06 {}
#section06 .inwrap {position:relative; height:1000px; background:url('../images/main/section06_bg.jpg') no-repeat center top #9fb7d3;}
#section06 h2 {position:relative; padding:8.5% 0 80px; color:#000; text-align:center; line-height:1.2;}
#section06 h2 b {color:#3d73b1;}
#section06 h2:after {position:absolute; left:50%; bottom:0; width:1px; height:69px; background:#000000; content:'';}
#section06 .btn_list {position:absolute; top:0; left:50%; width:1200px; margin-left:-600px; margin-top:334px;} /* margin-top:27.91%; */
#section06 .btn_list li {position:absolute; top:0; left:0;}
#section06 .btn_list li.s01 {left:40%; margin-top:11.083%;}
#section06 .btn_list li.s02 {left:36.9%; margin-top:16%;}
#section06 .btn_list li.s03 {left:66.66%; margin-top:11.583%;}
#section06 .btn_list li.s04 {left:45.66%; margin-top:3.16%;}
#section06 .btn_list li.s05 {left:45.58%; margin-top:19.83%;}
#section06 .btn_list li.s06 {left:36.9%; margin-top:6.66%;}
#section06 .btn_list a {display:block; position:relative; margin-left:-19px; margin-top:-19px;}
#section06 .btn_list a:before {position:absolute; top:50%; left:50%; width:48px; height:48px; margin-left:-24px; margin-top:-24px; border-radius:50%; background:rgba(121,190,255,0.4); content:''; transition: all .3s; -webkit-transition: all .3s;}
#section06 .btn_list a img {position:relative; z-index:2;}
#section06 .btn_list span {display:inline-block; position:absolute; top:50%; left:50px; opacity:0; margin-top:20px; padding:0 15px; font-size:12px; white-space:nowrap; color:#fff; line-height:28px; border-radius:3px; background:rgba(0,0,0,0.7); transition: all .3s; -webkit-transition: all .3s;}
#section06 .btn_list li a:hover, #section06 .btn_list li.on a {position:relative; z-index:10;}
#section06 .btn_list li a:hover:before, #section06 .btn_list li.on a:before {transform:scale(1.2);}
#section06 .btn_list li a:hover span, #section06 .btn_list li.on a span {margin-top:-14px; opacity:1;}
#section06 .desc_list {position:absolute; top:300px; width:250px;}
#section06 .desc_list.list01 {left:50%; margin-left:-600px;}
#section06 .desc_list.list02 {right:50%; margin-right:-600px;}
#section06 .desc_list li {display:inline-block; width:100%; height:125px;}
#section06 .desc_list li img {float:left;}
#section06 .desc_list dl {margin-left:80px; color:#333333; line-height:1.2;}
#section06 .desc_list dt {padding-top:15px; font-size:20px; font-weight:500; letter-spacing:-0.05em;}
#section06 .desc_list dd {padding-top:10px; font-size:16px;}


#section07 {text-align:center; padding:6% 0 3.5%; color:#fff; background:url('../images/main/section07_bg_01.jpg') no-repeat 50% 50%; background-size:100%;}
#section07.bg0{background:url('../images/main/section07_bg_01.jpg') no-repeat 50% 50%;background-size:100%;}
#section07.bg1{background:url('../images/main/section07_bg_02.jpg') no-repeat 50% 50%;background-size:100%;}
#section07.bg2{background:url('../images/main/section07_bg_03.jpg') no-repeat 50% 50%;background-size:100%;}

#section07 .inwrap {width:90%; max-width:1200px; margin:0 auto;}
#section07 h2 {font-size:40px; font-weight:300; line-height:1.2;}

#section07 p {font-size:40px; font-weight:300; line-height:1.2;}
#section07 h2 b {font-weight:500;}
#section07 .tab_menu {margin-top:2%; font-size:16px;}
#section07 .tab_menu li {display:inline-block; padding:0 10px;}
#section07 .tab_menu a {display:block; line-height:2.2;}
#section07 .tab_menu li.on a {border-bottom:1px solid #ffffff;}
#section07 .tab_cont .item {display:none;}
#section07 .tab_cont .item.on {display:block;}
#section07 img {max-width:100%;}
#section07 table {width:100%;}
#section07 table th, #section07 table td {padding:15px 5px; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);}
#section07 table th {width:16.666%;}



.car_type_menu {margin-top:1%; line-height:2.3125; font-size:0; text-align:center; color:#252525;}
.car_type_menu li {display:inline-block; width:123px; font-size:16px; margin:0 4px; color:#252525;}
.car_type_menu li a {display:block; border:1px solid #a6a5a6; border-radius:20px; font-weight:500;}
.car_type_menu li.on a {border-color:#4d4d4d; color:#fff; background:#4d4d4d;}
.car_type_menu.yellow a {color:#252525;}
.car_type_menu.yellow li.on a {border-color:#4d4d4d; color:#252525; background:#fbdf36;}


@media all and (max-width:1200px){
	#section04 ul li  {width:33.33%;}
	
	

	#section05 .bx-prev {left:20px; margin:0;}
	#section05 .bx-next {right:20px; margin:0;}
	#section05 .desc {bottom:8%;}
	
	#section06 {background:#000;}
	#section06 .inwrap {height:auto; margin:0 -55%; background-size:100% auto;}
	#section06 .list_wrap {position:relative; overflow:hidden; margin:28% 28% 0; padding-bottom:7%;}
	#section06 .btn_list {position:absolute; top:0; left:20%; width:60%; margin:0; margin-top:16.3%;}
	#section06 .btn_list a {margin-left:-10px; margin-top:-10px;}
	#section06 .btn_list a:before {width:26px; height:26px; margin-top:-13px; margin-left:-13px;}
	#section06 .btn_list img {width:20px;}
	#section06 .btn_list span {display:inline-block; position:absolute; top:50%; left:30px; opacity:0; margin-top:10px; padding:0 5px; font-size:10px; line-height:20px;}
	#section06 .btn_list li a:hover span, #section06 .btn_list li.on a span {margin-top:-10px;}
	#section06 .desc_list {position:relative; float:left; top:0; left:0; width:50%; margin:0;}
	#section06 .desc_list.list01 {left:0; margin:0;}
	#section06 .desc_list.list02 {left:0; right:none; margin:0;}
	
	

}
@media all and (min-width:768px){
	#section02 .custom_pager {position:absolute; top:50%; left:4%; z-index:2; margin-top:-60px; font-size:16px; color:#252525; line-height:23px;}
	#section02 .custom_pager img {margin-right:13px;}
	#section02 .custom_pager li+li {margin-top:3px;}
	#section02 .custom_pager a {display:block; padding:7px; border-radius:5px; transition: all .4s; -webkit-transition: all .4s;}
	#section02 .custom_pager a.active {background:rgba(255,255,255,0.7); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3); box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
}
@media all and (max-width:767px){	
	#section01 .inwrap {margin:0 -28%;}
	#section01 .txt {left:21%; right:21%; top:auto; bottom:8.28%; transform:none; -webkit-transform:none; }
	#section01 .bx-pager {left:21%; margin-top:1%;}
	#section01 .bx-pager a {width:40px; height:3px; margin:0 3px;}
	#section01 .btn_go {width:130px;}
	
	#section02 .slider_wrap {margin:0 -28%;}
	#section02 .desc {left:21%; right:21%; margin-bottom:-1px;}
	#section02 .desc dt, #section02 .desc dd {color:#000;}
	#section02 .desc dd {display:block; margin-top:1%; margin-right:60px;}
	#section02 .custom_pager {position:absolute; bottom:0; right:4%; z-index:3; height:auto; margin-bottom:7%; padding:0; text-align:right; font-size:0;}
	#section02 .custom_pager li {display:inline-block;}
	#section02 .custom_pager img {display:none;}
	#section02 .custom_pager a {display:block; overflow:hidden; text-indent:-100px; width:8px; height:8px; margin:0 2px; border-radius:50%; text-align:left; background:#fff;}
	#section02 .custom_pager a.active {background:#2e2e2e;}
	
	#section03 .inwrap {position:relative; margin:0 -23%;}
	.dragstage .active .handle {right:-20px; width:40px; height:40px; margin-top:-20px; background-size:100% auto;}
	.dragstage .active .handle > span {margin-top:40px !important}
	
	
	#section04 ul li  {width:50%; padding:3% 6%;}
	#section04 ul li:nth-child(2n+1){clear:both;}
	#section04 a.img:before {top:-7px; left:-7px; right:-7px; bottom:-7px;}
	#section04 .desc {margin-top:5%; padding:30px;}
	
	#section05 {padding-bottom:10%; background-size:auto 100%;}	
	#section05 .desc br {display:none;}
	#section05 .desc {bottom:4%;}	
	#section05 .custom_pager {bottom:27%;}
	#section05 .custom_pager strong {padding-right:5px; font-size:13px; line-height:28px;}
	#section05 .custom_pager li {margin:0 1px;}
	#section05 .custom_pager a {width:28px; height:28px; line-height:28px; font-size:10px; background-size:100%;}
	#section05 .custom_pager a:after {width:34px; height:34px; margin-top:-17px; margin-left:-17px; border:3px solid rgba(0,0,0,0.3);}
	#section05 .balloon {left:30%; margin-top:40%; font-size:13px; line-height:32px;}
	#section05 .balloon b {width:32px; height:36px; margin-left:-16px; background-size:100%;}
	/*
	#section05 .custom_pager a {display:block; position:relative; width:50px; height:50px; border:1px solid #000000; border-radius:50%; text-align:center; line-height:50px; color:#fff;}
	#section05 .custom_pager a:after {position:absolute; top:50%; left:50%; width:70px; height:70px; opacity:0; margin-top:-35px; margin-left:-35px; border-radius:50%; border:10px solid rgba(0,0,0,0.3); content:''; transition:opacity 0.3s;}
	#section05 .custom_pager a.active:after {opacity:1;}

	#section05 .balloon {position:absolute; top:0; left:52.08%; margin-top:35.16%; font-size:16px; text-align:center; color:#fff; line-height:62px;}
	#section05 .balloon b {position:absolute; bottom:0; left:0; width:62px; height:72px; margin-left:-25px; background:url('../images/main/balloon.png');}
	*/

	#section05 .bx-prev, #section05 .bx-next {width:30px; height:30px; margin:0; margin-top:10px;}
	#section05 .bx-prev {left:-10px;}
	#section05 .bx-next {right:-10px;}


	
	#section06 h2 {padding:7% 0 40px;}
	#section06 h2:after {height:30px;}
	#section06 .list_wrap {max-width:200px; margin:0 auto; margin-top:28%;}
	#section06 .desc_list {width:100%; margin-top:0%;}
	#section06 .desc_list li {height:auto; padding-bottom:15px;}
	#section06 .desc_list li img {width:45px;}
	#section06 .desc_list dl {margin-left:47px;}
	#section06 .desc_list dt {padding-top:6px; font-size:15px;}
	#section06 .desc_list dd {padding-top:5px; font-size:12px;}
	
	#section07 {background-size:200% !important;}
	#section07 h2 b {display:block;}
	#section07 p {margin-top:-70px !important}
	#section07 table th, #section07 table td {padding:7px 5px;}
	#section07 .tab_menu {font-size:10px; margin-top:40px}
	#section07 .tab_menu li {padding:0 5px;}

	.car_type_menu li {width:70px; margin-top:1.5%; font-size:12px;}
	.car_type_menu li a {}

	
}