#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
/*给头部让出40px*/
body{padding-top: 40px;min-width: 1280px;background:#000}
.container{width: 100%;height: 100%;min-width: 1280px;max-width: 1920px;margin: 0 auto;position: relative;overflow: hidden;}
.main{width: 100%;position: relative;margin: 0 auto;}
.con{width: 100%;position: relative;margin: 0 auto}

.main .con-head {height:1090px;width: 1280px;}
.main .con-head .logo{z-index: 10;width:120px;height:110px;top: 18px;left:50%;margin-left:463px;}
.main .con-head .slogan {z-index: 3;width: 727px;height: 518px;background: url('images/slogan.png') no-repeat 0 0;top: 18px;left: 50%;margin-left: -270px;}
.main .con-head .time {z-index: 2;width: 472px;height: 114px;background: url('images/time.png') no-repeat 0 0;top: 476px;left: 50%;margin-left: -115px;}

.main .con2 {height: 830px;background: url('images/con-1.png') no-repeat 50% 0}
.main .con3 {height: 1115px;background: url('images/con-2.png') no-repeat 50% 0}
.main .con3 .stage {width: 1200px;height: 870px;margin: 0 auto;}
.main .con3 .left-nav {width: 147px;height: 410px;top: 147px;left: 55px;}
.main .con3 .left-nav a {display: block;width: 147px;height: 69px;background: url('images/nav-left.png') no-repeat 0 0}
.main .con3 .left-nav .l-nav-2 {background-position: 0 -69px;}
.main .con3 .left-nav .l-nav-3 {background-position: 0 -138px;}
.main .con3 .left-nav .l-nav-4 {background-position: 0 -207px;}
.main .con3 .left-nav .l-nav-5 {background-position: 0 -276px;}
.main .con3 .left-nav .l-nav-6 {background-position: 0 -345px;}
.main .con3 .left-nav a:hover,.main .con3 .left-nav a.on {background-position-x: -147px;}

.main .con3 .right-nav {width: 195px;height: 410px;top: 168px;right: 16px;}
.main .con3 .right-nav a {display: block;width: 195px;height: 141px;background-position: 0 0;background-repeat: no-repeat;}
.main .con3 .right-nav .r-nav-2 {background-position: 0 -141px;}
.main .con3 .right-nav .r-nav-3 {background-position: 0 -282px;}
.main .con3 .right-nav a:hover,.main .con3 .right-nav a.on {background-position-x: -195px;}
.main .con3 #car-nav-1 a {background-image: url('images/car1-nav.png')}
.main .con3 #car-nav-2 a{background-image: url('images/car2-nav.png')}
.main .con3 #car-nav-3 a{background-image: url('images/car3-nav.png')}
.main .con3 #car-nav-4 a{background-image: url('images/car4-nav.png')}
.main .con3 #car-nav-5 a{background-image: url('images/car5-nav.png')}
.main .con3 #car-nav-6 a{background-image: url('images/car6-nav.png')}

.main .con3 .car {width: 675px;height: 315px;top: 355px;left: 260px;background-position: 0 0;background-repeat: no-repeat;transition: all .3s;}
.main .con3 .car-key {width: 50px;height: 50px;top: 810px;left:570px;background-position: 0 0;background-repeat: no-repeat;}


.main .con4 {height: 700px;background: url('images/con-3.png') no-repeat 50% 0;padding-top: 135px;}
.main .con5 {height: 1085px;background: url('images/con-4.png') no-repeat 50% 0;padding-top: 135px;}
.main .con5 .feature-text {width: 770px;height: 100px;top: 774px;left: 50%;margin-left: -385px;}
.main .con5 .feature-text.text-0 {background: url('images/loop2-1-txt.png') no-repeat 50% 0;}
.main .con5 .feature-text.text-1 {background: url('images/loop2-2-txt.png') no-repeat 50% 0;}
.main .con5 .feature-text.text-2 {background: url('images/loop2-3-txt.png') no-repeat 50% 0;}

.feature {position: relative;width: 987px;height: 557px;border: 2px solid #f7c474;margin: 0 auto;}
.feature .prevBtn {position: absolute;width: 75px;height: 120px;top: 210px;left: -120px;text-indent: -999em;}
.feature .nextBtn {position: absolute;width: 75px;height: 120px;top: 210px;right: -120px;text-indent: -999em;}
.feature li,.feature li img {width: 100%;height: 557px;display: block;}


/*背景*/
.bgbox{width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0px;z-index: -1;}
.bgbox div{background-position: center top;width: 100%;height: 637px;z-index: -1}
.bgbox .bg1{background-image:url(images/bg_01.jpg);}
.bgbox .bg2{background-image:url(images/bg_02.jpg);}
.bgbox .bg3{background-image:url(images/bg_03.jpg);}
.bgbox .bg4{background-image:url(images/bg_04.jpg);}
.bgbox .bg5{background-image:url(images/bg_05.jpg);}
.bgbox .bg6{background-image:url(images/bg_06.jpg);}
.bgbox .bg7{background-image:url(images/bg_07.jpg);}
.bgbox .bg8{background-image:url(images/bg_08.jpg);}