html, body{width: 100%; font-family: "微软雅黑"; font-size:16px;}
*{padding: 0; margin: 0; }
body {background: url(../images/topbck.jpg) no-repeat; background-position: top center;}
/*é€šç”¨æ ·å¼*/
a {
color: #000;
}
a:hover {
text-decoration: none;
color: #333;
}
a:focus {
color: #333;
text-decoration: none;
}
ul ,li {
list-style: none;
}
.left {
float: left;
}
.right {
float: right;
}
.zn-hide {
display: none;
}
/*头部*/
.navbar {
border: none;
border-top: 1px solid transparent;
margin-bottom: 10px;
background:url(../images/06.png) repeat-x;
}
.container-fluid {
background-color: #1d61ac;
}
.container>.navbar-collapse {
margin-left: -15px;
}
.container-fluid a{
color: #fff;
}
.zn-top-link {
text-align: right;
margin: 20px 15px 15px ;0
}
.zn-header .zn-top-link a {
font-size: 14px;
color: #1d61ac;
}
.zn-header .zn-top-link span {
color: #1d61ac;
padding: 0 10px;
}
.zn-search {
width: 215px;
height: 38px;
border-radius: 50px;
position: relative;
background-color: #fff;
}
.zn-search-input {
width: 180px;
height: 35px;
line-height: 35px;
background: transparent;
margin-left: 15px;
border: 0;
outline: none;
color: #999;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
font-family: georgia !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
font-family: georgia !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
font-family: georgia !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
font-family: georgia !important;
}
.btn-tst{
position: absolute;
top: 9px;
right: 18px;
width: 18px;
height: 18px;
opacity: 0;
}
.zn-search-btn {
position: absolute;
top: 9px;
right: 18px;
width: 18px;
height: 18px;
}
.zn-header a {
color: #fff;
font-size: 18px;
}
.zn-header a:hover {
color: #004e98;
}
/*内容*/
.zn-title {
margin-bottom: 30px;
border-bottom: 1px solid #c0c0c0 ;
}
.zn-title .left {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 6px solid #1d61ac;
}
.zn-title .left a{
font-size: 24px;
color: #1d61ac;
}
.zn-title .left img{
margin-right: 10px;
vertical-align: bottom;
}
.zn-title .right a {
display: block;
padding: 7px 15px;
font-size: 12px;
border-radius: 30px;
background-color: #f0f0f0;
color: #bebebe;
text-align: center;
}
.zn-title .right a:hover {
color: #1d61ac;
}
/* 新闻资讯 & å¦æœ¯ä¿¡æ¯*/
.zn-news {
padding: 0px 0 0;
}
.information {
width: 775px;
overflow: hidden;
}
.information .news-img {
width: 375px;
float: left;
}
/*焦点图*/
.focus{ position:relative; width:375px; height:278px;}
.focus img{ width: 375px; height: 220px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; }
.focus .shadow{ width:100%;height:50px; line-height: 25px; margin-top: 10px; overflow:hidden; display:block; text-align:left; }
.focus .fcon{ position:relative; width:100%; float:left; display:none; }
.focus .fcon p {font-size: 14px; color: #666; margin: 8px 0 0;}
.focus .fcon img{ display:block; }
.focus .fbg{bottom:0px; right:154px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#adadad;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#1d61ac;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;}
.focus .prev:hover{ background-position:0 0; }
.focus .next:hover{ background-position:-40px 0;}
.information .news-con ul {
width: 360px;
float: left;
margin-left: 20px;
}
.information .news-con li {
width: 100%;
border-left: 3px solid #49b0f6;
margin-bottom: 18px;
padding-left: 20px;
}
.information .news-con li a {
display: block;
/* width: 340px; */
height: 20px;
overflow: hidden;
margin-bottom: 8px;
}
.information .news-con li a:hover {
color: #3c89de;
}
.information .news-con li p {
font-size: 14px;
color: #b1b1b1;
}
.information .news-con li p img {
vertical-align: text-bottom;
margin-right: 10px;
}
.academic {
width: 370px;
}
.academic dl{
width: 100%;
overflow: hidden;
margin-bottom: 25px;
}
.academic dl dt {
float: left;
background: url(../images/rili.png) no-repeat;
width: 66px;
height: 98px;
text-align: center;
font-size: 14px;
color: #666;
}
.academic dt p {
margin: 5px 0;
font-weight: normal;
}
.academic dt span {
font-size: 24px;
color: #14659d;
font-weight: bold;
}
.academic dl dd {
width: 270px;
margin-left: 20px;
float: left;
}
.academic dd h4 {
font-size: 16px;
margin: 0;
line-height: 22px;
margin-bottom: 10px;
}
.academic dd p {
margin: 0;
margin-bottom: 5px;
font-size: 14px;
color: #848484;
}
/* 通知公告 & æ 目图片 */
.zn-notice {
width: 770px;
}
.zn-notice li {
width: 383px;
overflow: hidden;
padding-bottom: 17px;
line-height: 25px;
margin-bottom: 17px;
padding-right: 30px;
border-bottom: 1px solid #e1e1e1;
float: left;
}
.zn-notice li p {
width: 60px;
height: 50px;
float: left;
background-color: #fafafa;
font-size: 14px;
color: #3c89de;
text-align: center;
margin: 0;
}
.zn-notice li a {
display: block;
float: right;
width: 290px;
height: 50px;
}
.zn-notice li a:hover {
color: #3c89de;
}
.zn-notice li p span{
display: block;
width: 100%;
height: 25px;
background-color: #3c89de;
color: #fff;
}
.zn-column {
width: 370px;
}
.zn-column li {
width: 366px;
height: 61px;
margin-bottom: 30px;
}
.zn-column li a {
display: block;
padding: 12px 76px 18px;
font-size: 22px;
color: #1d61ac;
}
.zn-column li.bck1 {
background: url(../images/bck1.jpg) no-repeat;
}
.zn-column li.bck2 {
background: url(../images/bck2.jpg) no-repeat;
}
.zn-column li.bck3 {
background: url(../images/bck3.jpg) no-repeat;
}
.zn-column li.bck4 {
background: url(../images/bck4.jpg) no-repeat;
}
.zn-column li.bck5 {
background: url(../images/bck5.jpg) no-repeat;
}
.zn-column li.bck6 {
background: url(../images/bck6.jpg) no-repeat;
}
/* 心知识 & 心éšæƒ³ */
.knowledge {
width: 770px;
overflow: hidden;
}
.knowledge div.zn-img {
float: left;
width: 363px;
}
.flexslider{position:relative;height:215px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:215px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; }
.flex-direction-nav li a.flex-next{right:40px;}
.knowledge-list {
float: right;
width: 360px;
}
.knowledge-list li a {
display: ;
}
.thinking {
width: 385px;
}
.thinking li ,.knowledge-list li{
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
}
.thinking li:hover a, .knowledge li:hover a {
color: #3c89de;
}
.thinking li a {
display: block;
width: 285px;
height: 30px;
overflow: hidden;
float: left;
}
.thinking li span {
float: right;
}
/* 活动专题 */
.zn-topic {
padding: 20px 0 0;
}
.zn-topic li{
float: left;
margin-right: 33px;
}
.zn-topic li:last-child {
margin-right: 0;
}
.zn-topic li img{
border-radius: 5px;
width: 275px;
height: 154px;
}
/* 相关链接 */
.zn-link {
padding: 50px 0 36px;
}
.zn-link h2 {
font-size: 18px;
color: #1d61ac;
margin: 1px 0 0;
}
.zn-link li {
float: left;
}
.zn-link li:last-child span{
display: none;
}
.zn-link li a {
margin: 0 20px;
}
.zn-link li a:hover {
text-decoration: underline;
}
.bckbox {
width: 100%;
background-position: bottom center;
}
/*底部*/
.foot {
width: 100%;
height: 147px;
background: url(../images/ftbck.png) no-repeat;
background-position: bottom center;
}
.foot p ,.foot a,.foot span{
font-size: 14px;
color: #fff;
}
.foot p {
font-size: 16px;
}
.foot p:first-child{
margin-bottom: 25px;
}
.foot .left{
margin-top: 60px;
}
.foot .right {
margin-top: 30px;
}
.foot img {
vertical-align: bottom;
margin-left: 20px;
}
.foot .right span {
margin: 0 10px;
}
.foot .right a {
}
/*分页*/
.fenye {
width: 100%;
padding: 10px 0;
text-align: center;
}
.PrevDisabled,.headStyleguh26awmr7 a:link {
padding: 5px 10px;
display: inline;
margin-right: 5px;
}
.defaultButtonStyle {
padding: 4px 10px !important;
height: 28px !important;
margin-right: 5px !important;
}
.defaultInputStyle,.Next,.PrevDisabled {
margin-right: 5px !important;
height: 22px !important;
}
/*media*/
/*pc*/
@media (min-width: 769px){
html,body{
min-width: 1230px;
}
.mgtop40 {
margin-top: 40px;
}
.container {
width: 1230px;
}
.zn-header {
height: 190px;
}
.zn-header .navbar-header{
height: 130px;
}
.zn-header .nav>li>a {
padding: 15px 40px;
}
.zn-header li .dropdown-menu {
width: 172px;
}
.zn-header li.dropdown:hover ul.dropdown-menu {
display: block;
}
.zn-header li.dropdown:hover a, .zn-header li.open a {
color: #fff;
background-color: #1d61ac;
}
.zn-header li.active {
background-color: #389ef4;
}
.zn-header li:hover ul.dropdown-menu, .zn-header li.open ul.dropdown-menu {
background-color: #1d61ac;
}
.zn-header li.dropdown ul.dropdown-menu li:hover a {
color: #000;
background-color: #eee;
}
.dropdown-menu {
border: none;
padding: 0;
}
.navbar-nav .dropdown-menu>li>a {
padding: 10px 0;
text-align: center;
font-size: 14px;
border-top: 1px solid #e1e0e0;
}
.navbar-nav .dropdown-menu>li:last-child a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.carousel-indicators {
bottom: 0;
}
.mobile-foot {
display: none;
}
}
/*手机*/
@media (max-width: 768px){
.zn-none {
display: none;
}
.zn-hide {
display: block;
}
body {
background: none;
}
.navbar-header {
background-color: #1d61ac;
}
.navbar-toggle {
border: 1px solid #fff;
margin-top: 10px;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar {
margin-bottom: 0;
position: relative;
}
.navbar-brand {
height: auto;
padding: 10px;
}
.phone-search {
position: absolute;
width: 200px;
top: 5px;
left: 5px;
}
.zn-search-btn {
top: 9px;
left: 14px;
width: 25px;
height: 25px;
}
.btn-tst {
top: 9px;
left: 14px;
width: 25px;
height: 25px;
opacity: 0;
}
.zn-search-input{
margin-left: 50px;
color: #fff;
margin-top: 4px;
}
.phone-logo {
background-color: #3c89de;
text-align: center;
margin-right: -15px;
margin-left: -15px;
padding: 10px 0;
}
.phone-logo img {
width: 325px;
}
.banner {
padding: 0;
}
.dropdown-menu>li>a {
color: #fff;
}
.carousel-indicators {
bottom: -10px;
}
.information {
width: 100%;
}
.zn-title .left {
padding-bottom: 10px;
border-bottom: 3px solid #1d61ac;
}
.zn-title img {
width: 25px;
height: auto;
}
.zn-title .left a {
font-size: 18px;
}
.zn-title .left img {
margin-right: 5px;
}
.zn-title .right a {
background: none;
padding: 7px 0;
}
.zn-title .right img {
width: 35px;
height: auto;
}
.zn-title {
margin-bottom: 20px;
}
.information .news-img {
width: 100%;
background-color: #f9f5f5;
}
.focus {
width: 100%;
height: 305px;
}
.focus .fPic {
position: relative;
}
.focus .shadow {
height: 40px;
line-height: 20px;
padding: 0 10px;
}
.focus .fcon p{
font-size: 12px;
margin: 8px 10px 0;
}
.focus .shadow a{
font-size: 14px;
}
.focus .fbg {
bottom: 5px;
right: 10px;
}
.focus .D1fBt a{
width: 8px;
height: 8px;
margin: 0 3px;
}
.information ul {
width: 100%;
height: 264px;
overflow: hidden;
margin: 20px 0 0;
}
.information .news-con li a {
width: 310px;
}
.academic{
width: 100%;
}
.academic dl{
margin-bottom: 20px;
}
.academic dl dd {
width: 265px;
margin-left: 14px;
}
.zn-notice,.zn-notice li,.knowledge,.zn-column,.zn-column li ,.knowledge-list,.thinking{
width: 100%;
}
.zn-notice li:nth-child(odd) {
float: left;
}
.zn-notice li a {
width: 270px;
}
.zn-notice {
height: 398px;
overflow: hidden;
}
.zn-column li {
border-radius: 5px;
}
.flex-control-nav {
bottom: -6px;
}
.knowledge-list {
height: 158px;
overflow: hidden;
}
.zn-topic {
padding: 0;
}
.zn-topic li{
margin-right: 0;
margin-bottom: 15px;
}
.zn-topic li:nth-child(even){
float: right;
}
.zn-topic li img {
width: 165px;
height: auto;
}
.zn-link {
padding: 0 0 10px;
}
.zn-link h2 {
line-height: 22px;
font-size: 14px;
}
.zn-link li a {
font-size: 12px;
margin: 0 5px;
}
.zn-link li span {
font-size: 12px;
}
.foot {
position: relative;
height: 100px;
background-color: #277ede;
}
.foot .left {
margin-top: 10px;
float: none;
}
.foot .left p{
font-size: 12px;
}
.foot .right {
float: none;
margin: 0;
}
.foot .right a,.foot .right span {
font-size: 12px;
}
.foot .right img{
width: 50px;
position: absolute;
right: 10px;
bottom: 10px;
}
}
@media (max-width: 420px) and (min-width: 400px) {
.zn-notice li a {
width: 300px;
}
.zn-topic li img {
width: 183px;
}
}
/*å°å±æ‰‹æœº*/
@media (max-width: 361px){
.academic dl dd {
width: 250px;
}
.zn-topic li img {
width: 160px;
}
}
@media (max-width: 321px){
.phone-logo img {
width: 310px;
}
.academic dl dd {
width: 210px;
}
.zn-notice li a {
width: 218px;
}
.zn-topic li img {
width: 140px;
}
}