/*
 author: Chen Wei wei
 create date: Aug 01 2013
 email: waychanmail@gmail.com
*/

.index { height: auto; overflow-y: auto; overflow-x: hidden; _zoom: 1; clear: both; }

.index .thumbnail { position: relative; height: 454px; border: dashed 0px #00f; font-size: 0; }
.index .thumbnail div.slidebox { height: 454px; width: 100%; border: none; }

.index .thumbnail .circle { position: absolute; left: 30px; bottom: 70px; width: 270px; height: 85px; z-index: 9; border: dashed 0px #00f; }
.index .thumbnail .circle a { display: block; width: 85px; height: 84px; float: left; margin: 0 2px; background: url(images/index_circle.png) no-repeat center 0; _background: url(images/index_circle_png8.png) no-repeat 0 0; text-align: center; }
.index .thumbnail .circle a:hover, .index .thumbnail .circle a.active { background-position: center -83px; text-decoration: none; }
.index .thumbnail .circle a span { display: block; padding: 40px 0 0 0; font-weight: bold; color: rgb(0,84,135); background: url(images/index_circle.png) no-repeat center 0; _background: url(images/index_circle_png8.png) no-repeat 0 0; }
.index .thumbnail .circle a span.circle1 { background-position: center -165px; }
.index .thumbnail .circle a span.circle2 { background-position: center -215px; }
.index .thumbnail .circle a span.circle3 { background-position: center -260px; }


.index h2 { border: dashed 0px #00f; display: inline-block; position: absolute; height: 25px; }

/*--------------------------------康宏首页--------------------------------*/
.switch-nav a{
background-color:#000 !important;
filter:alpha(opacity=30) !important; 
-moz-opacity:0.3 !important; 
opacity:0.3 !important;
border-color: #ddd !important;
}
.index .index_convoy { height: 315px; position:relative}

.index .index_convoy .switch-nav {position: absolute; top: 150px; z-index: 2; width:100%;left:0px;}
.index .index_convoy  .switch-nav .i-prev {background-image: url(images/bg.png); background-position: -127px 0; }
.index .index_convoy .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px;float:left; }
.index .index_convoy  .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; float:right;}
.index .index_convoy  .switch-nav .i-next { background-image: url(images/bg.png); background-position: -144px 0; }
.index .index_convoy  .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.index .index_convoy  .switch-nav a:hover { background: rgba(0,0,0,.2); }

.index .index_convoy h2 a { color: rgb(1,84,135); font: bold 18px/1 'Microsoft Yahei' , 'Simhei'; letter-spacing: 2px; }

.index .index_convoy1 { width: 315px; height: 185px; background: rgb(201,220,94) url(images/index_convoy1.jpg) no-repeat right bottom; position: relative; }
.index .index_convoy1 h2 { left: 30px; top: 60px; }

.index .index_convoy2 { float: left; width: 265px; height: 135px; background: url(images/index_convoy2.jpg) no-repeat right bottom; position: relative; }
.index .index_convoy2 h2 { left: 20px; bottom: 20px; }

.index .index_convoy3 { float: left; width: 210px; height: 135px; background: rgb(201,220,94) url(images/index_convoy3.jpg) no-repeat right bottom; position: relative; }
.index .index_convoy3 h2 { left: 40px; top: 106px; }

.index .index_convoy7 { float: left; width: 210px; height: 135px; background: url(images/index_convoy7.jpg) no-repeat 2px bottom; position: relative; }
.index .index_convoy7 h2 { left: 10px; top: 76px; }
.index .index_convoy7 .content { position: absolute; width: 210px; left: 9px; bottom: 10px; font-size: 16px; font-weight: bold; }

.index .index_convoy4 { float: left; width: 315px; height: 130px; background: url(images/index_convoy4.jpg) no-repeat 2px bottom; position: relative; }
.index .index_convoy4 h2 { left: 10px; top: 40px; }

.index .index_convoy4 .content { float: right; width: 210px; padding: 20px 0; }
.index .index_convoy4 .content h4 { float: left; font: bold 20px/1 'Microsoft Yahei'; height: 20px; }
.index .index_convoy4 .content span { float: left; padding: 5px 0 0 15px; color: #090; font-weight: bold; background: url(images/index_convoy_icon.gif) no-repeat 0 0; }
.index .index_convoy4 .content span.up { background-position: 4px 8px; }
.index .index_convoy4 .content span.down { background-position: 4px -18px; }
.index .index_convoy4 .content p { clear: both; color: rgb(128,130,132); line-height: 1.5; }

.index .index_convoy5 { float: left; width: 365px; height: 180px; background: url(images/index_convoy5.jpg) no-repeat right bottom; position: relative; }
.index .index_convoy5 h2 { left: 30px; top: 30px; }
.index .index_convoy5 ul { border: dashed 0px #00f; width: 200px; position: absolute; top: 75px; left: 50px; }
.index .index_convoy5 ul li { border: dashed 0px #0f0; background: url(images/index_convoy_icon.gif) no-repeat 0 -43px; padding: 0 0 0 15px; }
.index .index_convoy5 ul li a { line-height: 25px; color: #000; }

.index .index_convoy6 { float: left; width: 318px; height: 180px; background: url(images/index_convoy6.jpg) no-repeat right bottom; position: relative; }
.index .index_convoy6_flash { float: left; width: 312px; height: 174px; background:rgb(201,220,94); filter:alpha(opacity:30); position: absolute; }

/*------------------------------理财.理人生--------------------------------*/
.index .index_life { height: 315px;  position:relative}

.index .index_life .switch-nav {position: absolute; top: 150px; z-index: 2; width:100%;left:0px;}
.index .index_life  .switch-nav .i-prev {background-image: url(images/bg.png); background-position: -127px 0; }
.index .index_life .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; float:left; }
.index .index_life  .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; float:right;}
.index .index_life  .switch-nav .i-next { background-image: url(images/bg.png); background-position: -144px 0; }
.index .index_life  .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.index .index_life  .switch-nav a:hover { background: rgba(0,0,0,.2); }

.index .index_life h2,.index .index_life h2 a { color: rgb(1,84,135); font: bold 19px/1 'Microsoft Yahei' , 'Simhei'; letter-spacing: 2px; }

.index .index_life1 { float: left; width: 500px; height: 157px; background: url(images/index_life1.jpg) no-repeat right center; position: relative; }
.index .index_life1 h2 { left: 20px; top: 20px; }
.index .index_life1 .content { position: absolute; top: 50px; left: 20px; width: 230px; }
.index .index_life1 .content p { line-height: 25px; }
.index .index_life1 .content p a { padding: 5px 0 0 0; color: rgb(0,0,0); }


.index .index_life2 { float: left; width: 500px; height: 157px; background: rgb(201,220,94) url(images/index_life2.png) no-repeat right center; position: relative; }
.index .index_life2 h2 { left: 50px; top: 20px; }
.index .index_life2 .content { position: absolute; top: 50px; left: 130px; width: 160px; }
.index .index_life2 .content p { line-height: 25px; letter-spacing: 2px; }
.index .index_life2 .content a { color: rgb(0,0,0); }

.index .index_life3 { float: left; width: 500px; height: 158px; background: rgb(201,220,94) url(images/index_life3.jpg) no-repeat left center; position: relative; }
.index .index_life3 h2 { right: 140px; top: 20px; }
.index .index_life3 .content { position: absolute; top: 60px; right: 30px; width: 160px; }
.index .index_life3 .content p { line-height: 25px; letter-spacing: 2px; }
.index .index_life3 .content a { color: rgb(0,0,0); }

.index .index_life4 { float: left; width: 500px; height: 158px; background: url(images/index_life4.jpg) no-repeat left center; position: relative; }
.index .index_life4 h2 { left: 130px; top: 20px; }
.index .index_life4 .content { position: absolute; top: 50px; left: 150px; width: 240px; }
.index .index_life4 .content p, .index .index_life4 .content p a { color: #000; letter-spacing: 0px; font: normal 15px/2 'Microsoft Yahei','Times New Roman' , 'Symbol'; }
.index .index_life4 .content p a { font: 15px/2 'Microsoft Yahei' , 'Symbol'; letter-spacing: 0px; color: rgb(1,84,135);}
.index .index_life4 .content p a:hover { text-decoration: none; color: rgb(149,172,38); }
.index .index_life4 .content2 { position: absolute; bottom: 20px; right: 10px; width: 115px; height: 20px; padding: 20px 0 0 0; border: dashed 0px #f00; text-align: right; background: url(images/index_life4_1.jpg) no-repeat 0 0; }
.index .index_life4 .content2 a { color: rgb(1,84,135); }


/*--------------------------------金融超市--------------------------------*/
.index .index_market { height: 315px; }

.index .index_market h2 a { color: rgb(1,84,135); font: bold 19px/1 'Microsoft Yahei' , 'Simhei'; letter-spacing: 2px; }

.index .index_market1 { float: left; width: 500px; height: 315px; background: url(images/index_market1.jpg) no-repeat 10px bottom; position: relative; }
.index .index_market1 h2 { left: 190px; top: 20px; }
.index .index_market1 .content { position: absolute; top: 70px; left: 200px; width: 290px; }
.index .index_market1 .content p { display: inline-block; line-height: 1.5; letter-spacing: 2px; padding: 0 0 15px 0; }
.index .index_market1 .content p a { display: inline-block; float: right; color: rgb(1,84,135); border: dashed 0px #00f; _margin-top: -18px; }

.index .index_market2 { float: left; width: 500px; height: 315px; background: rgb(201,220,94) url(images/index_market2.jpg) no-repeat center bottom; position: relative; }
.index .index_market2 a{display:block;margin:72px 0 0 133px;width:215px;height:66px;font: bold 28px/66px 'Times New Roman';text-align:center;color:rgb(1,84,135);}