﻿
/* banner */
.index_banner{ width:100%; height:450px; overflow:hidden;}
ul, ol, li, dl, dt, dd {list-style-type: none;margin:0px;padding:0px;}

#focus {height: 450px;overflow: hidden;position: relative;width: 100%;}
#focus ul {height: 450px;position: absolute;}
#focus ul li {background: none repeat scroll 0 0 #fff;float: left;height: 450px;overflow: hidden;position: relative;}
#focus ul li a {display: block;height: 450px;width: 100%;}
#focus ul li a.fban-1 {background: url(../image/b1.jpg) no-repeat center;}
#focus ul li a.fban-2 {background: url(../image/b2.jpg) no-repeat center;}
#focus ul li a.fban-3 {background: url(../image/b3.jpg) no-repeat center;}
#focus ul li div {overflow: hidden;position: absolute;}
#focus .btnBg {background: none repeat scroll 0 0 #fff;bottom: 0;height: 20px;left: 0;position: absolute; width: 800px;}
#focus .btn {bottom: 30px;height: 12px;position: absolute;right: 0;text-align: center;}
#focus .btn span {background: none repeat scroll 0 0 #000;cursor: pointer;display: inline-block;height:10px;margin-left: 5px;overflow: hidden;width: 10px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
#focus .btn span.on {background: none repeat scroll 0 0 #ff6600;}
.focus-hover .preNext {display: block;}
#focus .pre {left: 0;}
#focus .next {background-position:-89px -1051px;right: 0;}
#focus .prehover {background-position:-8px -1161px;}
#focus .nexthover {background-position:-89px -1161px;}
