@charset "utf-8";



.body-bg{background: #fafcff;}

@media (max-width:992px) {
  .zdly-banner dd{margin-right: -25%; margin-left: -25%;}
  .zdly-banner dd img{min-height: 80px;}	
}
@media (max-width:768px) {
  .zdly-banner{margin-top: -20px;}
}

.zdly-cates{padding: 5px 30px 15px; background: #fff; overflow: hidden;}
.zdly-cates ul{margin: 0 -15px;}
.zdly-cates ul li{float: left; width: 33.3%;}
.zdly-cates ul li .box{position: relative; padding: 15px;}
.zdly-cates ul li .box .default{display: block; padding: 3em 0 2.75em; background: #fff; border: 1px solid #fff; box-shadow: 0 2px 30px rgba(40, 93, 153,.1); border-radius: 5px;}
.zdly-cates ul li .box .default i{display: block; width: 4em; height: 4em; margin: 0 auto;}
.zdly-cates ul li .box .default .caption{position: relative; display: table; width: 100%; height: 5em; vertical-align: middle;}
.zdly-cates ul li .box .default .caption .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; font-size: 1.125em; line-height: 1.375em; text-align: center;}
.zdly-cates ul li .box .default .caption .inline b{display: block;}

.zdly-cates ul li .box .layer{position: absolute; top: 105%; right: 15px; left: 15px; padding-right: 15px; padding-left: 15px; height: 14.75em; line-height: 14.75em; background: #fff; border: 1px solid #a3bde3; border-radius: 5px; box-shadow: 0 2px 30px rgba(40, 93, 153,.15); transition: all .3s; visibility: hidden;}
.zdly-cates ul li .box .layer .inline{display: inline-block; width: 100%; vertical-align: middle;}
.zdly-cates ul li .box .layer .inline dl{margin: -15px -7px 0 -8px;}
.zdly-cates ul li .box .layer .inline dl dd{float: left; width: 50%;}
.zdly-cates ul li .box .layer .inline dl dd a{display: block; margin: 10px 6px 0 6px; padding: .3125em .5em; color: #fff; line-height: 1.5em; text-align: center; background: #4582de; border-radius: 100em;}
.zdly-cates ul li .box .layer .inline dl dd a:hover{opacity: .9; transition: all .3s;}
.zdly-cates ul li .box .layer .inline dl.col-1{margin: -15px auto 0; width: 90%;}
.zdly-cates ul li .box .layer .inline dl.col-1 dd{width: 100%;}
.zdly-cates ul li .box .layer .inline dl.col-1 dd a{margin: 15px 0 0; padding-right: .875em; padding-left: .875em;}
.zdly-cates ul li:hover .box .layer{top: 15px; visibility: visible;}
@media (max-width:1500px) {
  .zdly-cates ul li .box .layer .inline dl dd a{font-size: .875em;}	
}
@media (max-width:1280px) {
  .zdly-cates{padding: 15px 20px 10px;}
  .zdly-cates ul{margin: -10px -10px 0;}
  .zdly-cates ul li .box{padding: 10px;}
  .zdly-cates ul li .box .default{box-shadow: 0 2px 15px rgba(40, 93, 153,.1);}
  .zdly-cates ul li .box .default .caption .inline{font-size: 1em;}	
  .zdly-cates ul li .box .layer{right: 10px; left: 10px; box-shadow: 0 2px 15px rgba(40, 93, 153,.15);}
  .zdly-cates ul li .box .layer .inline dl{margin: -8px 0 0 !important;}
  .zdly-cates ul li .box .layer .inline dl dd{display: block; width: 100%;}
  .zdly-cates ul li .box .layer .inline dl dd a{margin: 8px 0 0 !important;}
  .zdly-cates ul li .box .layer .inline dl dd:nth-child(4){display: none;}
  .zdly-cates ul li .box .layer .inline dl dd:nth-child(5){display: none;}
  .zdly-cates ul li .box .layer .inline dl dd:nth-child(6){display: none;}
  .zdly-cates ul li .box .layer .inline dl dd.none{display: block;}	
  .zdly-cates ul li .box .layer .inline dl dd.none:nth-child(2){display: none;}
  .zdly-cates ul li .box .layer .inline dl dd.none:nth-child(3){display: none;}
  .zdly-cates ul li .box .layer .inline dl dd.none:nth-child(4){display: none;}	
  .zdly-cates ul li:hover .box .layer{top: 10px;}
}
@media (max-width:992px) {
  .zdly-cates{padding: 15px;}
  .zdly-cates ul li{width: 33.33333%;}
  .zdly-cates ul{margin: -10px -7px 0 -8px;}
  .zdly-cates ul li .box{padding: 7px 7px 8px 8px;}	
  .zdly-cates ul li .box .layer{right: 7px; left: 8px;}
  .zdly-cates ul li .box .layer .inline dl dd a{font-size: .9375em;}
  .zdly-cates ul li:hover .box .layer{top: 7px;}
}
@media (max-width:768px) {
  .zdly-main{margin-right: -15px; margin-left: -15px;}
}
@media (max-width:640px) {
  .zdly-cates ul li{width: 50%;}
}
@media (max-width:414px) {
  .zdly-cates ul li .box .default i{width: 3em; height: 3em;}
  .zdly-cates ul li .box .default .caption{height: 4em;}
  .zdly-cates ul li .box .default .caption .inline b{display: none;}
  .zdly-cates ul li .box .layer{height: 8.75em; line-height: 8.75em;}
  .zdly-cates ul li .box .layer .inline dl dd:nth-child(3){display: none;}
}

.zdly-links{margin-right: -15px; margin-left: -15px;}
.zdly-links li{float: left; width: 50%;}
.zdly-links li > div{display: block; margin: 0 15px 30px; border-radius: 5px; overflow: hidden;}
.zdly-links li > div a{display: block; margin-right: -10%; margin-left: -10%;}
@media (max-width:1280px) {
  .zdly-links{margin-right: -10px; margin-left: -10px;}	
  .zdly-links li > div{margin: 0 10px 20px;}
  .zdly-links li > div a{margin-right: -25%; margin-left: -25%;}
}
@media (max-width:992px) {
  .zdly-links{margin-right: -7px; margin-left: -8px;}	
  .zdly-links li > div{margin: 0 7px 15px 8px;}
  .zdly-links li > div a{margin-right: -35%; margin-left: -35%;}
}
@media (max-width:450px) {
  .zdly-links li{width: 100%;}	
  .zdly-links li > div a{margin-right: -20%; margin-left: -20%;}
}


/*重点领域列表*/
.zdly-innerpage .splitcase:before{background: #fbfcff; border-color: #cfe2fc;}
.zdly-innerpage .splitcase:after{content: normal;}
.zdly-innerpage .parentname{padding-left: 8%; border-bottom-color: #cfe2fc;}
.zdly-innerpage .parentname:before{position: absolute; top: 0; right: 0; content: ""; width: 35px; height: 32px; background: url(../images/zdly/sidebar_triangle.png) no-repeat right top;}
@media (max-width:992px) {
  .zdly-innerpage .parentname:before{content: normal;}	
}

.zdly-innerpage .sidenav li a{padding-left: 18%;}
.zdly-innerpage .sidenav li a b{position: absolute; top: 50%; left: 8%; font-size: 1em; font-weight: normal; line-height: 1em; margin-top: -.5em; direction: none;}
.zdly-innerpage .sidenav li a b:before{content: "\e643";}
.zdly-innerpage .sidenav li a:before{display: block; border-color: #cfe2fc;}
.zdly-innerpage .sidenav li.on > a{background-color: #e7f0ff;
background-image: linear-gradient(to right, #e7f0ff, #fbfcff);
background-image: -webkit-linear-gradient(to right, #e7f0ff, #fbfcff);
background-image: -o-linear-gradient(to right, #e7f0ff, #fbfcff);
background-image: -moz-linear-gradient(to right, #e7f0ff, #fbfcff);
background-image: -ms-linear-gradient(to right, #e7f0ff, #fbfcff);}
.zdly-innerpage .sidenav li.on > a b{display: block;}
.zdly-innerpage .sidenav li.on > a span{font-weight: bold;}
@media (max-width:992px) {
  .zdly-innerpage .sidenav li > a{padding-left: 15px;}	
  .zdly-innerpage .sidenav li.on > a b{display: none;}
}