@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'宋体',sans-serif;font-size:14px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:#252525;}
a:hover,a:active,a:focus{text-decoration:underline; color:#900;}



body { background:#fff; color:#999; font-family:"Microsoft Yahei","冬青黑体简体中文 w3";}

/* banner css  */
.banner{ height:401px; background:url(../img/banner.jpg) no-repeat 50% 0; overflow:hidden; zoom:1;}



#content {width:998px;margin:0 auto;}
.layer,.layer .bd {overflow:hidden; zoom:1;}



/* layer-dis css   */
.layer-dis { border:#99afdc solid 2px; position:relative; margin:82px 0 38px; padding:40px 20px 20px;}
.layer-dis .hd { height:88px; width:100%; position: absolute; top:-64px; left:0; }
.layer-dis .hd h2 { height:88px;background:url(../img/hd_h2.png) no-repeat 0 0;}
.layer-dis .hd .no2 { background-position:0 -90px;}
.layer-dis .hd .no3 { background-position:0 -180px;}
.layer-dis .hd .no4 { background-position:0 -270px;}
.layer-dis p { line-height:27px; font-size:16px;}

/* layer-video css */
.layer-video { margin-bottom:20px;}
.layer-video .hd { background:url(../img/hd.png) no-repeat 0 -100px; height:43px; margin-bottom:20px;}

/* video-l css */
.video-l { float:left; width:720px;}

/* video-r css */
.video-r { float:right; width:263px; background:url(../img/bg_video.png) repeat; height:434px; padding:10px 0 0 15px; position:relative;}
.video-r .tit { font-size:22px; line-height:26px; font-weight:normal; height:40px; display:block;color:#fff;}
.video-r .info { color:#ccc; line-height:22px;}
.video-r .erweima { text-align:center; padding:25px 0;}
#share_button { position: absolute; bottom:10px; right:20px; z-index: 205; color: #fff; font-size:12px; line-height:18px; padding-left:22px; width:42px; height:18px; background:url(../img/bg_share_button.png) no-repeat 0 0; cursor:pointer;}


/* universal sly */
.sly{overflow:hidden;}
.sly > ul{list-style:none;margin:0;padding:0;}
.sly > ul li{position:relative;margin:0;padding:0;background:#4DBCE9;color:#fff;text-align:center;cursor:pointer;}
.sly > ul li.active{background:#fff;color:#4DBCE9;
	-webkit-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}
.scrollbar{background: url(../img/scrollbar.png) repeat-y 0 0;line-height:0;}
.scrollbar .handle{background:#000;cursor:pointer;line-height:0;}


/* Vertical examples */
#vertical .slyWrap{ width:263px;}
#vertical .scrollbar{width:10px;}
#vertical .scrollbar .handle{height:10px;width:10px;}
#vertical .slyWrap{position:relative;}
#vertical .slyWrap .sly{width:240px;margin-right:25px; height:370px;}
#vertical .slyWrap .sly > div{}
#vertical .slyWrap .scrollbar{position:absolute;top:0;right:9px; height:370px;}



/* layer-list css   */
.layer-list { margin-bottom:20px;}
.layer-list .hd { background:url(../img/hd.png) no-repeat 0 0; height:43px; margin-bottom:20px;}
.layer-list ul { overflow:hidden; zoom:1;}
.layer-list li { width:485px; float:left;height:110px; margin:0 14px 20px 0;}
.layer-list .pic { float:left;width:196px; height:110px;margin-right:15px;}
.layer-list  img {width:196px; height:110px;}
.layer-list strong { font:700 18px/30px 微软雅黑;height:30px;overflow:hidden; display:block;}
.layer-list p.info { font-size:12px;padding-top:10px; line-height:20px; color:#555;font-family:'宋体';}


/* layer-weibo css   */
.layer-weibo .hd { background:url(../img/hd.png) no-repeat 0 -50px; height:43px; margin-bottom:20px;}
.layer-weibo .bd {}


#footer{ padding:20px 0;line-height:24px;text-align:center;font-family:'宋体'; font-size:12px; margin-top:20px; background:#302f6f;}
#footer .con { width:960px; margin:0 auto; color:#fff;}