* { margin: 0px; padding: 0px; }
body { font-family:  "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; font-size: 12px; color: #000; line-height: 20px; background: #FFF; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
ol, ul, li { list-style-type: none; }
img { border: none; vertical-align: top; }

.banner { background: url(imagesbanner.jpg) no-repeat center top; clear: both; width: 100%; height: 234px; }
.webInfo { font-size: 14px; color: #666; line-height: 28px; width: 980px; margin: 20px auto; }
.webInfo a { color: #666; }

.figureBox { clear: both; width: 100%; height: 345px; overflow: hidden; margin-bottom: 50px; position: relative; }
.figureBox ul { height: 345px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 9; }
.figureBox ul li { display: inline; float: left; width: 170px; height: 345px; margin-right: 2px; overflow: hidden; position: relative; }
.figureBox .show_1 { width: 170px; height: 345px; position: absolute; z-index: 20; }
.figureBox .show_1 h2 { font-weight: normal; font-size: 26px; color: #FFF; line-height: 30px; text-align: center; width: 100%; position: absolute; z-index: 2; left: 0; bottom: 40px; }
.figureBox .show_1 h2 a { color: #FFF; }
.figureBox .bg { background: #000; width: 170px; height: 345px; position: absolute; z-index: 1; left: 0; top: 0; opacity: 0.7; filter: alpha(style=0,opacity=70,finishOpacity=90); }
.figureBox .show_2 { width: 460px; height: 345px; position: absolute; z-index: 10; }
.figureBox .show_2 dl { color: #FFF; background: #397DDB; width: 460px; padding: 10px 0; position: absolute; left: 0; bottom: 0; }
.figureBox .show_2 dl a { color: #FFF; }
.figureBox .show_2 dl dt { font-size: 14px; padding: 0 20px; }
.figureBox .show_2 dl dd { padding: 0 20px; }
.figureBox .show_2 { width: 460px; height: 345px; display: none; position: absolute; ziindex: 1; }
.figureBox .arrLeft { background: url(imagesarrLeft.png); width: 42px; height: 80px; position: absolute; left: 0; top: 132px; z-index: 99; cursor: pointer; }
.figureBox .arrRight { background: url(imagesarrRight.png); width: 42px; height: 80px; position: absolute; right: 0; top: 132px; z-index: 99; cursor: pointer; }

.box1 { background: url(imagesb_1.jpg) no-repeat center top; clear: both; width: 100%; height: 641px; overflow: hidden; margin-bottom: 50px; position: relative; }
.box1 .leftArr { margin: -40px 0 0 -490px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box1 .rightArr { margin: -40px 0 0 450px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box1 .icoBox { background: url(imagesb_2.gif) repeat-x left 5px; margin-left: 100px; position: absolute; left: 50%; bottom: 40px; }
.box1 .icoBox span { font-size: 20px; color: #000; background: url(imagesico_1.gif) no-repeat center top; text-align: center; display: inline-block; width: 90px; padding-top: 30px; cursor: pointer; }
.box1 .icoBox .cur { color: #FFF; }
.box1 .wrap { width: 980px; height: 641px; overflow: hidden; margin: 0 auto; position: relative; }
.box1Tab { height: 641px; overflow: hidden; }
.box1Tab li { color: #FFF; float: left; width: 980px; height: 641px; overflow: hidden; position: relative; }
.box1Tab li a { color: #FFF; }
.box1Tab .pic { position: absolute; left: 0; bottom: 0; }
.box1Tab .info { width: 470px; margin-left: 465px; padding-top: 110px; }
.box1Tab .info dt { font-size: 30px; line-height: 32px; }
.box1Tab .info dd { font-size: 16px; line-height: 32px; padding: 30px 0; }
.box1Tab .play { width: 350px; height: 40px; margin: 0 0 50px 465px; cursor: pointer; }
.box1Tab .name { width: 470px; margin: 0 0 0 465px; }
.box1Tab .name dt { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
.box1Tab .name dd { font-size: 14px; }
.box1Tab .audio { display: none; }

.box2 { background: url(imagesb_2.jpg) no-repeat center top; clear: both; width: 100%; height: 641px; overflow: hidden; margin-bottom: 50px; position: relative; }
.box2 .leftArr { margin: -40px 0 0 -490px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box2 .rightArr { margin: -40px 0 0 450px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box2 .icoBox { background: url(imagesb_2.gif) repeat-x left 5px; margin-left: -450px; position: absolute; left: 50%; bottom: 40px; }
.box2 .icoBox span { font-size: 20px; color: #000; background: url(imagesico_1.gif) no-repeat center top; text-align: center; display: inline-block; width: 90px; padding-top: 30px; cursor: pointer; }
.box2 .icoBox .cur { color: #FFF; }
.box2 .wrap { width: 980px; height: 641px; overflow: hidden; margin: 0 auto; position: relative; }
.box2Tab { height: 641px; overflow: hidden; }
.box2Tab li { color: #FFF; float: left; width: 980px; height: 641px; overflow: hidden; position: relative; }
.box2Tab li a { color: #FFF; }
.box2Tab .pic { position: absolute; right: 0; bottom: 0; }
.box2Tab .info { width: 470px; margin-left: 60px; padding-top: 110px; }
.box2Tab .info dt { font-size: 30px; line-height: 32px; }
.box2Tab .info dd { font-size: 16px; line-height: 32px; padding: 30px 0; }
.box2Tab .play { width: 350px; height: 40px; margin: 0 0 50px 60px; cursor: pointer; }
.box2Tab .name { width: 470px; margin: 0 0 0 60px; }
.box2Tab .name dt { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
.box2Tab .name dd { font-size: 14px; }
.box2Tab .audio { display: none; }

.box3 { background: url(imagesb_3.jpg) no-repeat center top; clear: both; width: 100%; height: 641px; overflow: hidden; margin-bottom: 50px; position: relative; }
.box3 .leftArr { margin: -40px 0 0 -490px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box3 .rightArr { margin: -40px 0 0 450px; position: absolute; left: 50%; top: 50%; cursor: pointer; }
.box3 .icoBox { background: url(imagesb_2.gif) repeat-x left 5px; margin-left: 60px; position: absolute; left: 50%; bottom: 40px; }
.box3 .icoBox span { font-size: 20px; color: #000; background: url(imagesico_1.gif) no-repeat center top; text-align: center; display: inline-block; width: 90px; padding-top: 30px; cursor: pointer; }
.box3 .icoBox .cur { color: #FFF; }
.box3 .wrap { width: 980px; height: 641px; overflow: hidden; margin: 0 auto; position: relative; }
.box3Tab { height: 641px; overflow: hidden; }
.box3Tab li { color: #FFF; float: left; width: 980px; height: 641px; overflow: hidden; position: relative; }
.box3Tab li a { color: #FFF; }
.box3Tab .pic { position: absolute; left: 0; bottom: 0; }
.box3Tab .info { width: 470px; margin-left: 465px; padding-top: 110px; }
.box3Tab .info dt { font-size: 24px; line-height: 32px; }
.box3Tab .info dd { font-size: 16px; line-height: 32px; padding: 30px 0; }
.box3Tab .play { width: 350px; height: 40px; margin: 0 0 50px 465px; cursor: pointer; }
.box3Tab .name { width: 470px; margin: 0 0 0 465px; }
.box3Tab .name dt { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
.box3Tab .name dd { font-size: 14px; }
.box3Tab .audio { display: none; }

.audioBox { display: none; }

.footer { line-height: 24px; border-top: 1px solid #CCC; text-align: center; clear: both; width: 100%; padding: 20px 0; }
.footer .t { font-size: 16px; }
.footer .p { margin: 10px 0; }