body{margin: 0;padding: 0;color:#555;background:url(/images/ky.jpg?v=1) center top no-repeat;;font-size: 15px;font-family: Arial, Verdana, 'Microsoft Yahei', '΢ÈíÑźÚ', 'Simsun', 'ËÎÌå';}
@font-face {
  font-family: 'SYST';
  src: url('/css/fonts/SYST.eot');
  src:
    url('/css/fonts/SYST.eot') format('embedded-opentype'),
    url('/css/fonts/SYST.woff') format('woff'),
    url('/css//css/fonts/SYST.woff2') format('woff2'),
    url('/css/fonts/SYST.ttf') format('truetype'),
    url('/css/fonts/SYST.svg') format('svg');
}
a{color: #555;text-decoration: none;}
a:hover{color: #006A42;text-decoration: none;}
.wp{ width:1200px; min-width: 1200px;}
.dhlogo{margin: 50px 0 0 100px;}
.nav{margin-top: 450px; height:80px;display: flex;justify-content: space-between;align-items: flex-start;}
.nav a{font-size:25px;color: #ffffff;font-family: 'SYST';}
.nav a::after{content: '|';padding-left: 30px;color: #666666;}
.nav a:last-child::after{content: '';padding-left: 0;}
.list{margin-top: 30px; display: flex;justify-content:space-between;align-items: flex-start;}
.title{height: 55px;border-bottom:#2054b3 2px solid; display: flex;justify-content:space-between;align-items: center;}
.title h2{font-size:28px;color: #2054b3;font-weight: normal;font-family: 'SYST';}
.title span{font-size:15px;}
.panel{flex: 0 0 45%;}
.panel ul{margin-top: 20px;}
.panel ul li{line-height: 45px;
    background: url(/images/dot.png) left center no-repeat;
    padding-left: 20px;
    color: #222222;
    font-size: 16px;}

.panel ul li a:hover{color: #2054b3;}
.panel ul li span{float: right;font-size: 12px;color: #555;}
.pic{ margin-top: 20px;overflow:hidden; position:relative;}
.pic .bd{height: 250px;}
.pic .bd ul{ overflow:hidden;}
.pic .bd ul li{background:#fff;height: 250px;float:left; _display:inline; overflow:hidden; text-align:center;padding:0;}
.pic .bd ul li a{display: block;line-height: 21px;font-size: 15px;}
.pic .bd ul li a img{margin-top: 10px;}

.footer{clear: both;background: #EDF8EE;border-top: #45AB4D 2px solid;text-align:center;font-size: 13px;padding:20px 0;}
#top,#wx{z-index:1000;width:50px;height:50px;right:10px;position:fixed;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
#wx{top:360px;_margin-top:360px}
#wx a{background:url(/images/btn.png) 0 -0px;right:0;float:left;width:50px;height:50px;text-indent:-9999px}
#wx a:hover{background:url(/images/btn.png) -50px -0px}
#top{top:410px;_margin-top:410px;background:url(/images/btn.png) 0 -50px;width:50px;height:50px}
#top:hover{background:url(/images/btn.png) -50px -50px}
.wx,.wb{position:relative;z-index:2}
.wx a:hover .weixin{display:block}
.wx .weixin{position:absolute;display:none;left:-210px;top:-100px;width:200px;height:280px;background: #FFF;border-radius: 3px;box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);background:url(/images/weixin.jpg) 0 -2px no-repeat}