@charset "utf-8";

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


#indSzll {width: 386px; height: 270px; margin-right: 20px;}

#indXspy {width: 386px;height: 270px;}

#indJzxx {width: 386px;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;}



#yqlj {background: #fafafa; border:1px solid #e6e6e6; clear: both; padding: 15px 20px; line-height: 24px;}
#yqlj h3{float: left; font-size: 16px;vertical-align:middle;color:#2175c6; font-weight: bold; margin-right: 15px;}
#yqlj .links{ overflow: hidden; }
#yqlj .links li{ display:inline-block; *display:inline; zoom:1; margin-right:15px;}