﻿@charset "utf-8";
/* CSS Document */
html { overflow-x:inherit; /*background:#000; */}

/*******************banner_bg*******************/
.download_scroll_wrap {  width:1050px; height:406px; position:relative; margin:0 auto;}
.download_scroll_wrap > img {  width:100%; height:100%; position:absolute; left:0; top:0;}
/*******************banner*******************/
.picture_wrap{ /*width:1680px; height:900px;*/ width:1050px; height:406px; margin:0 auto; position:relative; /*top:50px;*/}
.picture_box { width:100%; height:100%; overflow:hidden; position:relative; margin-bottom:20px; }


/*淡入淡出*/
.picture_box.opacity ul{ position:relative; width:100%; height:100%;}
.picture_box.opacity ul li{ position:absolute; z-index:1; width:100%; height:100%;}
.picture_box.opacity ul li.active{ display:block; z-index:2;}
.picture_box.opacity ul li img{ width:100%; height:100%;}

/*横向滚动*/
.picture_box.slide ul{ position:relative; width:8000%; height:100%;}
.picture_box.slide ul li{ position:absolute; z-index:1; width:100%; height:100%;}
.picture_box.slide ul li.active{ display:block; z-index:2;}
.picture_box.slide ul li img{ width:100%; height:100%;}

/*层叠滚动-左*/
.picture_box.stack ul{ position:relative; width:8000%; height:100%;}
.picture_box.stack ul li{ position:absolute; z-index:0; width:461px; height:346px; top:30px; left:152px; cursor:pointer;}
.picture_box.stack ul li.active{ display:block; z-index:200;}
.picture_box.stack ul li img{ width:100%; height:100%;}


.picture_box .dlWrap { width:100%; left:0; bottom:10px; position:absolute; z-index:2; background:url(../images/in_banner_bg.png) no-repeat; text-align:center; }
.picture_box .dlWrap span{ background:url(../images/in_ddmenu.png) no-repeat; width:8px; height:7px; margin-left:5px; display:inline-block; cursor:pointer;}
.picture_box .dlWrap span.active{ background:url(../images/in_ddmenu.png) no-repeat -11px 0; } 

/*箭头*/
.picture_arrow_left { width:30px; height:60px; position:absolute; left:-64px; top:190px; background:url(../icon/case-left-ho.jpg) no-repeat; display:block;}
.picture_arrow_left:hover{background: url(../icon/case-left.jpg) no-repeat;}
.picture_arrow_right { width:30px; height:60px; position:absolute; right:-64px; top:190px; background:url(../icon/case-right.jpg) no-repeat; display:block;}
.picture_arrow_right:hover{background: url(../icon/case-right-ho.jpg) no-repeat;}
.picture_thum_left { width:30px; height:60px; position:absolute; left:-64px; top:10px; background:url(../images/picture_arrow_left.png) no-repeat; display:block; }
.picture_thum_right { width:43px; height:102px; position:absolute; right:-64px; top:10px; background:url(../images/picture_arrow_right.png) no-repeat; display:block; }

/*缩略图*/
.picture_thum_wrap,.picture_thum_box { width:100%; height:100%; position:relative; height:auto;}
.picture_thum_box {overflow:hidden; }
.picture_thum_wrap {  display:none;}
.picture_thum_box ul {  width:8000%; position:relative;}
.picture_thum_box ul li {  float:left; width:auto; height:auto; margin-right:5px;}
.picture_thum_box ul li a {  display:block; width:100%; height:100%; position:relative;}
.picture_thum_box ul li a img { width:100%; height:100%;}
.picture_thum_box ul li span {  display:block; width:100%; height:100%; background:url(../images/png_black.png) repeat; position:absolute;}
.picture_thum_box ul li.active span {  display:none;}
.picture_thum_wrap {  margin-bottom:30px; display:none;}
.pic_scroll_hand { width: 100%; border: 1px solid #fff; position:relative; height:8px; display:none; }
.pic_scroll_hand span { display:block; width:auto; height:10px; margin-top:-1px; position:absolute; background:#e15f45; left:0px; top:0; cursor:pointer;}

/*download*/
.picture_wrap_menu { position:absolute; right:48px; bottom:18px; z-index:200;}
.pic_top {  width:127px; height:77px; background:url(../images/bz_bg.png) no-repeat; margin-left:-36px; position:absolute; bottom:56px; display:none;}
.pic_top a {  display:block; line-height:34px; font-size:14px; color:#373737; text-align:center; font-family:Arial;}
.pic_top a.pic_top_border {  border-bottom:1px solid #d8d8d8;}
.pic_top a:hover { color:#e15f45; }
.pic_menu_circle {  cursor:pointer; position:relative;}
.pic_menu_circle:hover .pic_top {  display:block;}


.pic_top > div { display:none; }
.pic_top > div.active { display:block; }

.picture_text { position:absolute; left:20px; bottom:20px; font-size:18px; z-index:2000;}
.picture_text font {  color:#000; font-size:18px;}
.picture_text span {  color:#000; font-size:18px; }