@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(/content/tyb/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;}



/*  pic-list  */
.box-photo .bd { padding-top: 15px; }
.pic-list li { float: left; width: 220px; margin-right: 25px;}
.pic-list .pic { width: 220px; height: 160px; }
.pic-list .pic img { width: 220px; height: 160px; display: block; background-color: #f5f5f5;}
.pic-list .title { padding-top: 10px; line-height: 24px; text-align: center; height: 48px; overflow: hidden;}