@charset "gb2312";
/* CSS Document */
body{ font-family:'微软雅黑'; font-size:14px; text-align:center}
*{ margin:0px; padding:0px}
a,a:hover{ text-decoration:none}
em{ font-style:normal}
ul{ list-style:none}
.clear{ clear:both}
img{ border:none; vertical-align:top}
.header{ background:url(imageswgheader.gif) no-repeat center center; height:87px; overflow:hidden}
.header .middle{ width:96%; margin:auto; text-align:left}
.header .logo{ float:left; display:block; margin-top:5px}
.header .home{float:right;color:#fff;font-size:18px;text-align:left;font-weight:300;width:147px;height:50px;display:block;border: 1px solid #9cdefc;line-height:50px;margin-top:18px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 2px rgba(181,181,181,0.75);-moz-box-shadow:0px 0px 2px rgba(181,181,181,0.75);box-shadow:0px 0px 2px rgba(181,181,181,0.75);background: #27b8fe;}
.header .home span{ display:block; height:50px; background:url(imageswghome.png) no-repeat 23px center; padding-left:57px}
.footer{background: #1c83ff;text-align:center;color:#fff;padding:20px 0px 40px;border: 0px;}
.footer p{ margin-bottom:4px}
.footer a{ color:#fff; margin:0px 15px}
.footer span{ margin:0px 15px}

.main{height: 615px;}
.main .main_left{width: 55%;float:left;background:#e8f0fb;min-height: 277px;text-align:left;}
.main .main_left .time{line-height: 25px;overflow:hidden;padding: 13px 15px 4px 10px;position:relative;}
.main .main_left .time .l_box{text-align: left;}
.main .main_left .time .ltitle{color:#0363c6;font-weight:bold;margin-right:5px;margin-top: 3px;}
.main .main_left .time .r_box{ position:relative; padding-left:55px; display:block}
.main .main_left .time .rtitle{ color:#717171; font-weight:bold; margin-right:5px; margin-left:15px; position:absolute; left:0px; top:0px}
.main .main_left .time  li{cursor:pointer;background:#f10a97;width: 15px;display:inline-block;margin: 0px 10px 0px 0px;height: 15px;line-height: 22px;color:#fff;font-weight:bold;text-align:center;float: left;}
.main .main_left .time  .current{background:#1e8cff;}
.main .main_left .time  li p{display: none;}
.main .main_left .time  .current p{display: block;width: 46px;z-index: 9999;margin-left: -14px;position: absolute;height: 21px;color: #fff;line-height: 18px;text-align: center;font-weight: normal;top: 1px;background: url("../images/title.png");}
.main .main_left img{ width:100%}
.main .main_right{width: 45%;f;float: right;text-align: left;background:#fff;}
.main .main_right .future_tit{background:url("imageswg02.png");height:42px;border-bottom:2px solid #dcdcdc;border-left: 1px solid #dfe2e9;}
.main .main_right .future_tit a{float:left;height:42px;line-height:42px;float:left;font-size:15px;color:#444;font-weight:600;padding: 0px 3%;}
.main .main_right .future_tit .current{background:url("imageswg01.png");border-bottom:2px solid #0363c6; color:#fff;}
.main .main_right .future_text{padding-top: 18px;}
.main .main_right .future_text .title{color: #0d71ec;font-size: 14px;font-weight:bold;border-left: 3px solid #0d71ec;height:17px;line-height:16px;padding-left: 5px;margin-bottom:15px;margin-left: 10px;}
.main .main_right .future_text .date{/background:;padding-top: 7px;height: 20px;background: #eaf5fd;}
.future_text .date .date_list{width:100%;background: #eaf5fd;}
.future_text .date .date_list span{float:left;text-align:center;height: 20px;font-weight: bold;background: #eaf5fd;}

.main .main_right .future_text dl{ position:relative; height:500px; padding-left:60px}
.main .main_right .future_text dd{ width:100%}
.main .main_right .future_text dd span{ width:4.7619%; float:left; display:block; height:605px; border-right:1px dotted #eee; box-sizing:border-box}
.future_text .future .box{position:relative;width: 10%;float:left;height: 530px;text-align: center;background: #eaf5fd;
@charset"utf-8";  /* CSS Document */
body{ font-family: '微软雅黑';font-size:14px;text-align:center;}  
*{margin:0px;padding:0px;}a,a:hover{ text-decoration:none;}
em{ font-style:normal;}
ul{ list-style:none;}  
.clear{clear:both;}
img{ border:none;vertical-align:top;}  
.header{background:url(imageswgheader.gif) no-repeat center center;height:87px;overflow:hidden;}
.header .middle{width:96%;margin:auto;text-align:left;}  
.header .logo{float:left;display:block;margin-top:5px;}  
.header .home{float:right;color:#fff;font-size:18px;text-align:left;font-weight:300;width:147px;height:50px;display:block;border: 1px solid #9cdefc;line-height:50px;margin-top:18px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 2px rgba(181,181,181,0.75);-moz-box-shadow:0px 0px 2px rgba(181,181,181,0.75);box-shadow:0px 0px 2px rgba(181,181,181,0.75);background: #27b8fe;}
.header .homespan{display:block;height:50px;background:url(imageswghome.png) no-repeat 23px center;padding-left:57px;}  
.footer{background: #1c83ff;text-align:center;color:#fff;padding:20px 0px 40px;border: 0px;}  
.footerp{margin-bottom:4px;}  
.footera{color:#fff;margin:0px 15px;}  
.footerspan{margin:0px 15px;}    
.main{height: 615px;}  
.main .main_left{width: 55%;float:left;background:#e8f0fb;min-height: 277px;text-align:left;}  
.main .main_left .time{line-height:32px;overflow:hidden;padding: 12px 15px 4px 10px;position:relative;}  
.main .main_left .time .l_box{text-align: left;}  
.main .main_left .time .ltitle{color:#0363c6;font-weight:bold;margin-right:5px;}  
.main .main_left .time .r_box{position:relative;padding-left:55px;display:block;}  
.main .main_left .time .rtitle{color:#717171;font-weight:bold;margin-right:5px;margin-left:15px;position:absolute;left:0px;top:0px;}  
.main .main_left .timeli{cursor:pointer;background:#f10a97;width: 15px;display:inline-block;margin: 0px 10px 10px 0px;height: 15px;line-height: 22px;color:#fff;font-weight:bold;text-align:center;}  
.main .main_left .time  .current{background:#1e8cff;}  
.main .main_left .timelip{display: none;}  
.main .main_left .time  .currentp{display: block;width: 46px;margin-left: -14px;position: fixed;height: 21px;color: #fff;line-height: 18px;text-align: center;font-weight: normal;top: 90px;background: url("imageswgtitle.png");}  
.main .main_leftimg{width:100%;}  
.main .main_right{width: 45%;f;float: right;text-align: left;background:#fff;}  
.main .main_right .future_tit{background:url("imageswg02.png");height:42px;border-bottom:2px solid #dcdcdc;border-left: 1px solid #dfe2e9;}  
.main .main_right .future_tita{float:left;height:42px;line-height:42px;float:left;font-size:15px;color:#444;font-weight:600;padding: 0px 3%;} 
.main .main_right .future_tit .current{background:url("imageswg01.png");border-bottom:2px solid #0363c6;color:#fff;} 
.main .main_right .future_text{padding-top: 18px;}  
.main .main_right .future_text .title{color: #0d71ec;font-size: 14px;font-weight:bold;border-left: 3px solid #0d71ec;height:17px;line-height:16px;padding-left: 5px;margin-bottom:15px;margin-left: 10px;}  
.main .main_right .future_text .date{background:;padding-top: 7px;height: 20px;background: #eaf5fd;}  
.future_text .date .date_list{width:100%;background: #eaf5fd;}  
.future_text .date .date_listspan{float:left;text-align:center;height: 20px;font-weight: bold;background: #eaf5fd;}span {;}  
.main .main_right .future_textdl{position:relative;height:500px;padding-left:60px;}  
.main .main_right .future_textdd{width:100%;}  
.main .main_right .future_textddspan{width:4.7619%;float:left;display:block;height:605px;border-right:1px dotted #eee;box-sizing:border-box;}  
.future_text .future .box{position:relative;width: 10%;float:left;height: 530px;text-align: center;background: #eaf5fd;}  
.future_text .future .box .time{position:absolute;left:0px;top:25px;height:30px;border-bottom: 1px solid #ddd;z-index:9;}  
.future_text .future .box .time1{position:absolute;left:0px;width:100%;top: 35px;height: 25px;border-bottom: 1px solid #fff;z-index:9;}  
.future_text .future .box .time .time_box{position:relative;}  
.future_text .future .box .time .time_box .tit{position:absolute;left:0px;top:0px;}  
.future_text .future .box .time .time_box .listspan{float:left;display:block;text-align: center;font-size:12px;color:#497bc0;}  
.future_text .future .box .qw1{position:absolute;left:0px;top: 45px;width:100%;height:125px;border-bottom: 1px solid #fff;z-index:9;}  
.future_text .future .box .qw{position:absolute;left:0px;top:60px;height:125px;border-bottom: 1px solid #ddd;z-index:9;}  
.future_text .future .box .qw_box{position:relative;}  
.future_text .future .box .qw_box .tit{padding-top: 50px;text-align: center;}  
.future_text .future .box .qw_box .qw_img{text-align:center;}  
.future_text .future .box .qw_boximg{width:94%;} 
   /* stylesheet for demo and examples */  
   .showcase{width: 90%;float: right;  }    
   #examples {overflow: hidden;  }   
    #examples>hr {   margin: 20px 10px;  }    
    .rightcontent {overflow: hidden;position: relative;height: 400px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }    
    .rightcontent.hidden {display: none;  }    
    .showcase #content-8.rightcontent {width: 100%;height: 530px;  }    
    .showcase #content-8.rightcontent .cnt {width: 100%;height: 640px;  }    
    .showcase #content-8.rightcontenthr+.cnt {margin-top: 30px;  }    
    .showcase #content-8.rightcontent .cnt:nth-child(3n+1) {width: 100%;clear: both;  }    
    .BMap_cpyCtrl {display: none;  }    
    .anchorBL {display: none;  }   
     #datetimespan {cursor: pointer;  }    
     #historyHour {cursor: pointer;  }    
     .showcase #content-8.rightcontent .cnt .time {position: absolute;left: 0px;width: 100%;top: 30px;height: 30px;z-index: 9;background: #f0f8fe;  }    
     .showcase #content-8.rightcontent .cnt .qw1 {position: absolute;height: 110px;  }  
     .showcase #content-8.rightcontent .cnt .qw2 {position: absolute;height: 115px;  }    
     .showcase #content-8.rightcontent .cnt .qw3 {position: absolute;height: 125px;  } 
     .showcase #content-8.rightcontent .cnt .qw4 {position: absolute;height: 125px;  }  
     #hoursp{float: left;text-align: center;display: block;font-size: 12px;color: #497bc0;  }  
     #container{margin:0px;height: 528px;width: 99.6%;border: 1px solid #ccc;}  
     :focus {outline:inherit;  } 
      #datetime{padding-top: 10px;margin-left: 10px;} 
       #dateTitle{min-width: 100px;}  
       .div-b{background:#000;width: 0px;position: absolute;height: 470px;top: 240px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.1;}   
       /* 播放样式 */  .time .play{background: url("imagesplay1.png");width: 15px;height: 15px;}  
       .time .stopplay {background: url("imagesplay2.png");width: 15px;height: 15px;}border: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.future_text .future .box .time{position:absolute;left:0px;top:25px;height:30px;border-bottom: 1px solid #ddd;z-index:9;}
.future_text .future .box .time1{position:absolute;left:0px;width:100%;top: 35px;height: 25px;border-bottom: 1px solid #fff;z-index:9;}
.future_text .future .box .time .time_box{position:relative;}
.future_text .future .box .time .time_box .tit{ position:absolute; left:0px; top:0px}
.future_text .future .box .time .time_box .list span{float:left;display:block;text-align: center;font-size:12px;color:#497bc0;}
.future_text .future .box .qw1{position:absolute;left:0px;top: 45px;width:100%;height:125px;border-bottom: 1px solid #fff;z-index:9;}
.future_text .future .box .qw{position:absolute;left:0px;top:60px;height:125px;border-bottom: 1px solid #ddd;z-index:9;}
.future_text .future .box .qw_box{position:relative;}
.future_text .future .box .qw_box .tit{padding-top: 50px;text-align: center;}
.future_text .future .box .qw_box .qw_img{text-align:center}
.future_text .future .box .qw_box img{ width:94%}

/* stylesheet for demo and examples */
.showcase{
	width: 90%;
	float: right;
	border-bottom: 1px solid #ddd;
}

#examples {
	/* padding: 5px; */
	/* margin: 10px 0; */
	overflow: hidden;
}

#examples>hr {
	margin: 20px 10px;
}

.rightcontent {
	overflow: hidden;
	position: relative;
	height: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rightcontent.hidden {
	display: none;
}

.showcase #content-8.rightcontent {
	width: 100%;
	height: 530px;
}

.showcase #content-8.rightcontent .cnt {
	width: 100%;
	height: 640px;
}

.showcase #content-8.rightcontent hr+.cnt {
	margin-top: 30px;
}

.showcase #content-8.rightcontent .cnt:nth-child(3n+1) {
	width: 100%;
	/* background: #eaf5fd; */
	clear: both;
}

#datetime span {
	cursor: pointer;
}

#historyHour {
	cursor: pointer;
}

.showcase #content-8.rightcontent .cnt .time {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 30px;
    height: 30px;
    /* border-bottom: 1px solid #ddd; */
    z-index: 9;
    background: #f0f8fe;
}

.showcase #content-8.rightcontent .cnt .qw1 {
    position: absolute;
    height: 110px;
}
.showcase #content-8.rightcontent .cnt .qw2 {
    position: absolute;
    height: 115px;
}

.showcase #content-8.rightcontent .cnt .qw3 {
    position: absolute;
    height: 125px;
}
.showcase #content-8.rightcontent .cnt .qw4 {
    position: absolute;
    height: 125px;
}
#hours p{
	float: left;
	text-align: center;
	display: block;
    font-size: 12px;
    color: #497bc0;
}
#container{margin:0px;height: 578px;width: 99.6%;border: 1px solid #ccc;}
:focus {
    outline:inherit;
}
#datetime{padding-top: 6px;margin-left: 10px;}
#dateTitle{min-width: 100px;}
.div-b{background:#000;width: 0px;position: absolute;height: 470px;top: 240px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.1;} 
/* 播放样式 */
.time .play{background: url("imagesplay1.png");width: 15px;height: 15px;margin-top: 6px;}
.time .stopplay {background: url("imagesplay2.png");width: 15px;height: 15px;margin-top: 5px;}