@charset "utf-8";
/* CSS Document */
.banner { position:relative; text-align:center; z-index:1; }
.banner .hd { position:absolute; bottom:12px; width: 100%; z-index:9; }
.banner .hd ul { width:1100px; margin:0 auto; text-align:center; height:10px; }
.banner .hd ul li { display:inline-block; *display:inline;
zoom:1; width:8px; height:8px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; margin:0px 10px; border-radius:8px;border:2px solid #c8c7c5; }
.banner .hd ul .on { background-color:#5f784b;}
.banner .bd { position: relative; width:100%; height:auto; z-index:0; }
.banner .bd ul { height:auto !important; min-height:100px;_height:100px;}
.banner .bd ul li { position:relative; zoom:1; vertical-align:top; }
.banner .bd ul li img { vertical-align:top; border:0; width:100% !important; height: auto !important; }

.container {width:100%; }
.col-a{ width:1100px; margin:0 auto; padding-bottom:30px;}
.col-a .side{ float:left; width:376px;}
.col-a .min{ float:left; width:441px; margin-left:25px;}
.col-a .ex{ float:right; width:188px; margin-right:38px; margin-top:55px;}

.hTitle .hd{ margin:13px 0px;}
.hTitle .title{ float:left;}
.hTitle em{ float:left;font-size:16px; color:#02a0e9; line-height:30px; }
.hTitle  i{ font-size:12px; color:#a4a4a4; line-height:30px; padding-left:10px;}
.hTitle .more{float:right; font-size:10px; color:#02a0e9;line-height:30px;}
.col-a .side .hd{width:376px;}
.col-a .side .bd{width:376px;}
.col-a .bd  .m-pic{ float:left; position:relative;width:146px; margin-right:15px;}
.col-a .bd  .m-pic ul li { float:left; width:146px; height:101px; }

.col-a .bd  .m-pic .m-hd { position: absolute; right:0px; bottom:6px; z-index:9; }
.col-a .bd  .m-pic .m-hd ul { text-align:right;}
.col-a .bd  .m-pic .m-hd ul li { display: inline-block; zoom: 1; width:4px; height:4px; margin-right:5px; background:#b1461b; line-height: 999px; overflow: hidden; cursor: pointer;}
.col-a .bd  .m-pic .m-hd ul .on { background:#fff; width:4px; height:4px; }

.col-a .bd  .m-list { float:left; width:215px; overflow:hidden;}
.col-a .bd  .m-list li { padding-left:12px; background: url(icon123456.jpg) 2px center no-repeat; }
.col-a .bd  .m-list li a { display:block; color:#888888; font-size:12px; line-height:20px; }


.col-a .min .bd ul{}
.col-a .min .bd ul li{width:38px;height:101px;float:left;display:inline;overflow:hidden; background:url(col-a-bg12345.jpg) no-repeat right center;}
.col-a .min .bd ul .on{width:323px;}
.col-a .min .box{width:323px;}
.col-a .min  .txt{width:12px;height:101px;float:left;font-size:12px;padding:9px 13px 0 13px;}
.col-a .min  .txt a{ display:block;color:#656565; font-size:12px; }
.col-a .min  .txt a:hover{color:#02a0e9; background:url(icon123.jpg) no-repeat center bottom; padding-bottom:10px; }
.col-a .min  .txt a:hover{text-decoration:none;}
.col-a .min  .pic{float:left;}

.col-a .ex a{vertical-align:top;}

