.bg{background:url(/i1/dddld/main/20160824/footer.jpg) no-repeat bottom;}

.iom,
.banner-nav li,
.news-con h5 span,
.news-nav li.on{background:url(/i1/dddld/main/20160824/iom.png) no-repeat;}

.banner{width:478px;height:269px;position:relative;margin:40px 0 0 47px;}
.banner-img li{display:none;}
.banner-img li img{position:absolute;bottom:-23px;right:0;}
.banner-img li a{width:100%;height:100%;background:url(#);position:absolute;top:0;left:0;}
.banner-nav{position:absolute;bottom:11px;right:13px;text-align:right;}
.banner-nav li{width:27px;height:27px;background-position:0 -332px;display:inline-block;*display:inline;*zoom:1;margin:0 3px;cursor:pointer;}
.banner-nav li.on{width:29px;height:29px;margin:-1px 2px;background-position:-29px -332px;position:relative;}

.news{padding:0 13px;width:400px;height:267px;border:1px solid #c5e1f2;margin:40px 47px 0 0;background:#fff;color:#666;position:relative;}
.news-nav {height:39px;line-height:39px;border-bottom:2px solid #ebecec;font-size:16px;}
.news-nav li{width:41px;text-align:center;margin-left:21px;cursor:pointer;float:left;}
.news-nav li.on{height:42px;margin-top:-1px;color:#3099ff;font-weight:bold;background-position:-184px -332px;}
.news-con{height:203px;overflow:hidden;font-size:12px;padding:10px 12px 0;display:none;}
.news-con h5{height:33px;line-height:33px;border-bottom:1px dotted #ebecec;padding:0 6px;}
.news-con h5 span{width:45px;height:20px;color:#a4a4a4;text-align:center;line-height:20px;background-position:-60px -332px;float:left;margin:7px 3px 0 0;}
.news-con h5 a{width:240px;color:#333;overflow:hidden;float:left;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;_width:240px;}
.news-con h5 font{float:right;color:#9f9f9f;}
.news-con h5:hover span{background-position:-107px -332px;color:#fff;}
.news-con h5:hover a{color:#1b71c8;}
.news-con .news-more{width:28px;height:28px;background-position:-154px -332px;position:absolute;top:-15px;right:4px;}

.feature{height:363px;width:1015px;background:url(/i1/dddld/main/20160824/feature.png) no-repeat 47px 0;margin-top:55px;overflow:hidden;position:relative;}
.feature-img{width:575px;margin:38px 0 0 190px;position:relative;}
.feature-img li{position:absolute;top:0;left:0;display:none;}
.feature-page{width:68px;height:26px;background-position:-227px -332px;position:absolute;top:156px;left:75px;text-align:center;line-height:26px;color:#a4a4a4;}
.feature-l,.feature-r{width:21px;height:26px;position:absolute;top:0;}
.feature-l{left:0;}
.feature-r{right:0;}

.concur{width:510px;margin:56px 0 0 47px;}
.concur-tit{width:37px;height:20px;background-position:0 -363px;padding:100px 0 0 83px;}
.concur-tit a{width:18px;height:20px;float:left;}
.concur-over{margin-left:14px;width:375px;overflow:hidden;}
.concur-box{width:9999px;}
.concur-img{height:130px;width:375px;overflow:hidden;}
.concur-img li{width:113px;height:52px;border:1px solid #d9dee2;margin:0 5px 13px;float:left;}

.health{color:#333;font-size:12px;line-height:20px;margin:69px 46px 0 0;width: 341px;height: 92px;padding: 15px 0 0 10px;border:1px solid #ccd9e4;position: relative; }
.health h4{line-height: 25px;display: block;width: 62px;height: 25px;background: #5badfd;color: #fff;font-size: 12px;text-align: center;position: absolute;top: -14px;left: 10px; }
.health-bor{padding-bottom:4px;}

.banner-nav li.on .rad-l,
.banner-nav li.on .rad-r{width:30px;height:30px;position:absolute;top:-1px;left:0;}
.banner-nav li.on .rad-l{
	clip:rect(0px,15px,30px,0px);
    -webkit-clip:rect(0px,15px,30px,0px);
}
.banner-nav li.on .rad-l:after,
.banner-nav li.on .rad-r:after{content:'';width:22px;height:22px;position:absolute;top:0;right:0;border-radius:50%;
	border:4px solid #fff;
	border-radius:50%;
}
.banner-nav li.on .rad-l:after{
	animation:moveR 3s linear;
	-webkit-animation:moveR 3s linear;
	-moz-animation:moveR 3s linear;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	clip:rect(0px,30px,30px,15px);
    -webkit-clip:rect(0px,30px,30px,15px);
    -moz-clip:rect(0px,30px,30px,15px);
}
.banner-nav li.on .rad-r{
	clip:rect(0px,30px,30px,15px);
    -webkit-clip:rect(0px,30px,30px,15px);
    -moz-clip:rect(0px,30px,30px,15px);
}
.banner-nav li.on .rad-r:after{
	animation:moveL 1.5s linear;
	-webkit-animation:moveL 1.5s linear;
	-moz-animation:moveL 1.5s linear;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	clip:rect(0px,15px,30px,0px);
    -webkit-clip:rect(0px,15px,30px,0px);
    -moz-clip:rect(0px,15px,30px,0px);
}

@keyframes moveL{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(180deg);}
}
@-webkit-keyframes moveL{
	 0%{ -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(180deg);}
}
@-moz-keyframes moveL{
	 0%{ -moz-transform:rotate(0deg);}
	100%{ -moz-transform:rotate(180deg);}
}
@keyframes moveR{
	0%{ transform:rotate(0deg);}
	50%{ transform:rotate(0deg);}
	100%{ transform:rotate(180deg);}
}
@-webkit-keyframes moveR{
	 0%{ -webkit-transform:rotate(0deg);}
	50%{ -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(180deg);}
}
@-moz-keyframes moveR{
	 0%{ -moz-transform:rotate(0deg);}
	50%{ -moz-transform:rotate(0deg);}
	100%{ -moz-transform:rotate(180deg);}
}