@charset "utf-8";

#columnA {height: 380px; margin-bottom: 20px; overflow: hidden;}
#columnB {height: 270px; margin-bottom: 20px; overflow: hidden;}
#columnC {height: 270px; margin-bottom: 20px; overflow: hidden;}
#indXwzx {width: 680px;}


.indBox-01 {width: 590px;height: 270px;margin-right: 20px;}

.indBox-02 {width: 386px;height: 270px;}

.indBox-03 {width: 590px;height: 270px;}


#indLink {background: #fafafa; border:1px solid #e6e6e6; clear: both; height: 68px; line-height: 68px;}
#indLink  li {float: left; width: 24.9%;  border-right: 1px solid #e6e6e6;}
#indLink  li.li4 {border-right: 0;}
#indLink  li a {display: block; font-size: 18px; font-weight: bold;}

#indLink  li a:before{content: ""; display: block; float: left; width: 40px; height: 52px; margin:12px 10px 0 70px; background: url(../../base/img/icons.png) no-repeat 0 -180px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#indLink  li a:hover{text-decoration: none; }
#indLink  li a:hover:before{
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#indLink .li2 a:before{background-position: 0 -260px;width: 30px;}
#indLink .li3 a:before{background-position: 0 -340px;}
#indLink .li4 a:before{background-position: 0 -420px;width: 52px;}

/* 友情链接列表页 -----------------------------------------*/
.friendLinkList{overflow:hidden;zoom:1;padding: 10px 0 10px 0px;}
.friendLinkList li{min-width: 162px;height: 36px;line-height: 36px;padding: 0 20px 0 18px;;background: url(../../base/img/dot-02.png) no-repeat 2px 13px;float:left;overflow: hidden;}