﻿#demo {width: 1120px; height: 517px; margin: 0px auto; overflow:hidden; }
.indemo { width:1500px; height: 517px; }
.indemo li{width:117px;height:517px;float:left;position:relative;overflow:hidden;}
.indemo li.active { width: 550px; }
.indemo span { width:117px; height: 517px; position: absolute; top: 0; left:0px; z-index: 888; cursor: pointer; }
.indemo  .p3nrq {width: 420px;height: 517px;background: #e3ebf0;position: absolute;top: 0; z-index: 88;left: 117px;}
.indemo  .p3nrq .wz{width: 360px; margin: 0px auto; margin-top: 30px;}
.indemo  .p3nrq .wz .img{width:100%; margin: 0px auto; }
.indemo  .p3nrq .wz .img img{width:100%;height:237px;}
.indemo  .p3nrq .wz .h1{width: 100%;margin: 0px auto; font-size: 18px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}
.indemo  .p3nrq .wz .p{width:100%; margin: 0px auto; line-height: 35px;}

.bg1 { background:url(../images/b1.jpg) left top no-repeat; }
.bg2 { background:url(../images/b2.jpg) left top no-repeat; }
.bg3 { background:url(../images/b3.jpg) left top no-repeat; }
.bg4 { background:url(../images/b4.jpg) left top no-repeat; }
.bg5 { background:url(../images/b5.jpg) left top no-repeat; }
.bg6 { background:url(../images/b6.jpg) left top no-repeat; }