/*links*/
.links { overflow: hidden; line-height: 44px; background: #273249; }
.links li { display: inline-block; float: left; margin: 0 10px; font-size: 14px; line-height: 44px; }
.links a { color: #ccc; }
.links a:hover { color: #fff }
.links p { color: #7381a1; font-weight: bold; font-size: 18px; float: left; margin-right: 20px; position: relative; }
.links p:before, .links p:after { position: absolute; content: ""; width: 1px; height: 22px; background: #000; right: -15px; top: 12px; }
.links p:after { background: #2e3f65; right: -16px; }

/*footer*/
footer { background: #1d273d; color: #a8aab0; padding: 20px 0; overflow: hidden }
footer a { color: #a8aab0; }
footer a:hover { color: #fff }
/*ft_nav*/
.ft_nav { margin: 30px auto; overflow: hidden; }
.ft_nav p { font-size: 16px; color: #fff; margin-bottom: 30px; }
.ft_about { width: 30%; float: left; overflow: hidden; }
.ft_about li { display: inline-block; float: left; }
.box { width: 1200px; margin: auto; }

.ft_about li { width: 33.33%; margin-bottom: 16px; font-size: 14px; }
.ft_contact { font-size: 14px; float: left; margin-left: 100px; position: relative; padding-left: 100px; }
.ft_contact li { margin-bottom: 15px; background-size: 20px !important; padding-left: 30px; }
.ft_contact li:nth-child(1) { background: url(../images/icon_time.png) no-repeat }
.ft_contact li:nth-child(2) { background: url(../images/icon_dizhi.png) no-repeat }
.ft_contact li:nth-child(3) { background: url(../images/icon_tell.png) no-repeat }
.ft_contact li:nth-child(4) { background: url(../images/icon_email.png) no-repeat }
.ft_contact:after, .ft_contact:before { content: ""; width: 1px; height: 100%; background: #363c49; position: absolute; top: 0 }
.ft_contact:after { left: 1px; background: #010d27 }
.ft_contact:before { left: 0 }
.ft_guanzhu { float: right; width: 10%; font-size: 14px; }
.ft_guanzhu li { text-align: center; float: left; width: 93%; }
.ft_guanzhu li img { width: 100px; height: 100px; margin: auto; }
.copyright { font-size: 12px; overflow: hidden; border-top: #2a3345 1px solid; padding: 15px 0 0; line-height: 24px; }
.cr_left { float: left; }
.cr_right { float: right; text-align: right; }
.cr_right img { display: inline-block; vertical-align: bottom; margin-right: 5px; }
.cr_right p:last-child a { margin-left: 10px; }
.cr_right i { margin-left: 10px; }

.footer-article-item {
    width: 109px;
    float: left;
    margin-right: 23px;
    line-height: 2;
    font-size: 14px;
}

.footer-article-item dt {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 2;
    font-weight: 300;
}

.footer-article-item dd {
    line-height: 2;
}

.footer-article-item dd a {
    color: #888;
    transition: all .1s;
}

.footer-article-item dd a:hover {
    color: #fff;
}