html, body{
font-family: PingFangSC-Regular,Microsoft Yahei,Hiragino Sans GB,sans-serif!important;
//font-family: "宋体", "微软雅黑",Arial, Helvetica, sans-serif;
font-size: 15px;
background: #fff;
color: #333;
line-height: 1.6;
min-width:1200px;
}
*{
padding: 0px;
margin:0;
border:0;
}
a{
outline:0;
text-decoration:none;
blr:expression(this.onFocus=this.blur());
color: #333;
}
ul,li,h1,h2,h3,h4,h5,h6{
list-style-type: none;
text-align: center;
}
img{
display: block;
}
.fl{
float:left !important;
}
.fr{
float:right !important;
}
.w1200{
width: 1200px;
margin-right: auto;
margin-left: auto;
height: auto;
}
.clearboth{
clear:both;
border:0;
padding:0;
margin:0;
}
.fist {
width: 100%;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #0d5bc3;
}
.fist .header {
width:1200px;
height: 86px;
margin-left: auto;
margin-right: auto;
margin-bottom:15px;
margin-top:14px;
}
.fist .header .header-logo {
width: 100%;
height: 86px;
margin-left: 15px;
margin-right: auto;
}
/*顶部导航*/
.second {
width: 100%;
}
.nav {
width: 100%;
height: 50px;
background-color: #0d5bc3;
}
.nav ul {
width: 1200px;
margin: 0 auto;
}
.nav ul li {
float: left;
width: 171px;
height: 50px;
text-align: center;
}
.nav ul li a {
display: block;
font-size: 18px;
line-height: 70px;
color: #fff;
margin: -10px auto 0;
position: relative;
z-index: 9;
font-family:"微软雅黑";
}
.nav ul li:hover a {
height: 70px;
background-color: #2786D3;
text-align: center;
font-family:"微软雅黑";
}
.nav .active a{
background-color: #2786D3;
text-align: center;
font-family:"微软雅黑";
display: block;
font-size: 18px;
line-height: 70px;
width: 167px;
color: #fff;
margin: -10px auto 0;
position: relative;
z-index: 9;
}
/*顶部导航结束*/
.three {
width: 100%;
// min-height:280px;
margin:0px;
padding: 0px;
}
/*新闻、通知公告*/
.four {
height: 315px;
width: 100%;
padding-top: 15px;
padding-bottom: 20px;
}
.four .four-l {
height: 300px;
width: 830px;
}
.four .four-r {
height: 300px;
width: 350px;
}
.four .four-l .xw-l {
height: 250px;
width: 460px;
box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff, 0px 3px 2px #e7e7e7;
overflow: hidden;
}
.xw-l img{
display: block;
cursor: pointer;
transition: all 0.3s;
}
.xw-l img:hover{
transform: scale(1.1);
}
.four .four-l .xw-r {
width: 350px;
}
.navColUp {
line-height: 50px;
height: 50px;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b2c2db; /*0d5bc3;*/
}
.navColUp .title {
float: left;
height: 100%;
width: auto;
padding-left: 20px;
color: #0d5bc3;
font-family: "微软雅黑";
font-size: 20px;
font-weight: 800;
background-image: url(/jdsyzx/img/four-title-bg.png);
background-repeat: no-repeat;
background-position: left;
letter-spacing: 2px;
}
.navColUp .colMore {
float: right;
width: 58px;
}
.navColUp .colMore a{
float: right;
color: #F57C40;
text-align: center;
}
.navColList {
width: 100%;
}
.navColList ul {
width: 100%;
list-style-type: none;
}
.navColList ul li {
line-height: 40px;
float: left;
height: 40px;
text-indent: 0.5em;
display: block;
width: 100%;
border-bottom:dashed 1px #B8B8B8;
}
.navColList ul li em {
font-size:12px;
font-style: normal;
float: right;
}
.navColList ul li a{
line-height: 40px;
color: #333;
float: left;
height: 40px;
text-indent: 0.5em;
display: block;
}
.navColList ul li a:hover{
line-height: 40px;
color: #F57C40; /*#F57C40;#0d5bc3*/
float: left;
height: 40px;
text-indent: 0.5em;
display: block;
}
/*新闻、通知公告结束*/
/*快速入口*/
.five {
height: 260px;
width: 100%;
margin-top: 10px;
margin-bottom:10px;
background-image: url(/jdsyzx/img/kslj-bg.png);
background-repeat: repeat-x;
}
.kj_box {
width:1200px;
height: 120px;
margin: 0 auto;
}
.kj_box ul {
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap:nowrap;
overflow: hidden;
}
.kj_box ul li {
width: 100%;
text-align: center;
margin: 20px 10px 10px 10px;
border: 1px dotted #c5c9cc;
}
.kj_box ul li span {
display: block;
font-size: 14px;
letter-spacing: 2px;
line-height: 25px;
}
.kj_box ul li img{
display: inline;
}
/*快速入口结束*/
/*图片展示列表*/
.six {
height: auto;
width: 100%;
}
#photo-list {
height: 240px;
width: 1190px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
margin-top: 30px;
}
#photo-list ul {
margin: 0px;
padding: 0px;
}
#photo-list ul li {
/* list-style-type: none;*/
width: 260px;
height: 180px;
/* margin: 15px 25px 15px 0px;*/
margin-right:50px;
float: left;
/* text-align: center;*/
}
#photo-list ul li span {
display: block;
font-size: 14px;
font-weight: bold;
font-family: "微软雅黑";
color:#333;
text-align: center;
line-height: 60px;
height: 60px;
}
#photo-list img {
display: block;
border: 1px solid #fff;
width: 260px;
height: 180px;
cursor: pointer;
transition: all 0.6s;
}
#photo-list img:hover{
transform: scale(1.1);
box-shadow: 10px 10px 20px rgba(0,0,0,.5);
-moz-box-shadow: 10px 10px 20px rgba(0,0,0,.5);
-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,.5);
}
/*图片展示列表结束*/
/*页脚
border-right-width: 1px;
border-right-style: double;
border-right-color: #999;
*/
.footer {
height: 130px;
width: 100%;
background-image: url(/jdsyzx/img/bg.png);
background-repeat: repeat-x;
background-color: #0d5bc3;
padding-top: 70px;
}
.footer .footerL{
width: 48%;
height: 60px;
}
.footer .footerL #content {
line-height: 30px;
color: rgba(255,255,255,.7);
height: 100%;
text-align: center;
width: auto;
margin-right: auto;
margin-left: auto;
font-weight:bold;
}
.footer #content p{
line-height: 30px;
color: rgba(255,255,255,.7);
text-align: center;
font-weight:bold;
}
.footer .footerR{
text-align: center;
width: 52%;
font-weight:bold;
}
.footer .footerR a{
color: rgba(255,255,255,.7);
opacity：0.7;
line-height: 60px;
letter-spacing:1px;
}