.header { height: 161px; width: 100%; background: url(../image/top_bg.png) no-repeat center bottom; background-size: 100% 161px; }
.header_box { width: 1140px; margin: 0 auto; height: 161px; position: relative; }
.index-header-logo { background: url(../image/big_logo.png) no-repeat center bottom; position: absolute; height: 100px; width: 380px; }
.index-header-title { letter-spacing: 5px; font-size: 32px; font-weight: bolder; position: absolute; height: 100px; width: 360px; left: 380px; line-height: 110px; color: #fff; }
.navbar { margin: 0; height: 50px; background: none; min-height: 50px; border: none; font-size: 18px; margin-top: 103px; border-radius: 0; letter-spacing: 2px; position: absolute; bottom: 0; left: 0; width:100%; }
.navbar .nav li a { line-height: 10px; color: #ffffff; margin-top: 10px; }
.navbar .nav .active a { line-height: 35px; color: #ffffff; background: hsl(208, 100%, 55%); }
.header_login { position: absolute; right: 100px; top: 50px; }
.header_login a { color: #fff; font-size: 14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; background: hsl(208, 100%, 55%); }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background: hsl(208, 100%, 55%); }
.carousel-caption { background: rgba(255, 255, 255, 0.2); }
.carousel-inner>.item>a>img, .carousel-inner>.item>img { width: 100%; }
.container { padding: 0; }
.about { width: 100%; background: url(../image/about.png) no-repeat center bottom; background-color: #fff; height: 450px; }
.about .title { float: left; margin-top: 40px; color: #1266bd; margin-left: 10px; }
.about .title span { font-size: 14px; }
.about .title div { font-size: 20px; }
.about .about_content { float: right; width: 390px; margin-top: 40px; font-size: 14px; line-height: 30px; letter-spacing: 1px; text-indent: 30px; }
.article_list { width: 50%; }
.article_header { height: 60px; border-bottom: 2px solid #0073c3; margin: 20px 4% 20px 0px; padding-top: 15px; position: relative; width: 86%; float: right; }
.article_header .title { z-index: 9; position: relative; font-size: 26px; padding: 6px 10px; color: #0073c3; border-bottom: 2px solid #0073c3; letter-spacing: 2px; }
.article_header .icon { position: absolute; bottom: 0; left: 50%; width: 300px; margin-left: -150px; z-index: 1; opacity: 0.2; }
.article_header_icon { background: url(../image/t_title_icon.png) no-repeat center bottom; height: 60px; width: 10%; float: left; margin: 25px 0px 15px 0px; }
.article_content { width: 90%; margin: 0 auto; }
.article_content ul { width: 100%; line-height: 36px; }
.article_content li .title { font-size: 14px; color: #333; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.article_content li .date { font-size: 12px; color: #999; float: right !important; }
.picture_content li { float: left; width: 16%; padding: 6px; }
.picture_content li img { height: 100px; }
.picture_content .first { margin-left: 2%; }
.picture_content li div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 36px; text-align: center; font-size: 14px; color: #333; }
.footer_nav { margin: 40px 0; }
.footer_nav ul { width: 33%; float: left; padding: 0 6%; }
.footer_nav li { float: left; width: 50%; }
.footer_nav li a { color: #666; font-size: 14px; }
.footer_content { width: 100%; margin: auto; }
.footer_content .QRcode { width: 140px; height: 140px; float: right; }
.footer_content .info { text-align: center; width: 940px; margin: 0 auto; }
.footer_content .info .address { font-size: 14px; color: #949596; }
.footer_content .info .ICP { font-size: 14px; color: #949596; }
.writer { font-size: 14px; color: #999; margin: 0 auto; }
.article { text-align: justify; line-height: 30px; text-indent: 34px; }
.portalList li { background: #fff; padding: 10px; overflow: hidden; margin-bottom: 20px; border: 1px solid #efefef; }
.portalList li:hover { box-shadow: 0 1px 10px rgba(0,0,0,.13); }
.portalList li .img { float: left; width: 16%; }
.portalList li img { width: 100%; display: block; }
.portalList li .text { line-height: 30px; float: left; width: 92%; margin-left: 4%; text-align: justify; }
.portalList li .text h5 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portalList li .text div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; }
.portalList li .text div span { font-size: 12px; color: #999999; margin-right: 40px; }
.main_teacher { width: 900px; margin: 0 auto; }
.system_enter { width: 100%; height: 210px; background: url(../image/entrance_bg.png) no-repeat center bottom; line-height: 275px; padding-left: 40px; font-weight: bolder; font-size: 26px; letter-spacing: 5px; color: #fff; cursor: pointer; }
.link_list { width: 100%; height: 170px; margin-top: 50px; }
.link_icon { width: 93%; height: 40px; background: url(../image/link_title.png) no-repeat center bottom; float: right; }
.link_content { height: 130px; width: 33.33%; padding: 0 10px 20px 10px; }
.link_content div { letter-spacing: 5px; font-size: 17px; font-weight: bolder; color: #fff; height: 35px; line-height: 35px; text-align: center; margin-top: 20px; }
.link_left { background-color: #f4faff; }
.link_center { background-color: #eaf6ff; }
.link_right { background-color: #f4f6ff; }
.logo_left { float: left; height: 130px; width: 140px; background: url(../image/left_logo.png) no-repeat center bottom; }
.logo_right { float: left; height: 130px; width: 140px; background: url(../image/right_logo.png) no-repeat center bottom; }
.li_icon { background: url(../image/list_icon.png) no-repeat center; width: 36px; float: left; height: 36px; }
.top-menu ul li ul { display: none; }
.top-menu { background: url(../image/top_menu_bg.png) no-repeat center; }
.top-menu ul li:hover ul { display: block; }
.more-list { /*height: 60px; line-height: 60px; */  line-height: 50px;  float: right; cursor: pointer; }
.more-list a{ color: #999;  font-size: 14px;}
.more-list:hover a { color: #0073C3; }
.left_menu:hover { background: rgba(22, 115, 199, 0.6); color: #fff; }