/*******************banner_bg*******************/ .download_scroll_wrap { width:1660px; height:694px; position:relative; margin:0 auto;} .download_scroll_wrap > img { width:100%; height:100%; position:static; left:0; top:0;} /*******************banner*******************/ .picture_wrap1{ /*width:1680px; height:900px;*/ width:1660px; height:694px; margin:0 auto; position:relative; top:0px;} .picture_wrap2{width:672px; height:443px; margin:0 auto; position:relative; top:0px; margin-bottom:3px;} .picture_box { width:100%; height:100%; overflow:hidden; position:relative; margin-bottom:20px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .picture_box1{ margin-bottom:0;} /*淡入淡出*/ .picture_box.opacity ul{ position:relative; width:100%; height:100%;} .picture_box.opacity ul li{ position:static; z-index:1; width:100%; height:100%; cursor:pointer;} .picture_box.opacity ul li.active{ display:block; z-index:2;} .picture_box.opacity ul li img{ width:100%; height:100%;} .picture_box.opacity ul li > span { display:block; width:100%; height:100%; position:static; left:0; top:0; } .picture_box.opacity ul li > span img { width:100%; height:100%; } /*横向滚动*/ .picture_box.slide ul{ position:relative; width:8000%; height:100%;} .picture_box.slide ul li{ position:static; 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:static; z-index:0; width:480px; height:480px; top:0px; left:140px; cursor:pointer;} .picture_box.stack ul li.active{ display:block; z-index:200;} .picture_box.stack ul li img{ width:100%; height:100%;} /*side*/ .picture_box.side ul{ position:relative; width:8000%; height:100%; left:auto;} .picture_box.side ul li{ position:relative; z-index:0; width:600px; height:400px; float:left; cursor:pointer; margin-right:100px;} .picture_box.side ul li.active{ display:block; z-index:200;} .picture_box.side ul li img{ width:100%; height:100%;} /*stack2*/ .picture_box.stack2 ul{ position:relative; width:100%; height:100%;} .picture_box.stack2 ul li{ position:static; z-index:0; width:400px; height:300px; top:0px; left:300px; margin-left:0px; cursor:pointer;} .picture_box.stack2 ul li.active{ display:block; z-index:200;} .picture_box.stack2 ul li img{ width:100%; height:100%;} /*******************************/ .picture_box.stack2 ul li p{ line-height:24px; color:#fff; text-align:center; width:100%;} .picture_box .dlWrap { width:100%; left:0; bottom:10px; position:static; 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_wrap1 .picture_arrow_left { width:43px; height:102px; position:static; left:10%; top:50%; margin-top:-51px; background:url(../images/picture_arrow_left.png) no-repeat 0 0; display:block; z-index:300; } .picture_wrap1 .picture_arrow_right { width:43px; height:102px; position:static; right:10%; top:50%; margin-top:-51px; background:url(../images/picture_arrow_right.png) no-repeat 0 0; display:block; z-index:300;} .picture_wrap2 .picture_arrow_left { width:34px; height:34px; position:static; right:34px; bottom:0px; background:url(../images/left_menu.jpg) no-repeat 0 0; display:block; z-index:200; } .picture_wrap2 .picture_arrow_right { width:34px; height:34px; position:static; right:0px; bottom:0px; background:url(../images/left_menu.jpg) no-repeat left -34px; display:block; z-index:200;} .picture_wrap2 .picture_arrow_left.active { background:url(../images/left_menu.jpg) no-repeat -34px -34px; } .picture_wrap2 .picture_arrow_right.active { right:0px; bottom:0px; background:url(../images/left_menu.jpg) no-repeat -34px 0;} .picture_thum_left { width:43px; height:102px; position:static; left:-64px; top:10px; background:url(../images/picture_arrow_left.png) no-repeat; display:block; } .picture_thum_right { width:43px; height:102px; position:static; 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:static;} .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:static; background:#e15f45; left:0px; top:0; cursor:pointer;} /*download*/ .picture_wrap_menu { position:static; 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:static; 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:static; 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; } .change_link{ display:none;} /*@media only screen and (max-width: 1279px) { .in_banner{margin-left:-640px;} .in_banner,.picture_wrap1{ width:1279px; height:534px;} .picture_wrap2{width:908px; height:623px;} .normal_link{ display:none;} .change_link{ display:block;} } @media only screen and (max-width: 1023px) { .in_banner{margin-left:-512px;} .in_banner,.picture_wrap1{ width:1023px; height:427px;} .picture_wrap2{width:740px; height:488px;} } @media only screen and (max-width: 768px) { .in_banner{margin-left:0; left:0;} .in_banner,.picture_wrap1{ width:100%; height:auto;} .header_top{ width:100%; left:0; margin:0; font-size:14px; height:auto; line-height:40px;} .header_top_wrap{ overflow:hidden;} .picture_wrap2{ width:100%; height:auto;} }*/