﻿
.column .whd {height: 30px;line-height: 30px;background: url(../../base/img/boxBhd.png) 0 center repeat-x;text-align: center;}
.column .whd h3 {display: inline-block;background: url(../../base/img/boxBhdcenl.png)left center no-repeat #edf7fd;padding-left:120px;}
.column .whd h3 a {font-size: 30px;font-weight: bold;color: #006bb6;background: url(../../base/img/boxBhdcenr.png) right center no-repeat;padding-right: 120px;}


#columnA {background: #fff;padding: 20px 20px 0 20px ;width: 1160px;margin:0 auto;overflow: hidden;}
/*公告栏*/
.boxgg { width: 100%; height: 50px;line-height: 50px;background: #f5f5f5;overflow: hidden;}
.boxgg .hd {background: url(../../base/img/boxgg.png);width: 130px;float: left;text-align: center;margin-right: 20px;}
.boxgg .hd  a {color: #fff;font-size: 18px;}
.boxgg .bd  {float: left; width: 1000px;overflow: hidden;}
.boxgg .bd li {float: left;margin-right: 20px;height: 50px;line-height: 50px; width: auto !important;}
.boxgg .bd li a {background: url(../../base/img/li1.png) left center no-repeat;padding-left: 20px;}

/*焦点图*/
#focusNews {width: 580px;height:387px;float: left;margin-bottom: 20px;margin-top:20px;}
#focusNews .bd .pic img {height: 387px;}

/*嘉文资讯*/
#boxnews {margin-top: 20px;float: right;width:560px; }

/*数字文化馆*/
#szwhg {margin-top: 20px;clear: both;position: relative;}
#szwhg a {display: block;background: url(../../base/img/szwhg.jpg);width: 1160px;height: 200px; line-height: 160px; font-size: 30px;color: #006bb6;font-weight: bold;text-align: center;}
#szwhg .more { position: absolute; top:120px;left: 508px; text-align: center;font-size: 14px;color: #fff; font-weight: normal; background:rgb(0,0,0,0.2);width: 146px;height: 42px;line-height: 42px;border-radius: 21px; }

/*嘉定群文*/
#columnB {width: 100%;background: #edf7fd; margin:20px 0;padding: 40px 0 ;}
#columnB .topicList{overflow: hidden;margin-top:30px;}
#columnB .topicList li {float: left;width:590px;margin-right: 20px;}
#columnB .topicList li.n {width: 572px;}

#columnB .topicList li:nth-child(2n) {margin-right: 0;}
#columnB .topicList li.t{overflow: hidden;height: 132px;}
#columnB .topicList li.t .pic {float: left;width: 198px;margin-right: 20px;}

#columnC {width: 1200px;margin:0 auto;overflow: hidden;}
#columnC .whd h3  {background-color: #fff;}

/*非遗保护*/
#boxfybh .hd {text-align: center;margin-top: 20px;}
#boxfybh .hd li {display: inline-block;padding: 0 15px; margin:0 5px; border:1px solid #eee;height: 38px;line-height: 38px;}
#boxfybh .hd li.on {border-color:#006bb6; }
#boxfybh .hd li.on a {color: #006bb6;font-weight: bold;}
#boxfybh .bd {margin-top: 20px;overflow: hidden;height: 310px;}
.infoLisB li {float: left;width: 548px;height: 48px; line-height: 24px; padding: 20px; border:1px solid #ddd;margin: 0 20px 20px 0;}
.infoLisB li:nth-child(2n) {margin-right: 0;}
.infoLisB li a {font-weight: bold;display: block;float: left;width: 400px;}
.infoLisB li .dateRight {float: right;line-height: 70px;color: #666;}

/*图标*/
#columnD {width: 1200px;margin:40px auto 0 auto;}
.iconList {overflow: hidden;margin:0 20px;}
.iconList li {float: left;width:130px; height: 190px; margin-right: 74px;text-align: center;overflow: hidden;  }
.iconList li.li6 {margin-right: 0;} 
.iconList li a{position: relative; display: block;}
.iconList li i{display: block; position: absolute; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.iconList li a:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }

.iconList li a {color: #333; font-size: 18px;line-height: 320px;  position: relative;}
.iconList li i{background: url(../../base/img/icobgjj.png) no-repeat 0  ; width: 130px; height: 130px;  }
.iconList li:hover i {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.iconList li.li2 i{background: url(../../base/img/icojjsz.png) no-repeat 0  ;}
.iconList li.li3 i{background: url(../../base/img/icodsj.png) no-repeat 0  ;}
.iconList li.li4 i{background: url(../../base/img/icocgxz.png) no-repeat 0  ;}
.iconList li.li5 i{background: url(../../base/img/icojtdd.png) no-repeat 0  ; }
.iconList li.li6 i{background: url(../../base/img/icolxwm.png) no-repeat 0  ;}






