@charset "utf-8";
/*本样式表存放所有的css*/
/*通用样式表*/
/*初始化*/
* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", serif;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    display: block;
}

body {
    min-width: 1600px;
    background-color: #fff;
}

/*正文*/
.zw {
    font-size: 16px;
}

/*版心*/
.center {
    width: 1400px;
    margin: 0 auto;
}

/*当前位置*/
#position {
    height: 100%;
    align-content: center;
    padding-left: 15px;
    font-weight: normal;
    font-size: 14px;
}

#position a {
    color: black;
}

/*头部*/
header {
    display: flex;
    width: 100%;
    height: 145px;
    background-color: #2b57ad;
    padding: 0 100px;
}

.header {
    display: flex;
    align-self: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header .logo {
    /*width: 330px;*/
    width: 450px;
    align-self: center;
    /*font-size: 36px;*/
    color: white;
}

.header .logo img {
    float: left;
    width: 70%;
}

.header .logo h1 {
    float: right;
    font-size: 36px;
    line-height: 75px;
}

.header .header_nav {
    display: flex;
    align-self: center;
    width: 900px;
    /*background-color: red;*/
}

.top_nav_ul {
    display: flex;
    width: 100%;
    height: 67px;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-self: center;
    color: white;
}

.top_nav_ul li {
    display: block;
    width: 70px;
    height: 66px;
}

.top_nav_ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 66px;
    font-size: 17px;
    color: white;
}

.top_nav_ul li a:hover {
    border-bottom: 6px solid orange;
}

/*links*/
#links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 1400px;
    margin-top: 20px;
}

#links .friends {
    display: flex;
    /*width: 730px;*/
    width: 100%;
    height: 70px;
}

#links .friends span {
    display: flex;
    height: 70px;
    width: 130px;
    background-color: #2a55a8;
    font-size: 18px;
    color: white;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

#links .friends .choose {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    flex: 1;
    /*width: 600px;*/
    height: 70px;
    background-color: #f3efec;
}

#links .friends .choose select {
    width: 130px;
    height: 30px;
    border: 1px solid gray;
    margin: 0 20px;
}

.mail, .plain {
    display: flex;
    /*justify-content: space-around;*/
    /*flex-direction: column;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 250px;
    height: 70px;
    color: black;
    font-weight: bold;
}

.left_friends {
    align-self: start;
    width: 70px;
    height: 70px;
    /*background-color: #fff;*/
}

/*邮箱图标设置*/
#mail_icon {
    background: url("../images/mail_second.png") center right no-repeat;
    /*background-size: contain;*/
    background-size: 70%;
}

/*电话图标设置*/
#plain_icon {
    background: url("../images/phone.png") center right no-repeat;
    /*background-size: contain;*/
    background-size: 70%;
}

.right_friends {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1;
    align-self: end;
    /*background-color: blue;*/
    height: 100%;
}

.right_friends div {
    flex: 1;
    align-content: end;
    padding-left: 10px;
}

.right_friends div:nth-child(2) {
    font-weight: normal;
    align-content: start;
}

/*底部*/
footer {
    width: 100%;
    height: 170px;
    margin-top: 20px;
    background-color: #2B58AE;
    text-align: center;
}

.footer_content {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.footer_content p {
    margin-top: 10px;
    color: white;
}

/*首页模板专用样式表*/
/*部门动态*/
.news {
    width: 100%;
    height: 310px;
    background-color: #F5F1EE;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*统一标题样式*/
.title {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.title p {
    float: left;
    font-size: 21px;
    font-weight: bold;
    color: #2B58AE;
}

.title span {
    float: left;
    font-style: oblique;
    color: #AAAAAA;
    font-size: 17px;
    font-weight: lighter;
    margin-left: 20px;
}

.title a {
    float: right;
    color: black;
}

/*特殊标题样式*/
/*用于右侧标题白色设置*/
.title_special {
    color: white !important;
}

.news .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    height: 250px;
    margin-top: 10px;
}

.news .content li {
    width: 300px;
}

.news .content li img {
    width: 285px;
    height: 175px;
}

.news .content li a {
    display: block;
    width: 285px;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #5A5A5A;
}

.news .content li span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #777777;
}

/*主要内容区域*/
.contents {
    margin-top: 20px;
}

.row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height:270px !important;
}

.left_part {
    width: 900px;
    /*background-color: green;*/
}

.contents ul {
    width: 100%;
    /*list-style: url("../images/icon-bh.png");*/
}

.contents ul li {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    /*height: 32px;*/
    height: 45px;
    /*margin-left: 12px;*/
    /*line-height: 32px;*/
    padding-left: 15px;
}

.contents ul li:before {
    position: absolute;
    left: 0;
    content: '';
    width: 10px;
    height: 10px;
    background: url("../images/icon-bh.png") center center no-repeat;
}

.contents ul li a {
    font-size: 16px;
    color: #5A5A5A;
}

.contents ul li a:hover {
    color: black;
}

.contents ul li em {
    font-style: normal;
    /*float: right;*/
    color: #a0a0a0;
    font-size: 16px;
}

.right_part {
    width: 415px;
    /*background-color: yellow;*/
}

/*特殊样式标题*/
.special_title {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px 0 5px;
    /*background-color: #e89300;*/
}

.special_title:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
}

/*通知公告*/
.notice {
    background-color: #e89300 !important;
}

/*学习园地*/
.study {
    background-color: #177f54 !important;
}

/*第二行特殊样式*/
.second_row {
    margin-top: 20px;
}

/*聚焦信院*/
.focus_ocean {
    margin-top: 20px;
}

/*轮播图*/
.banner {
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-top: 12px;
}

#div1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#div1 ul {
    width: 100%;
    height: 100%;
    position: relative;
}

