html, body{width: 100%; font-family: "寰蒋闆呴粦"; font-size:16px;}
*{padding: 0; margin: 0; font-family: "Microsoft YaHei" !important;}
/*閫氱敤鏍峰紡*/
a {
color: #333;
}
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;
}
/* 澶撮儴 */
.top {
width: 100%;
height: 35px;
line-height: 35px;
font-size: 14px;
color: #666;
overflow: hidden;
border-bottom: 1px solid #dfeaf5;
}
.top .right li {
float: left;
}
.top .right i {
display: inline-block;
width: 10px;
height: 10px;
background: url(../images/icon1.png) no-repeat;
}
.top .right a {
line-height: 35px;
padding: 0 10px;
}
.top .right a:hover {
text-decoration: underline;
}
.top .right .en a{
background-color: #1295d2;
text-align: center;
color: #fff;
display: block;
width: 110px;
height: 35px;
}
.navbar {
border-radius: 0;
margin-bottom: 0;
border: none;
}
.zn-search {
width: 265px;
height: 40px;
border-radius: 50px;
border: 1px solid #d9d9d9;
position: relative;
}
.zn-search-input {
width: 190px;
height: 40px;
line-height: 40px;
background: transparent;
margin-left: 15px;
border: 0;
outline: none;
color: #666;
font-size: 16px;
}
.btn-tst{
position: absolute;
top: 8px;
right: 20px;
width: 22px;
height: 22px;
opacity: 0;
}
.zn-search-btn {
position: absolute;
top: 8px;
right: 20px;
width: 22px;
height: 22px;
}
/*鏍忕洰*/
.menu {
width: 100%;
height: 135px;
background-color: #fff;
box-shadow: -4px 10px 30px #d5d3d3;
position: relative;
z-index: 10;
}
.menu li {
float: left;
width: 150px;
height: 96px;
margin-top: 20px;
text-align: center;
position: relative;
}
.menu li p {
font-size: 22px;
color: #fff;
margin-top: 10px;
}
.menu li span{
float: left;
color: #fff;
font-size: 14px;
display: block;
width: 100%;
line-height: 16px;
font-family: arial;
}
.menu li i {
display: none;
width: 15px;
height: 8px;
background: url(../images/icon2.png) no-repeat;
position: absolute;
left: 70px;
bottom: 0;
}
.menu li:hover i {
display: block;
}
.menu li.bck1{
background-color: #006eb4;
}
.menu li.bck2{
background-color: #d99206;
}
.menu li.bck3{
background-color: #38b528;
}
.menu li.bck4{
background-color: #1aba8b;
}
.menu li.bck5{
background-color: #158eda;
}
.menu li.bck6{
background-color: #9e51c5;
}
.menu li.bck7{
background-color: #5f1cb2;
}
.menu li.bck8{
background-color: #17356a;
}
/*鍐呭*/
.main {
width: 100%;
padding: 45px 0 85px;
background: url(../images/bck.jpg) repeat;
}
.conbox {
width: 100%;
margin-bottom: 30px;
}
.boxshadow {
box-shadow:2px 2px 1px #aca8a9;
float: left;
background-color: #fff;
position: relative;
padding: 0 20px 30px 20px;
}
.dot {
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #006eb4;
}
.title {
width: 100%;
margin: 20px 0;
overflow: hidden;
}
.title img {
margin-right: 5px;
vertical-align: middle;
}
.title a {
color: #006eb4;
}
.title .left {
font-size: 20px;
}
.title .right a {
display: block;
text-transform: uppercase;
border-radius: 3px;
border: 1px solid #006eb4;
padding: 4px 10px;
font-size: 12px;
}
.title .right a:hover {
color: #1a96ff;
border: 1px solid #1a96ff;
}
.list-style li {
width: 100%;
overflow: hidden;
height: 30px;
line-height: 30px;
}
.list-style li i {
float: left;
margin: 13px 7px 0 0;
}
.list-style li a {
display: block;
width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
font-size: 14px;
}
.list-style li a:hover {
color: #1278b9;
}
.list-style li span {
float: right;
color: #666666;
font-size: 14px;
}
/*瀛﹂櫌鏂伴椈*/
.news {
width: 792px;
float: left;
height: 430px;
overflow: hidden;
}
.news-focus {
width: 370px;
float: left;
}
.news-list{
width: 360px;
float: right;
}
.news-list dl {
width: 100%;
border-bottom: 1px solid #cfcfcf;
padding-bottom: 15px;
margin-bottom: 10px;
}
.news-list dl:hover dt {
color: #006eb4;
}
.news-list dt {
font-size: 20px;
font-weight: normal;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
}
.news-list dd {
font-size: 14px;
color: #666;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*瀛﹂櫌閫氱煡*/
.notice-list {
width: 385px;
float: right;
height: 430px;
overflow: hidden;
}
/*鎷涚敓灏变笟涓庡疄涔?/
.recruit {
float: left;
width: 385px;
height: 525px;
padding: 0 25px 0 20px;
overflow: hidden;
box-sizing: border-box;
}
.recruit .list-style li {
position: relative;
height: auto;
padding-left: 15px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
padding-bottom: 5px;
}
.recruit .list-style li i{
position: absolute;
top: -5px;
left: 0;
}
.recruit .list-style li a {
display: block;
width: 100%;
height: 40px;
line-height: 20px;
overflow: hidden;
white-space: normal;
float: none;
}
.recruit .list-style li span{
float: none;
}
/*鐮旂┒涓績*/
.research {
float: left;
width: 385px;
height: 525px;
padding: 0 25px 0 20px;
overflow: hidden;
box-sizing: border-box;
margin-left: 22px;
}
.research .title span {
margin-right: 45px;
}
.research-box dl {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #d3d3d3;
}
.research-box dl dt img {
display: block;
float: left;
width: 115px;
height: 65px;
}
.research-box dl dd {
float: right;
width: 215px;
height: 66px;
font-size: 14px;
line-height: 22px;
overflow: hidden;
}
.research-box dl dd:hover {
color: #1278b9;
}
/*閲嶇偣瀛︾*/
.subject {
float: right;
width: 385px;
height: 525px;
padding: 0 25px 0 20px;
overflow: hidden;
box-sizing: border-box;
}
.subject-box a {
display: block;
width: 100%;
height: 80px;
overflow: hidden;
margin-bottom: 15px;
}
.subject-box a p {
width: 100%;
height: 37px;
line-height: 37px;
color: #fff;
margin-top: 25px;
text-align: center;
}
.subject-box .glxk {
background: url(../images/img1.jpg) no-repeat;
background-position: center center;
background-size: 100% auto;
}
.subject-box .gsgl {
background: url(../images/img2.jpg) no-repeat;
background-position: center center;
background-size: 100% auto;
}
.subject-box .glxk p {
background-color: rgba(233, 168, 11, .8);
}
.subject-box .gsgl p {
background-color: rgba(4, 194, 156, .8);
}
.subject-box .dot{
display: inline-block;
background-color: #fff;
margin: 0 5px;
}
.link a {
display: block;
margin-bottom: 10px;
}
.link a img {
width: 100%;
height: 60px;
}
/*鐮旂┒涓績鏍峰紡寮€濮?/
.research .title img {
vertical-align: top;
}
.nav-tabs, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: none;
}
.nav-tabs {
display: inline-block;
}
.nav-tabs>li.active>a:hover {
background-color: transparent;
color: #006eb4;
}
.nav>li>a {
color: #333;
padding: 0 10px;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus {
color: #006eb4;
}
.research-list li a {
display: block;
position: relative;
width: 100%;
height: 45px;
line-height: 45px;
padding-left: 25px;
border: 1px solid #f2e8e7;
margin-bottom: 15px;
box-shadow: 2px 2px 1px #f1f1f1;
font-size: 14px;
}
.research-list li a:hover {
color: #006eb4;
}
.research-list li i {
position: absolute;
top: 20px;
left: 10px;
}
/*鐮旂┒涓績鏍峰紡缁撴潫*/
/*鐒︾偣鍥?/
.focus{ position:relative; width:370px; height:320px;}
.focus img{ width: 370px; height: 280px;}
.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 a{ width:300px; margin-top: 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; 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:8px; right:0px; 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{border: 1px solid #ef1245;position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 2px;color:#adadad;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ef1245;}
.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;}
/*灏鹃儴*/
.foot {
width: 100%;
height: 290px;
background-color: #0453a4;
color: #fff;
}
.foot a{
color: #fff;
font-size: 14px;
}
.foot a:hover {
text-decoration: underline;
}
.foot h3{
font-size: 20px;
margin: 0 0 15px;
}
.footbox {
width: 100%;
height: 290px;
overflow: hidden;
background: url(../images/ftbck.jpg) no-repeat;
}
.footbox .ftnav {
float: left;
width: 160px;
height: 220px;
padding-left: 40px;
margin-top: 25px;
border-right: 1px solid #3a77b5;
}
.ftst {
float: left;
width: 350px;
margin-top: 25px;
padding-left: 70px;
}
.ftst select {
width: 280px;
height: 40px;
display: block;
margin-bottom: 20px;
padding: 0 10px;
font-size: 14px;
color: #9b9a9a;
}
.footer {
width: 100%;
height: 48px;
overflow: hidden;
background-color: #151515;
line-height: 48px;
color: #9c9c9c;
}
.footer span {
padding: 0 15px;
}
.footer a {
color: #9c9c9c;
}
.footer a:hover {
text-decoration: underline;
}
.footer b {
font-weight: normal;
}
@media (min-width: 769px){
html,body{
min-width: 1230px;
}
.container {
width: 1230px;
}
.mgtp40 {
margin-top: 40px;
}
.logo img {
margin-top: 17px;
display: inline;
}
.navbar-nav>li {
border-left: 1px solid #4580bc;
}
.collapse {
border-right: 1px solid #4580bc;
padding: 0;
}
.container-fluid {
background-color: #0453a4;
padding-left: 0;
padding-right: 0;
}
.navbar-brand {
height: 120px;
padding: 0 15px;;
}
.navbar-nav>li>a {
color: #fff;
padding: 15px 33px;
}
.navbar-nav>li>a:hover {
color: #000;
}
.zn-search {
margin-right: 20px;
}
.main {
min-width: 1200px;
max-width: 1920px;
}
.connav {
width: 1200px;
margin: 0 auto;
}
.navbar-nav .dropdown-menu>li {
width: 100%;
border-top: 1px solid #e1e0e0;
}
.dropdown-menu {
border: none;
padding: 0;
}
.navbar-nav .dropdown-menu>li>a {
padding: 3px 0;
text-align: center;
font-size: 14px;
}
.navbar-nav .dropdown-menu>li:last-child a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.carousel-indicators {
bottom: 0;
}
.dropdown-menu {
min-width: 100%;
}
.zn-header li.dropdown:hover ul.dropdown-menu {
display: block;
}
.zn-header li.dropdown:hover a, .zn-header li.open a {
color: #004e98;
background-color: #eee;
}
.zn-header li.active {
background-color: #053f84;
}
.zn-header li:hover ul.dropdown-menu, .zn-header li.open ul.dropdown-menu {
background-color: #eee;
}
.zn-header li.dropdown ul.dropdown-menu li:hover a {
color: #fff;
background-color: #004e98;
}
}
@media (max-width: 768px){
body {
font-size: 12px;
}
.zn-none {
display: none;
}
.navbar-brand>img {
width: 270px;
}
.navbar-brand>img.zn-none {
display: none;
}
.navbar-brand {
padding: 10px;
height: 70px;
}
.navbar-toggle {
border: 1px solid #0864c2;
margin-top: 19px;
}
.navbar-toggle .icon-bar{
background-color: #0864c2;
}
.main {
padding: 25px 0;
}
.conbox {
margin-bottom: 20px;
}
.menu ul {
margin-top: 30px;
}
.menu li {
width: 25%;
height: 40px;
margin-top: 0;
}
.menu li p {
font-size: 14px;
}
.menu li span {
display: none;
}
.boxshadow {
padding-bottom: 15px;
}
.news, .news-focus, .news-list, .notice-list, .recruit, .research, .subject {
width: 100%;
float: none;
}
.research {
margin-left: 0;
margin: 20px 0;
}
.notice-list {
border-top: 2px solid #DCDCDC;
}
.news {
height: auto;
}
.research-box dl dd {
width: calc(100% - 125px);
}
.focus img {
width: 100%;
height: auto;
}
.focus {
width: 100%;
height: 270px;
}
.focus .fbg {
bottom: 40px;
right: 5px;
}
.footer .left {
width: 100%;
text-align: center;
}
}
@media (max-width:361px){
.tzcon dl dd {
width: 200px;
}
.xwcon dl dd {
width: 144px;
}
}
@media (max-width:768px) and (min-width:600px) {
.tzcon dl dd {
width: 560px;
}
.xwcon dl dd {
width: 500px;
}
.xwcon li a {
width: 540px;
}
.zsjy li a {
width: 540px;
}
.zdxk .tab-pane div {
width: 49%;
}
}
@media (max-width:321px){
.navbar-brand>img {
width: 233px;
}
.tzcon dl dd {
width: 169px;
}
.xwcon dl dd {
width: 106px;
}
.xwcon li a {
width: 166px;
}
.nav-tabs>li>a {
font-size: 10px;
margin-right: 5px;
}
}