@charset "utf-8";
/* CSS Document */
/* css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:2px; border:0; }
th, td{word-break:break-all; word-wrap:break-word;}
caption { text-align:left; font-weight:bold; font-size:12px; }
img { border:0; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, button, textarea, select, optgroup, option {  font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;
}
strong, b{ font-weight:bold; }
body, html{ height:100%;}
/* end reset */
/* start base */
/* =body= */
body {font-size:12px;  color:#212121; background:#527ea7; background:url(../images/header_bg.png) repeat-x left top;min-width:1000px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");}
/* =link= */
a { text-decoration:none; color:#666;}
a:hover{ text-decoration:none;}
.show { display:block; }
.hide { display:none; }
/* ==float clear== */
.fix { clear:both; *zoom:1;}
.fix:after{ display:block; clear:both; visibility:hidden; height:0; content:""; overflow:hidden; }
/* ==margin,padding== */
/* end base */

.story_main{ width:930px; margin:27px auto 0;}
.part_01{ border-bottom:solid 3px #e9eaea;}
.asidebar{ float:left; width:208px; height:250px; color:#fff; background:url(../imgs/aside_bg.png) no-repeat 48px 26px #c41230; padding-top:65px; position:relative; z-index:999;}
.asidebar ul li{ float:left; width:100%; height:25px; line-height:25px; margin-top:22px;  text-align:right; position:relative; }
.asidebar ul li a{ font-size:14px; color:#fff;display:block;padding-right:26px; cursor:pointer; }
.asidebar ul li a:hover, .asidebar .current{background:#e43054; }
.asidebar ul li em{ width:13px; height:25px; background:url(../imgs/sanjx.png) no-repeat; position:absolute; left:208px; top:0px; display:none;}
.asidebar .on em, .asidebar .current em{ display:block;}
.desc_mid{ float:left; width:435px; height:263px; overflow:hidden; margin-top:27px; color:#666666; display:inline;}
.mr_32{ margin-right:32px;}
.desc_mid p{ line-height:24px; padding-bottom:25px;}

.scr_con { position:relative; width:435px;}
#dv_scroll{position:absolute;height:263px;overflow:hidden;width:406px;}
 *#dv_scroll{position:absolute;height:263px;overflow:hidden;width:406px; top:0; left:0}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;right:-10px;top:0px;width:14px;height:263px;border-left:1px solid #e2e2e2;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:1px;top:0px;width:14px;height:263px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-5px;top:0;width:9px;height:48px; overflow:hidden; background: url(../imgs/srcoll.png) no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}
.pgy_img{ float:right; width:243px;}
.part_02{ }
.story_map{ float:left; width:484px; height:395px; background:url(../imgs/story_map.jpg) no-repeat;}
.story_map p{ padding:199px 0 0 311px; color:#666666; line-height:24px;}
.story_map p .red{ color:#c41230; font-weight:bold;}
.story_img{ float:left; width:446px;}
.story_img img{ height:171px; overflow:hidden;}
.story_img p{ line-height:24px; color:#666666; padding:21px 0 0 28px;}
.part_03 .tits{ float:left; width:37px; height:211px; background:url(../imgs/gcal.png) no-repeat;}
.part_03 .scroll_main{ float:left; width:893px; height:211px; overflow:hidden;}
/*--------------------------------------------------
Blocchi Espandibili
--------------------------------------------------*/
.row {
    position: relative;
}
.cf:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.cf {
    display: block;
}
.blocchi_espandibili {height:211px; overflow:hidden;}
.blocchi_espandibili .wrapper {overflow:hidden; width:200%; height:211px;}
.blocchi_espandibili .titolo {margin:-15px 0 10px 0; font-size:18px; color:#c41230;}
.blocchi_espandibili p{ color:#000; line-height:22px;  font-size:12px;}
.blocco_singolo {float:left; width:16.5%; height:211px; overflow:hidden; cursor:pointer; position:relative; z-index:1;}
.blocco_singolo .freccia_blocco {position:absolute; z-index:1; top:27px; left:302px; width:9px; height:17px; background:url(../imgs/ss.png) no-repeat top right; display:none;}
.blocco_singolo.open .freccia_blocco{ display:block;}
.blocco_singolo .singolo_wrap {height:211px; overflow:hidden; width:665px;}
.blocco_singolo .freccia_blocco.active {background-position:top left;}
.blocco_singolo.notactive .freccia_blocco {right:0;}
.blocco_singolo .fire {float:left; height:211px; overflow:hidden; width:310px;}
.blocco_singolo .fire img {height:100%; width:auto; border:1px solid #E5E5E5;}
.blocco_singolo .blocco_testo {float:left; padding:20px; font-size:11px; width:308px; display:block; background:#e2e2e2; height:170px;}
.blocco_singolo .blocco_testo p{ padding-top:40px;}
.jianjie_img{ float:left; width:721px; height:315px; overflow:hidden;}
.brand_imgs{ padding:24px 0 32px 14px; height:79px; overflow:hidden;}
.story_info .flt{ float:left; width:624px;}
.story_p{ line-height:24px; color:#58585b; padding:0 26px;}
.story_p p{ padding-top:34px;}
.stoyr_other{ padding-top:52px;}
.gry_bg{ float:left; width:310px; height:364px; overflow:hidden; background:#f3f3f3;}
.frt{ float:right;}
.story_info .frt_desc{ float:right; width:302px; }
.frt_desc .gry_bg{width:302px;height:248px; }
.event_bags{ width:930px; position:relative;}
.event_bar{ position:absolute; left:0top; top:0px;}
.event_box{ width:721px; height:511px; }
.event_banner{padding-left:208px; width:721px; height:315px; overflow:hidden; position:relative; background:url(../imgs/dashiji.jpg) no-repeat right top;}
.event_banner ul li{ float:left; width:721px; height:315px; position:relative;}
.event_desc{ width:178px; height:220px; position:absolute; right:0px; top:0px; text-align:right;background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);color:#fff; line-height:24px; font-size:14px;padding-top:95px; padding-right:64px; }
.event_desc span{ font-size:30px; font-weight:bold; }
.event_year{ width:922px; height:196px; background:url(../imgs/year.jpg) no-repeat; padding-top:35px; padding-left:8px;}
.year{ display:block;}
.event_year ul li{ float:left; width:60px; color:#666666; font-size:14px; text-align:center; cursor:pointer;}
.event_year .on{ color:#c41230; font-weight:bold;}
.btn_prev, .btn_next{ width:26px; height:53px; position:absolute; cursor:pointer; background:url(../imgs/js_btn.png) no-repeat; top:128px;}
.btn_prev{ left:234px;}
.btn_next{ right:17px; background-position:-28px 0;}


.location{height: 60px; line-height: 60px; font-size:14px; }
.location a:hover{ color:#b8022a;  font-size:inherit;}
.location span{ padding: 0 10px;}