@charset "gb2312";

/*-------------.carDetails--ul--------*/
.banner{width:100%;position:relative;background: #D5EEC3;}

.switchButton{ height:0px; width:1120px; margin:0 auto;    position: relative; display:none; }
.switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px;    z-index: 6; position:absolute; top:261px; cursor:pointer;}
.switchButton span.prov{ background:url(prov.png); left:0;}
.switchButton span.next{ background:url(next.png); right:0;}
.banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9;    left: 50%\9;    margin-left: -75px\9;}
.banner .bannerSpot li{ display:inline-block; width:11px; height:11px; margin-right:8px; border:1px solid #fff;     cursor: pointer;border-radius:100%}
.banner .bannerSpot li.active{ background:#fff;}
.banner .resBannerList {height: 580px;overflow: hidden;position: relative;width: 100%;}
.banner .resBannerList> li{display:none;position: relative;text-align:center;color:#fff;font-size:14px;width:100%; height:100%;overflow: hidden;}
.banner .resBannerList li.active{display:block;}
.banner .resBannerList li.res-first{ background:url(yingyongbanner_05.png) center no-repeat; background-size:cover; }
.banner .resBannerList li.res-second{ background:url(banner-bj.png) center no-repeat; background-size:cover; }
.banner .resBannerList li.res-first ul.carDetails {    width: 1120px;    margin: 0 auto;    height: 580px;    position: relative; text-align:center;}
.banner .resBannerList li.res-first ul.carDetails li{ position: absolute}
.banner .resBannerList li.res-first ul li.c1 {    left: 130px;    top: 133px;-webkit-animation: zoomInUp 2s 0s 1 linear both;animation: zoomInUp 2s 0s 1 linear both;}
.banner .resBannerList li.res-first ul li.c2 {    right: 283px;   top: 300px;-webkit-animation: fadeInUp 1.5s 0.5s 1 linear both;animation: fadeInUp 1.5s 0.5s 1 linear both;}
.banner .resBannerList li.res-first ul li.c3 {    right: -232px;  top: 74px;    width: auto;    left: 801px;-webkit-animation: fadeInDown 2s 1s 1 linear both;animation: fadeInDown 2s 1s 1 linear both;}
.banner .resBannerList li.res-first ul li.c4 {    right: -381px;  top: 259px;-webkit-animation: fadeInRight 1.5s 1.5s 1 linear both;animation: fadeInRight 1.5s 1.5s 1 linear both;}



.banner .resBannerList li.res-first ul li.yy01 {
    right: -77px;
    top: 131px;
    -webkit-animation: zoomIn 1s ease 2s 1 both;
    animation: zoomIn 1s ease 2s 1 both;
}
.banner .resBannerList li.res-first ul li.yy02{
    left: -1px;
    top: 154px;
    -webkit-animation: bounceInDown 1s ease 0s 1 both;
    animation: bounceInDown 1s ease 0s 1 both;
}
.banner .resBannerList li.res-first ul li.yy03 {
    left: -19px;
    top: 242px;
    -webkit-animation: fadeInLeft 1s ease .6s 1 both;
    animation: fadeInLeft 1s ease .6s 1 both;
}
.banner .resBannerList li.res-first ul li.yy04 {
    left: 32px;
    top: 329px;
    -webkit-animation: bounceInLeft 1s ease 1.2s 1 both;
    animation: bounceInLeft 1s ease 1.2s 1 both;
}
.banner .resBannerList li.res-first ul li.yy05 {
    left: 383px;
    top: 138px;
    -webkit-animation: pulse 1s ease 0s infinite both;
    animation: pulse 1s ease 0s infinite both;
}
.banner .resBannerList li.res-first ul li.yy06 {
    left: 285px;
    bottom: 102px;
    -webkit-animation: bounceInLeft 1s ease 1.6s 1 both;
    animation: bounceInLeft 1s ease 1.6s 1 both;
}





.banner .resBannerList li.res-second ul.carDetails {    width: 1120px;    margin: 0 auto;    height: 580px;    position: relative; text-align:center;}
.banner .resBannerList li.res-second ul.carDetails li{ position: absolute}
.banner .resBannerList li.res-second ul li.c1 {    left: 130px;    top: 133px;-webkit-animation: zoomInUp 2s 0s 1 linear both;animation: zoomInUp 2s 0s 1 linear both;}
.banner .resBannerList li.res-second ul li.c2 {    right: 283px;   top: 280px;-webkit-animation: fadeInUp 1.5s 0.5s 1 linear both;animation: fadeInUp 1.5s 0.5s 1 linear both;}
.banner .resBannerList li.res-second ul li.c3 {    right: -232px;  top: 74px;    width: auto;    left: 801px;-webkit-animation: fadeInDown 2s 1s 1 linear both;animation: fadeInDown 2s 1s 1 linear both;}
.banner .resBannerList li.res-second ul li.c4 {    right: -381px;  top: 259px;-webkit-animation: fadeInRight 1.5s 1.5s 1 linear both;animation: fadeInRight 1.5s 1.5s 1 linear both;}

.banner .resBannerList li.res-third ul.carDetails {    width: 1120px;    margin: 0 auto;    height: 580px;    position: relative; text-align:center;}
.banner .resBannerList li.res-third ul.carDetails li{ position: absolute}
.banner .resBannerList li.res-third ul li.c1 {    left: 130px;    top: 133px;-webkit-animation: zoomInUp 2s 0s 1 linear both;animation: zoomInUp 2s 0s 1 linear both;}
.banner .resBannerList li.res-third ul li.c2 {    right: 283px;   top: 280px;-webkit-animation: fadeInUp 1.5s 0.5s 1 linear both;animation: fadeInUp 1.5s 0.5s 1 linear both;}
.banner .resBannerList li.res-third ul li.c3 {    right: -232px;  top: 74px;    width: auto;    left: 801px;-webkit-animation: fadeInDown 2s 1s 1 linear both;animation: fadeInDown 2s 1s 1 linear both;}
.banner .resBannerList li.res-third ul li.c4 {    right: -381px;  top: 259px;-webkit-animation: fadeInRight 1.5s 1.5s 1 linear both;animation: fadeInRight 1.5s 1.5s 1 linear both;}