@charset "utf-8";
/* CSS Document */
input:focus { outline:none; }
html, body,  span, img,  ul, li   { margin: 0px; padding: 0px; border: 0;  vertical-align: baseline; font-family: "微软雅黑"; text-decoration: none; list-style-type: none; }

.container{min-width: 1204px;}
.con {width:1204px; margin:auto;overflow: hidden; }


/*首页幻灯片新增加*/
.slider { width: 100%; min-width: 1204px; height: 360px; position: relative; overflow: hidden; background: #fff; text-align: center; }
.slider .bd { width: 1204px; position: absolute; left: 50%; margin-left: -602px }
.slider .bd li { width: 1204px; overflow: hidden; position: relative; }
.slider .bd li div { display: block; width: 1204px; height: 360px; position: relative }
.slider .bd li div span { color: #fff; background-color: #000; position: absolute; display: block; right: 30px; bottom: 50px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9; font-size: 14px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; }
.slider .bd li img { display: block; width: 1204px; height: 360px; }
.slider .bd li .text { position: absolute!important; z-index: 999 !important; text-align: left; height: 33px; font-size: 14px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9; display: block; color: #fff; float: left; line-height: 33px; padding: 0 20px; right: 100px; bottom: 100px; }
.slider .gd { position: absolute!important; z-index: 999 !important; text-align: left; height: 33px; font-size: 14px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9; display: block; color: #fff; float: left; line-height: 33px; padding: 0 20px; right: 0px; bottom: 0px; }
.slider .tempWrap { overflow: visible !important }
.slider .tempWrap ul { margin-left: -1204px !important; }
.slider .hd { position: absolute; width: 100%; left: 0; z-index: 1; height: 8px; bottom: 20px; text-align: center; }
.slider .hd li { display: inline-block; *display:inline; zoom: 1; width: 20px; height: 20px; line-height: 99px; overflow: hidden; cursor: pointer; filter: alpha(opacity=85); opacity: 0.85; background-image: url(ins_25.png); background-repeat: no-repeat; background-position: center center; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px;}
.slider .hd li.on { filter: alpha(opacity=100); opacity: 1; background-image: url(ins_27.png); background-position: center center; }
.slider .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 360px; cursor: pointer; }
.slider .prev { left: -50%; margin-left: -602px; }
.slider .next { left: 50%; margin-left: 602px; }
.slider .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 360px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.slider .pnBtn .arrow { display: none; position: absolute; top: 0; z-index: 1; width: 60px; height: 360px; }
.slider .pnBtn .arrow:hover { filter: alpha(opacity=60); opacity: 0.6; }
.slider .prev .arrow { right: 0; background-image: url(ins_14.png); background-repeat: no-repeat; background-position: center center; }
.slider .next .arrow { left: 0;  background-image: url(ins_17.png); background-repeat: no-repeat; background-position: center center; }