@charset "utf-8";

body, *+html{ overflow:hidden;}
.wrap{ width:100%; height:100%; overflow:hidden;}
.content{ width:100%; height:auto; overflow:hidden; top:0px;}
.submodulewrap{ width:auto; height:100%; clear:both; left:0px;}
.modules, .subModules{ width:100%; height:auto; overflow:hidden;}
.icon{ background:url(../images/icon.png) no-repeat;}

/*固定部分*/
.logo{ left:20px; top:20px;}
.menu{ right:20px; top:20px; width:29px; height:29px; background:url(../images/menu.png) no-repeat;}
.menu:hover{ background-position:0px -32px;}
.right-nav{ width:54px; height:307px; right:20px; top:50%; margin-top:-153px;}
.nav-bg{ left:0px; height:0px; background-color:#000; width:100%; height:100%; opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; -o-opacity:0.2; -ms-opacity:0.2; filter:alpha(opacity=20); zoom:1; z-index:0;}
.navigation{ width:52px; height:253px; border:1px solid #fff;}
.whiteline{ width:1px; height:214px; left:26px; top:21px; background-color:#e2e2e2; z-index:1;}
.navigation ul{ width:22px; height:235px; left:15px; top:11px; z-index:2;}
.navigation li{ width:22px; height:22px; margin-bottom:13px; position:relative; cursor:pointer;}
.navigation li:last-child{ margin-bottom:0px;}
.navigation li>a{ display:block; width:22px; height:22px; border-radius:50%; background-color:#fff; -moz-transform:scale(0.3); -webkit-transform:scale(0.3); -ms-transform:scale(0.3); -o-transform:scale(0.3); transform:scale(0.3);}
.navigation li:hover>a{ -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; -ms-transition:all ease 0.4s; -o-transition:all ease 0.4s; transition:all ease 0.4s; -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); zoom:1;}
.navigation li.cur>a{ background-color:#039cee; animation-name:twinkle; animation-iteration-count:infinite; -moz-animation-name:twinkle; -moz-animation-iteration-count:infinite; -webkit-animation-name:twinkle; -webkit-animation-iteration-count:infinite; -o-animation-name:twinkle; -o-animation-iteration-count:infinite; -ms-animation-name:twinkle; -ms-animation-iteration-count:infinite; animation-duration:1.8s; -moz-animation-duration:1.8s; -webkit-animation-duration:1.8s; -ms-animation-duration:1.8s; -o-animation-duration:1.8s;}
.navigation li span{ display:block; width:5px; height:5px; border-radius:50%; background-color:#fff; left:9px; top:9px; position:absolute;}
.navigation li.cur span{ background-color:#039cee;}
.no-borderradius .navigation li>a{ background:url(../images/icon.png) 0px -22px;}

.no-borderradius .navigation li:hover>a{ background-position:0px -174px;}
.no-borderradius .navigation li.cur>a{ background-position:0px 0px;}
.no-csstransitions .navigation li.cur>a{ background:url(../images/icon.png) 0px 0px; -ms-transform:scale(1); transform:scale(1);}
.no-borderradius .navigation li span{ background:url(../images/icon.png) 0px -22px;}
.no-borderradius .navigation li:hover span{ background:url(../images/icon.png) -9px -31px;}
.no-borderradius .navigation li.cur span{ background:url(../images/icon.png) -9px -47px;}


.subnav{ width:9px; height:auto; left:7px; top:15px;}
.subnav a{ display:block; width:9px; height:9px; margin-bottom:0px; background:url(../images/icon.png) 0px -164px;}
.subnav a.cur{ background:url(../images/icon.png) 0px -152px;}

.float-menu{ width:309px; height:100%; top:0px; right:-309px;}
.close-menu{ width:45px; height:34px; overflow:hidden; margin-top:23px;}
.close-menu strong{ display:block; width:100%; height:100%; background-color:#767676; top:0px; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); zoom:1;}
.close-menu a{ width:100%; height:100%; font-size:50px; color:#fafafa; line-height:30px; font-weight:lighter;}
.close-menu a:hover{ color:#e5e1e1;}
.menu-wrap{ width:264px; height:100%; float:left; z-index:2;}
.lucency{ width:100%; height:100%; background-color:#101010; opacity:0.9; filter:alpha(opacity=90); zoom:1;}
.right-wrap{ padding-top:65px; top:41px; border-top:1px dashed #3f4b4e; background:url(../images/v7-title.png) 42px 27px no-repeat;}
.right-wrap li{ padding-bottom:10px;}
.right-wrap a{ color:#288acd; font-size:26px; font-family:"FZLTXHK","Microsoft YaHei","微软雅黑"; padding-left:40px;}
.mb20{ margin-bottom:20px;}
.right-wrap li.fz16{ padding-bottom:6px;}
.right-wrap li.fz16 a{ font-size:16px; color:#dadada;}
.right-wrap li a:hover{ color:#f30855;}
.right-wrap li.cur a{ padding-left:36px; border-left:4px solid #f30855; color:#f30855;}

@keyframes twinkle{
	from{ opacity:1; transform:scale(0.3);}
	50%{ opacity:0.5; transform:scale(1);}
	to{ opacity:1; transform:scale(0.3);}
}
@-webkit-keyframes twinkle{
	from{ -webkit-opacity:1; opacity:1; -webkit-transform:scale(0.3);}
	50%{ -webkit-opacity:0.5; opacity:0.5; -webkit-transform:scale(1);}
	to{ -webkit-opacity:1; opacity:1; -webkit-transform:scale(0.3);}
}
@-moz-keyframes twinkle{
	from{ -moz-opacity:1; opacity:1; -moz-transform:scale(0.3);}
	50%{ -moz-opacity:0.5; opacity:0.5; -moz-transform:scale(1);}
	to{ -moz-opacity:1; opacity:1; -moz-transform:scale(0.3);}
}
@-ms-keyframes twinkle{
	from{ -ms-opacity:1; opacity:1; -ms-transform:scale(0.3);}
	50%{ -ms-opacity:0.5; opacity:0.5; -ms-transform:scale(1);}
	to{ -ms-opacity:1; opacity:1; -ms-transform:scale(0.3);}
}
@-o-keyframes twinkle{
	from{ -o-opacity:1; opacity:1; -o-transform:scale(0.3);}
	50%{ -o-opacity:0.5; opacity:0.5; -o-transform:scale(1);}
	to{ -o-opacity:1; opacity:1; -o-transform:scale(0.3);}
}

.navigation li .words{ width:70px; height:24px; top:-2px; right:40px; cursor:default; display:none; opacity:0; filter:alpha(opacity=0); zoom:1; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.navigation li .words strong, .navigation li .words b, .bottom-btn a strong, .bottom-btn a span{ display:block; width:100%; height:100%;}
.navigation li .words strong{ position:absolute; left:0px; top:0px; background-color:#026acb; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); zoom:1; z-index:0;}
.navigation li .words b{ position:relative; z-index:1; line-height:24px; text-align:center; font-size:14px; color:#fff; font-weight:bold;}
.down{ width:52px; height:52px; border:1px solid #fff; border-top:none;}
.down a{ width:100%; height:100%; z-index:2; background-position:16px -57px;}
.down a:hover{ background-position:16px -98px;;}
.bottom-btn{ width:373px; height:62px; right:0px; bottom:0px;}
.bottom-btn a span{ text-align:center; font-size:13px; color:#fff; font-weight:normal;}
.bottom-btn a{ display:block; width:82px; height:21px; float:left; margin-right:6px; margin-bottom:5px; border:1px solid #fff; position:relative;}
.bottom-btn a strong{ left:0px; top:0px; background-color:#000; -moz-opacity:0.2; -webkit-opacity:0.2; -ms-opacity:0.2; -o-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); zoom:1; position:absolute;}
.bottom-btn a span{ line-height:21px; opacity:0.8; position:relative; z-index:1;}
.bottom-btn a:hover span{ opacity:1;}
.bottom-btn a:hover strong{ background-color:#039cee; -moz-opacity:0.5; -webkit-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); zoom:1;}
.bottom-btn a.w172{ width:172px;}
.copyright{ left:20px; bottom:10px; font-size:12px; color:#fff; line-height:14px;}

.masker{ width:100%; height:100%; left:0px; top:0px; z-index:101;}
.maskerbg{ width:100%; height:100%; left:0px; top:0px; background-color:#fff; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alhpa(opacity=80); zoom:1;}
.loading{ width:100px; height:130px; text-align:center; left:50%; top:50%; margin:-65px 0px 0px -50px;}
.loading p{ font-size:14px; color:#000; line-height:30px;}


/*首页*/
#module1{ background:url(../images/1.jpg) center no-repeat; background-size:cover;}
.title-1, .title-3, .newstitle{ -moz-opacity:0; -webkit-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0; filter:alpha(opacity=0); zoom:1;}
.title-1 p, .title-2 p, .title-3 p{ color:#000; font-size:14px; line-height:24px;}

/*动感外观*/
#module2 .submodulewrap .subModules:first-child{ background:url(../images/2.jpg) center no-repeat; background-size:cover;}
.title-1{ padding-top:84px; width:340px; height:auto; left:0px; top:0px; background:url(../images/title.png) left top no-repeat;}
.triangle-1, .triangle-2, .activitytitle{ -moz-opacity:0; -webkit-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0; filter:alpha(opacity=0); zoom:1;}
.triangle-1{ background:url(../images/triangle.png) no-repeat; width:236px; height:206px; top:50%; margin-top:-103px; right:0px;}
.triangle-1 a{ left:115px; top:54px;}
.tosubmodule{ width:59px; height:59px; background-position:-40px 0px;}
.tosubmodule:hover{ background-position:-40px -64px;}
.no-csstransforms .tosubmodule:hover{ background-position:-40px -64px;}

/*先锋动力*/
#module3 .submodulewrap .subModules:first-child{ background:url(../images/3_1.jpg) center no-repeat; background-size:cover;}
.title-2{ padding-top:80px; width:354px; height:auto; background:url(../images/title_1.png) 4px top no-repeat; left:50%; top:-200px;}
.triangle-2{ background:url(../images/triangle_1.png) no-repeat; width:211px; height:226px; top:80%; margin-top:-113px; right:15.5%;}
.triangle-2 a{ left:70px; top:70px;}


/*科技配置*/
#module4 .submodulewrap .subModules:first-child{ background:url(../images/4_1.jpg) center no-repeat; background-size:cover;}
.title-3{ padding-top:83px; width:355px; height:auto; top:10.4%; left:50%; background:url(../images/title_2.png) 4px top no-repeat;}
.triangle-3{ background:url(../images/triangle_2.png) no-repeat; width:208px; height:209px; top:50%; margin-top:-104px; right:50%;}
.triangle-3 a{ left:88px; top:48px;}


/*悦享动听*/
#module5{ background:url(../images/5_2.jpg) center no-repeat; background-size:cover;}
.videowrap{ width:886px; height:430px; left:50%; top:50%; margin:-215px 0px 0px -443px; display:none;}
.videobox{ width:735px; height:430px; margin:0 auto; overflow:hidden;}
.videolist{ height:100%; width:100000px; clear:both;}
.videolist li{ width:735px; height:430px; float:left; background-color:#000;}
#prevVideo, #nextVideo{ width:74px; height:430px; top:0px;}
#prevVideo{ left:0px;}
#prevVideo strong, #nextVideo strong{ width:38px; height:72px; top:179px; overflow:hidden; background:url(../images/btn2.png) no-repeat;}
#prevVideo strong{ background-position:0px 0px;}
#prevVideo:hover strong{ background-position:0px -78px;}
#nextVideo{ right:0px;}
#nextVideo strong{ background-position:-42px 0px;}
#nextVideo:hover strong{ background-position:-42px -78px;}
.videotitle{ background:url(../images/title_3.png) no-repeat; width:208px; height:209px; left:-90px; top:-42px;}


/*互动活动*/
#module6{ background:url(../images/6_2.jpg) center no-repeat; background-size:cover;}
.activitytitle{ background:url(../images/title_4.png) no-repeat; width:209px; height:213px; right:17.35%; top:50%;}
.expect{ background:url(../images/expect.png) no-repeat; width:153px; height:153px; left:50%; top:50%; margin:-76px 0px 0px -76px; display:none;}


/*参数配置*/
#module7{ background:url(../images/7.jpg) center no-repeat; background-size:cover;}


/*最新动态*/
.newsdialog{ width:100%; height:100%; left:0px; top:0px; z-index:100; background:url(../images/8_1.jpg) center no-repeat; background-size:cover;}
#newsWrap{ width:714px; margin-left:-357px;}
.newscontent{ width:714px; height:auto;}
.newslist{ width:100%; height:auto;}
.newslist li{ width:100%; height:136px; margin-bottom:2px; clear:both;}
.newsimg{ width:162px; height:136px; margin-right:2px;}
.newsimg img{ width:100%; max-width:100%;}
.newsright{ padding:0px 28px 0px 20px; width:502px; height:136px;}
.opacitybg{ width:100%; height:100%; background-color:#3fabe4; left:0px; top:0px; -moz-opacity:0.6; -webkit-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); zoom:1;}
.newsright:hover .opacitybg{ opacity:1; filter:alpha(opacity=100); zoom:1;}
.newsbody{ width:100%; height:auto;}
.newsbody>h3{ padding:20px 0px 7px; color:#fff; font-size:16px; font-family:"Microsoft YaHei","微软雅黑";}
.newsbody>.words{ color:#fff; font-size:12px; line-height:22px; height:44px; overflow:hidden; font-family:"Microsoft YaHei","微软雅黑";}
.readmore{ padding-top:15px; height:auto; clear:both;}
.readmore a{ font-size:16px; color:#fff; font-weight:bold;}
.readmore a:hover{ color:#dddada; right:-2px;}
.newsclose{ width:50px;height:50px;display:block;position:absolute;right:80px;top:10px;cursor:pointer; background:url(../images/btn3.png) no-repeat left -70px;}
.newsclose:hover{ background-position:0px 0px;}
.newstitle{ background:url(../images/title_5.png) no-repeat; width:241px; height:203px; top:47%; margin-top:-150px; left:0px;}


/*预约试驾*/
.yysjdialog{ width:100%; height:100%; left:0px; top:0px; z-index:100; background:url(../images/9.jpg) center no-repeat; background-size:cover;}
.yysjtitle{ background:url(../images/title_6.png) no-repeat; width:231px; height:213px; top:23%; right:60%; margin-right:-10px; -moz-opacity:0.3; -webkit-opacity:0.3; -ms-opacity:0.3; -o-opacity:0.3; opacity:0.3; filter:alpha(opacity=30);zoom:1;}


@media screen and (min-width:1440px){
	.no-backgroundsize .bg{ display:block;}
	.no-backgroundsize #module1, .no-backgroundsize #module2 .submodulewrap .subModules:first-child, .no-backgroundsize #module3 .submodulewrap .subModules:first-child, .no-backgroundsize #module4 .submodulewrap .subModules:first-child, .no-backgroundsize #module5, .no-backgroundsize #module6, .no-backgroundsize #module7, .no-backgroundsize .newsdialog, .no-backgroundsize .yysjdialog{ background:none;}
}