/*index*/
a:hover{text-decoration: none;}
.imgBox1,.slideBox{margin:38px 0 10px;}
.imgBox1 a{display: block;padding: 22px 0 22px 130px;background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon-new.png") 50px center no-repeat;}
.imgBox1 a p{color: #fff;font-size:20px}
.imgBox1 a p:first-child{font-weight: bold; }
.imgBox1 li:first-child a{background-color: #e67334;}
.imgBox1 li:nth-child(2) a{background-color: #f8b62c;}
.imgBox1 li:last-child a{background-color: #24a9e6;}

.slideBox h4{display: block;background-color: #0062ac;color: #fff;padding: 39px 0;font-size: 20px;font-weight: bold;text-align: center;margin:0;}
.slideBox .bd{padding:5px 16px;background-color: #f4f4f4}

.imgBox2 li a,.imgBox3 li a{display: block;font-size: 16px;color: #fff;text-align: center;padding: 88px 0 10px 0;margin: 8px 0;}
.imgBox2 li:first-child a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon1.png") center 36px no-repeat #e67334;}
.imgBox2 li:nth-child(2) a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon2.png") center 36px no-repeat #24a9e6;}
.imgBox2 li:nth-child(3) a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon3.png") center 36px no-repeat #f8b62c;}
.imgBox2 li:last-child a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon4.png") center 36px no-repeat #0062ac;}

.imgBox3 li:first-child a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon5.png") center 36px no-repeat #009e96;}
.imgBox3 li:nth-child(2) a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon6.png") center 36px no-repeat #f584b6;}
.imgBox3 li:nth-child(3) a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon7.png") center 36px no-repeat #68bd4b;}
.imgBox3 li:last-child a{background:url("https://www.duncanchristy.com/skin/sites/school_zsw/index/icon8.png") center 36px no-repeat #d84556;}

.links{margin-bottom: 30px}
.links li{float: left;width: 14.2%;}
.links li a{display: block;padding: 90px 0 20px 0;text-align: center;border: 1px solid #ccc;margin: 0 12px;color: #6c6060;}
.links li:first-child a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link1.png") center 30px no-repeat;}
.links li:nth-child(2) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link2.png") center 30px no-repeat;}
.links li:nth-child(3) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link3.png") center 30px no-repeat;}
.links li:nth-child(4) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link4.png") center 30px no-repeat;}
.links li:nth-child(5) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link5.png") center 30px no-repeat;}
.links li:nth-child(6) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link6.png") center 30px no-repeat;}
.links li:nth-child(7) a{background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/link7.png") center 30px no-repeat;}

.box .page-header{margin:20px 0 0;border-bottom: 1px solid #0f80dc;}
.box .h4{margin:0;color:#2f3030;font-weight:600;}
.box .h4 span {color:#909090;font-size:12px;padding-left:10px;font-weight:400;}
.more a{font-size:14px;color:#8c8c8c;}
.m-bd{padding-top:15px;}


#ShowAD{position: fixed;width:64px;height:135px;display: block;z-index: 99;right: 1%;top: 50%;}
#Showbox {width:64px;height:135px;background: url("https://www.duncanchristy.com/skin/sites/school_zsw/index/files.png") bottom center no-repeat;}
#Showbox  a{width:64px;height:64px;margin-bottom:7px;display:block;text-indent: -9999px;}
#icon3,#icon4{position: relative;}
#icon3 span{position: absolute;width: 146px;height: 64px;line-height: 64px;color: #fff;font-size:20px;left: -146px;top: 0;background: #0081cc;text-align:center;text-indent:1px;display: none;animation-name: example;animation-duration: 3s;overflow: hidden;    font-family: fantasy;}
@keyframes example {
  from {opacity: 0.3;}
  to {opacity: 1;}
}
#icon4 span{position: absolute;width: 80px;height: 80px;background: #fff;left: -80px;top: -8px;display: none;}
#icon3:hover span,#icon4:hover span{display:block;}
#icon4 img{width: 80px;height: 80px;z-index: 999;display: block;}
@media (max-width: 767px) {
	.imgBox1 li{    margin: 4px 0;}
	.slideBox{    margin: 0 10px;}
	.links li{float: left;width: 50%;margin: 4px 0;}
}