body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#555;}
body,button,input,select,textarea {font:12px/1.125 microsoft yahei,arial; background:#fff;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#555; text-decoration:none;}
a:hover{text-decoration:underline;color:#e4238e;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}

.head{ margin:0 auto; width:980px; height:135px;}
.big_nav{ width:980px; height:45px;background:#33b9f8;}
.big_nav li{ float:left; width:98px; text-align:center; height:45px; line-height:45px; position:relative; font-size:18px; z-index:999}
.big_nav li i{ display:inline-block; width:11px; height:6px; overflow:hidden; background:url(/story../images/bg.png) -34px -80px no-repeat; margin-left:4px;vertical-align: middle;}
.big_nav li a{ color:#fff;}
.big_nav li a:hover{ text-decoration:none;}
.big_nav li p{ border:1px solid #33b9f8; width:96px; background:#fff; display:none; position:absolute; left:0; top:44px;}
.big_nav li p a{ display:block; line-height:40px; height:40px; text-align:center; border-top:1px dashed #ccc; font-size:14px; color:#999;}
.big_nav li p a:hover{ color:#333;}
.big_nav li p a.first{ border:0;}
.big_nav li:hover p{ display: block;}
.top_box{ height:90px;}
h1{ float:left;font-size:28px; line-height:90px;}
h1 a{color:#333;}
h1 a:hover{text-decoration:none;color:#333;}
h1 span{color:#e4238b;}
h1 a:hover span{color:#e4238b;}
.search_box{ width:320px; float:right; padding-top:25px;}
.search{ height:41px; overflow:hidden; border:1px solid #e5e5e5;}
.inp{ float:left; width:253px; height:41px; line-height:41px; padding:0 10px; border:0; background:#fff;}
.btn{ float:right; width:45px; height:41px; border:0; background:url(/story../images/bg.png) no-repeat; cursor:pointer;}
.w100{width:100%;height:450px;background:#fff;overflow: hidden; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
#jiaodiantu{width:980px;margin:0px auto;position:relative;z-index:1;height:450px;*overflow: hidden;}
#bg{height:70px;background:#747474;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:.7; opacity:0.7;width:980px;position:absolute;bottom:0;left:0;z-index:2;}
#jd_title{padding-left:25px;font:normal 24px/70px microsoft yahei;color:#fff;position:absolute;bottom:1px;left:0;height:70px;z-index:3;}
#jd_title a{color:#fff;display:none;}
#jd_title .frist{display:block;}
.pagination{position:absolute;bottom:10px;right:0;z-index:3;}
.pagination a img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:.7; opacity:0.7;float:left;margin-right:6px;}
.pagination a.here img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.swiper-wrapper{width:2940px;position:absolute;top:0px;z-index:1;}
.swiper-wrapper li{width:980px;float:left;}
.w980{ margin:0 auto; width:980px; padding-top:10px;}
.l1{ float:left; width:730px; overflow:hidden;}
.r1{ float:right; width:240px; overflow:hidden;}
.tit{border-top:1px solid #e5e5e5; height:50px; position:relative;}
.tit h3{ position:absolute; font-size:20px; font-weight:normal; top:-1px; left:0;border-top:2px solid #38a2db; line-height:48px;color:#333;}
.list2{ width:744px; clear:both; overflow:hidden;}
.list2 li{ float:left; margin:0 15px 15px 0; width:231px; border:1px solid #e5e5e5; height:269px;}
.list2 li .img{ width:231px; height:178px; overflow:hidden;}
.list2 li .img img{-webkit-transition:transform .2s ease-out;-moz-transition:transform .2s ease-out;-ms-transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}
.list2 li .img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.list2 li p{ line-height:24px; height:48px; overflow:hidden; font-size:14px; margin:7px 10px 0;}
.list2 li .time{ line-height:28px; height:28px; overflow:hidden; color:#999; padding:0 10px;}
.list2 li .time span{ float:right;}
.gg_box{ margin-bottom:10px;}
.mb15{ width:240px; margin-bottom:15px;}
.tit2{border-top:1px solid #e5e5e5; height:40px; position:relative;}
.tit2 h3{ position:absolute; font-size:16px; top:-1px; left:0;border-top:1px solid #38a2db; line-height:39px;color:#333;}
.list3{ width:240px; clear:both; overflow:hidden;}
.list3 li{ float:left;width:240px; height:50px; margin-bottom:1px;}
.list3 li a{ display:block;width:240px; height:50px; line-height:50px; text-align:center; background:#33b9f8; color:#fff; font-size:16px;}
.list3 li a:hover{ background:#ff1e8f; text-decoration:none;}
.weibo_box{ padding:0 10px;}
.list5{ width:240px; clear:both; overflow:hidden;}
.list5 li{ float:left;width:240px; padding-bottom:20px;}
.list5 li span { display:block;height:30px; line-height:30px; font-size:14px; cursor:pointer; margin-top:5px;}
.list5 li p { line-height:20px; font-size:14px; color:#b6b6b6;}
.page{text-align:center; margin:15px 0 20px;}
.page a{display:inline-block; margin:0 3px; border:1px solid #ddd; height:26px; padding:6px 12px 0; height:20px; color:#333; vertical-align:top;}
.page span{display:inline-block; margin:0 3px; height:26px; line-height:26px; padding:0 12px;}
.page a:hover{ text-decoration:none; background:#2ab7f7; color:#fff;}
.friend{ margin:0 auto; width:958px; padding:10px; border:1px solid #e5e5e5; line-height:24px; font-size:14px; margin-top:10px; color:#999;}
.friend2{ margin-top:0;}
.friend a.shenqing{ color:#2ab7f7;}
.friend b{ color:#333;}
#footer{width:960px; margin:10px auto 0; background:#2ab7f7; padding:10px; color:#fff;line-height:22px;text-align:center;}
#footer a{ color:#fff;}