/* 内容样式 */

.content {
    margin: 0 10%;}

.img-show {
    width: 100%;}

.img-link,
.notice,
.notice2,
.img-notice {
    margin-top: 20px;}

#picture-story {
    float: right;}


/* 便民服务样式 */

.col-md-2,
.col-xs-2 {
    margin: 20px 0;}

.icon-circle {
    background-color: #fff;
    border: 2px solid #70625b;
    width: 104px;
    height: 104px;
    cursor: pointer;
    border-radius: 50px;
    font: 40px/100px "微软雅黑";
    color: #6a5b54;
    overflow: visible;}

.icon-circle a,
.icon-circle a:hover {
    color: inherit;
    text-decoration: none;
    outline: none;
    text-align: center;}

.icon-circle i {
    position: relative;
    top: -5px;}

.public-title {
    margin-top: 3px;
    font: bold 14px/30px "幼圆";
    color: #6a5b54;}

.show .more {
    position: relative;
    top: -30px;}

.icon-circle:hover {
    background-color: #b3aeae;
    -webkit-transition: background 0.8s;
    transition: background 0.8s;}

.facebook {
    background-position: 0 0;}

.facebook:hover {
    background-color: #b3aeae;
    background-position: 0 -96px;}


/* 动态图片样式（美丽校园和员工风采） */

figure.effect-sarah img {
    position: relative;
    left: 10px;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}

figure.effect-sarah:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}

figure.effect-sarah figcaption {
    text-align: left;}

figure.effect-sarah p {
    position: relative;
    top: -40px;
    padding: 0 1em;
    border-bottom: 2px solid white;
    opacity: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;}

figure.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}

figure.effect-sarah a {
    color: inherit;}


/* 链接模块样式 */

.link {
    width: 100%;}

.link,
.div-link {
    background-color: #f8f8f8;}

.link ul {
    border-right: 1px solid #6c6c6c;}

.link p {
    font-size: 0.7em;}

.link .weixin {
    float: right;
    position: absolute;
    top: 0;
    right: 0;}

.link .weixin img {
    width: 90px;
    height: 90px;}

@media screen and (max-width: 768px) {
    .link .weixin img {
        width: 60px;
        height: 60px;}
    .contact {
        text-align: center;}
}

.link .glyphicon-link {
    position: relative;
    left: 50px;}

.link li {
    list-style: none;
    margin: 10px 0;
    padding: 3px 0;width:20%;
    float: left;}

.link a {
    text-decoration: none;
    color: #999;}

.link h4 {
    display: block;}