#div1 ul li {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
    float: left;
    list-style: none;
    padding-right: 20px;
}

#div1 ul li a {
    display: block;
    width: 100%;
    height: 170px;
}

#div1 ul li a:hover {
    filter: grayscale(50%);;
}

#div1 ul li img {
    display: inline-block;
    width: 225px;
    height: 170px;
}

#div1 ul li span {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

/*内容模板专用样式表*/
/*主体部分*/
.main_body {
    width: 80%;
    margin: 20px auto 0;
    padding: 10px 20px;
    /*border: 2px solid rgba(204, 204, 204, 1);*/
    /*background-color: red;*/
}

/*.main_body .section {*/
/*    border-bottom: 2px dotted #dcdcdc;*/
/*}*/

.main_body .section:first-child {
    border-bottom: 2px solid #dcdcdc;
}

/*.main_body .section:nth-child(4) {*/
/*    border-bottom: 0;*/
/*}*/

/*文章顶部*/
.article_top {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 40px;
    /*background-color: red;*/
}

.article_top h4 {
    width: 110px;
    height: 40px;
    line-height: 35px;
    padding: 0 5px;
    margin-bottom: -2px;
    font-weight: 700;
    border-bottom: 2px solid black;
    font-size: 25px;
}

/*文章标题*/
.article_title {
    height: 90px;
    /*padding-top: 20px;*/
    padding-top: 5px;
    /*background-color: yellow;*/
}

/*文章题目*/
#title {
    color: #ff7200;
    /*font-size: 20px;*/
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}

/*文章基本信息*/
.basic_info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    color: #6f6f6f;
    font-size: 14px;
    /*background-color: red;*/
}

.basic_info span {
    margin: 0 10px;
}

.basic_info #views {
    font-style: normal;
}

/*文章内容*/
.article_contents {
    width: 100%;
    padding: 15px 0;
    text-indent: 2em;
    /*background-color: green;*/
}

/*文章一般段落*/
.article_contents p {
    margin-bottom: 15px;
    line-height: 2;
    /*line-height: 37px;*/
}

.article_contents p img {
    display: block;
    margin: 0 auto 20px;
}

/*文章图片段落*/
.article_img {
    width: 100%;
}

.article p img {
    width: 750px;
    /*height: 450px;*/
    margin: 0 auto;
}

.article_img img {
    width: 700px;
    height: 450px;
    margin: 0 auto;
}

.content_picture{
    display:block;
    margin:0 auto !important;
}

/*文章底部*/
.article_bottom_setting {
    margin-top: 20px;
    height: 60px;
}

.article_bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    /*padding-top: 10px;*/
    padding: 10px 10px 0;
    /*background-color: orange;*/
    font-size: 14px;
}

.article_bottom a {
    color: #807f7f;
}

/*栏目模板专用样式表*/
/*文章主体*/
/*列表页主体部分*/
.main_body {
    width: 80%;
    margin: 20px auto 0;
    padding: 10px 20px;
    /*border: 2px solid rgba(204, 204, 204, 1);*/
    /*background-color: red;*/
}

.main_body .section {
    border-bottom: 2px solid #dcdcdc;
}

.main_body .content_section {
    border-bottom: none !important;
}

/*文章顶部*/
.list_top {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 40px;
    /*background-color: red;*/
}

.list_top h4 {
    width: 110px;
    height: 40px;
    line-height: 35px;
    padding: 0 5px;
    margin-bottom: -2px;
    font-weight: 700;
    border-bottom: 2px solid black;
    font-size: 25px;
}

/*文章内容*/
.article {
    width: 100%;
    /*padding-top: 20px;*/
    padding: 20px 10px 0;
    /*background-color: yellow;*/
}

.article p {
    margin-bottom: 10px;
    /*line-height: 2;*/
    /*text-indent: 2em;*/
}

/*带有图片的段落*/
.article_picture {
    width: 100%;
}

.article_picture img {
    width: 750px;
    /*height: 450px;*/
    margin: 0 auto;
}

/*栏目单页模板*/
/*列表页主体部分*/
.main_body {
    width: 80%;
    margin: 20px auto 0;
    padding: 10px 20px;
    /*border: 2px solid rgba(204, 204, 204, 1);*/
    /*background-color: red;*/
}

.main_body .section {
    border-bottom: 2px solid #dcdcdc;
}

/*列表顶部*/
.list_top {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: start !important;
    align-content: center !important;
    align-items: end;
    height: 40px;
    /*background-color: red;*/
}

.list_top h4 {
    width: 110px;
    height: 40px;
    line-height: 35px;
    padding: 0 5px;
    margin-bottom: -2px;
    font-weight: 700;
    border-bottom: 2px solid black;
    font-size: 25px;
}

/*列表细则*/
#list_contents {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-top: 15px;
    /*background-color: red;*/
    /*list-style: url("../images/icon-bh.png") !important;*/
}

#list_contents li {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*height: 30px;*/
    height: 45px;
    padding-left: 20px;
    /*line-height: 30px;*/
    /*margin-left: 15px;*/
    /*padding-right: 20px;*/
}

#list_contents li:before {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    /*background-color: red;*/
    background: url("../images/icon-bh.png") center center no-repeat;
}

#list_contents li:nth-child(even) {
    background-color: #fafafa;
}

#list_contents li a {
    /*float: left;*/
    color: black;
    align-content: center;
}

#list_contents li a:hover {
    color: #01214A;
}

#list_contents li span {
    /*float: right;*/
    font-size: 14px;
    color: #a0a0a0;
    align-content: center;
}

/*列表统计数据*/
.list_contents_info {
    margin-top: 15px;
    font-size: 12px;
    text-align: right;
}