@charset "utf-8";
.banner{width: 100%;overflow:hidden;}
/*content*/
.content{
	background:url(/uploads/image/d1rwimages/body_bg.jpg) no-repeat bottom center;}
.wrap_mode01{position: relative;}
.wrap_mode01:before,.wrap_mode01:after{content: '';width: 0;height: 0;position: absolute;top: 0;z-index: 0;}
.wrap_mode01:before{border-top: 260px solid #fff; border-right: 260px solid transparent;left: 0;}
.wrap_mode01:after{border-top: 260px solid #fff; border-left: 260px solid transparent;right: 0;}
.mode01{padding: 30px 0 ;position: relative;z-index: 1;}
.listtitle01{padding:5px 0 10px 40px;overflow: hidden;background-image: url(/uploads/image/d1rwimages/icon1.jpg);background-position: left center;background-repeat: no-repeat;}
.listtitle01 h2{line-height: 1.5;}
.listtitle01 h2 a{color:#006dca;transition: opacity 0.35s ease-in-out;}
.listtitle01 h2 a:hover{opacity: 0.8;}
.more01{float: right;padding-top: 6px;font-size: 12px;}
.more01 a{color:#999;}
.more01 a:hover{color:#006dca;}
.mode01 .lf{width: 47.57%;}
.bpc-list01 {margin:0 -17px;}
.bpc-list01 li{width: 50%;float: left;margin-bottom: 14px;}
.bpc-list01 li > a{display: block;margin:0 17px;padding-bottom: 16px;}
.item-img01.imgresponsive{padding-bottom:56.135%;}
.bpc-list01 li h3{line-height: 27px;height: 54px;overflow: hidden;margin-bottom: 10px;padding-top: 10px;color:#333;}
.item-date01{display: block;padding-left: 20px;background:url(/uploads/image/d1rwimages/date.jpg) no-repeat left center;line-height: 1.5;color:#006dca;}
.bpc-list02 {}
.bpc-list02 li{border-bottom: 1px solid #dedede;}

.bpc-list02 li a{display: block;height: 72px;line-height: 72px;overflow: hidden;transition: all 0.35s ease-in-out;margin-left: 72px;}
.list-date2{width: 50px;float: left;}
.list-date2 strong,.list-date2 i{display: block;font-style: normal;white-space: nowrap;font-weight: normal;}
.list-date2 strong {color: #006dca;padding:5px 0 2px;border-bottom: 2px solid #5e96d1;margin-bottom: 5px;}
.list-date2 i {color: #757575;font-size: 13px;}
.mode01 .rt{width: 47.85%;}
.tbg2{background-image: url(/uploads/image/d1rwimages/icon2.jpg);}
.tbg3{background-image: url(/uploads/image/d1rwimages/icon3.jpg);}
.tbg4{background-image: url(/uploads/image/d1rwimages/icon4.jpg);}
.tbg5{background-image: url(/uploads/image/d1rwimages/icon5.jpg);}
.tbg6{}
.tbg7{}
.tbg8{}
.tbg9{}
.tbg10{}
/*通知公告*/
.mode02{padding:10px 0 30px;}
.mode02 .lf{width: 47.57%;}
.bpc-list03{margin:0 -13px;}
.bpc-list03 li{width: 50%;float: left;margin-bottom: 23px;}
.bpc-list03 li > a{display: block;padding:19px 0 20px;box-shadow: 0 0 5px rgba(0,0,0,0.1);margin:0 13px;transition: all 0.35s ease-in-out;}
.item-date03{display:inline-block;color:#006dca;margin-bottom: 10px;*display: inline;*zoom: 1;height: 24px;line-height: 24px;background-color: #efeff4;border-left: 4px solid #5e96d1;padding:0 13px;border-radius: 0 12px 12px 0;font-size: 14px;}
.item-date03 strong{color: #006dca;font-size: 16px;margin-left: 2px;}
.bpc-list03 li h3{line-height: 27px;height: 54px;overflow: hidden;font-weight: normal;padding:0 13px;}
/*媒体北工院*/
.mode02 .rt{width: 47.57%;}
.bpc-lis04{border: 1px solid #eee;border-bottom: none;border-left: none;position: relative;}
.bpc-lis04:after{content: '';display: block;width: 100%;clear: both;}
.bpc-lis04 li{width: 50%;float:left;}
.bpc-lis04 li a{display: block;padding:18px 20px 17px 25px;overflow: hidden;border-left: 1px solid #eee;border-bottom: 1px solid #eee;transition: all 0.35s ease-in-out;}
.list-date04{overflow: hidden;margin-bottom: 5px;}
.list-date04 span{float: right;font-size: 13px;color:#757575;}
.list-date04 strong{display: inline-block;*display: inline;*zoom:1;height: 21px;line-height: 20px;background: #006dca;padding:0 15px;min-width: 25px;text-align: center;color:#fff;font-weight: normal;font-size: 13px;}
.bpc-lis04 li h3{font-weight: normal;line-height: 27px;height: 54px;overflow: hidden;}
/*专题*/
.wrap_mode03{position: relative;border-radius: 0 225px 225px 0;overflow: hidden;}
.bg_lf03{width: 50%;float: left;height: 100%;background:#fff;border-top: 1px solid #dedede;position: absolute;left: 0;z-index: 0;}
.bg_rt03{width: 50%;float: left;height: 100%;background: url(/uploads/image/d1rwimages/mode_rt.jpg) no-repeat right center #f5f5f5;position: absolute;left: 50%;z-index: 0;}
.mode03{position: relative;z-index: 5;padding-bottom: 35px;}
.mode03 .lf{width: 47.57%;}
.mode03 .rt{width: 47.57%;}


/*ie8提示*/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(/uploads/image/d1rwimages/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(/uploads/image/d1rwimages/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(/uploads/image/d1rwimages/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconedge{background: url(/uploads/image/d1rwimages/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.bpc-list05{padding:0 0px; margin-left:-15px; margin-right:-15px;}
.slick-list{padding:5px 0;}
.bpc-list05 li{float: left;width: 24.9%; height:140px;}
.bpc-list05 li span{display: block;margin:0 12px;transition: all 0.35s ease-in-out;border:0px solid #fff;} 
.bpc-list05 li .imgresponsive{padding-bottom: 49.068%;position: relative;}
.bpc-list05 li .imgresponsive:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewx(-25deg);transform:skewx(-25deg);}
.bpc-list05 li .imgresponsive:hover:before{-webkit-animation:aniblink .6s ease-out forwards;-moz-animation:aniblink .6s ease-out forwards;
	-o-animation:aniblink .6s ease-out forwards;	animation:aniblink .6s ease-out forwards;}
@keyframes aniblink{
	from{margin-left:-50%;}
	to{margin-left:120%;}
}
@-webkit-keyframes aniblink{
	from{margin-left:-50%;}
	to{margin-left:120%;}
}
.bpc-list06{width:500px; padding-top:20px;}
.bpc-list06 li{width: 50%;float: left;margin-bottom: 15px;}
.bpc-list06 li > a{display: block;background: #fff;border-left: 1px solid #5e96d1;height: 53px;overflow: hidden;margin:0 26px 0 0;text-align: center;padding:0 15px;line-height: 22px;transition: all 0.35s ease-in-out;}
.bpc-list06 li > a > span{ display: inline-block; height: 100%; vertical-align: middle;}
.bpc-list06 li > a > strong{display: inline-block;vertical-align: middle;font-weight: normal;}
.bpc-list06 li > a:hover{border-left: 5px solid #fff;background: #3481d1;}
.bpc-list06 li > a:hover strong{color:#fff;}
/*4*/
.wrap_mode04{position: relative;margin-bottom:15px;}
.bg04{width: 50%;float: left;background-color: #f5f5f5;position: absolute;left: 0;top: 0;z-index: 0;height: 100%;}
.mode04{position: relative;z-index: 5;padding:10px 0 0;border-bottom: 1px solid #f5f5f5;}
.mode04 .lf{width: 47.57%;}
.item-img07{width: 470px;float: left;}
.item-img07 .imgresponsive{padding-bottom: 56.08%;}
.item-img07 h3{height: 45px;line-height: 45px;overflow: hidden;background-color: #f5f5f5;margin-right: 40px;margin-top: 0px;position:relative;padding:0 15px;}
.bpc-lis07{margin-left: 490px;}
.bpc-lis07 li{padding-bottom: 16px;border-bottom: 1px solid #dedede;margin-bottom: 16px;}
.bpc-lis07 li a{height: 24px;line-height: 24px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;transition: all 0.35s ease-in-out;}
.bpc-list20{margin:0 -16px;}
.bpc-list20 li {margin-bottom: 23px;width: 50%;}
.bpc-list20 li > a{display: block;margin:0 16px;padding:16px 0 20px;background-color: #fff;border:1px solid #eee;border-left: 16px solid #efeff4;}
.list-date20{display: block;position: relative;padding-left: 15px;}
.list-date20:before{content: '';width: 24px;height: 4px;background-color: #5e96d1;position: absolute;left:-16px;top: 50%;margin-top: -2px;}
.list-date20 strong{display: inline-block;*display: inline;*zoom: 1;font-size: 27px;color: #006dca;vertical-align: middle;margin-right: 3px;font-weight: normal;}
.list-date20 span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;line-height: 1;font-size: 15px;color: #757575;}
.list-date20 span i{display: block;font-style: normal;}
.bpc-list20 li h3{font-weight: normal;line-height: 27px;height: 54px;overflow: hidden;padding:0 15px;}

.mode04 .rt{width: 47.57%;}

.media > span{width:78px;height: 50px;line-height: 50px;float: left;border-right: 1px solid #eee;}
.wechat{ }
.sina{}
.sina a{display: block;width: 100%;height: 100%;}
.code{cursor: pointer;position: relative;}
.code strong{width: 120px;position: absolute;left: 50%;margin-left: -60px;bottom: 25px;display: none;}
.code:hover strong{display: block;}
.code.on strong{display: block;}
@-webkit-keyframes fadeinupsmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

@keyframes fadeinupsmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;}
}

.fadeinupsmall {
	-webkit-animation-name: fadeinupsmall;
	animation-name: fadeinupsmall;}
.bpc-list08{margin:0;border: 1px solid #eee;border-top:none;border-bottom: none;}
.bpc-list08:after{content: '';width: 100%;display: block;clear: both;}
.bpc-list08 li{margin-bottom: 0;}
.bpc-list08 li > a{box-shadow: none;border:1px solid #eee;border-top: none;margin:0;border-left: none;}
.bpc-list08 li.li2 a,.bpc-list08 li.li4 a{border-right:none;}
.bpc-list08 .item-date03{background:none;border-left: none;margin-bottom: 2px;}
.bpc-list08  li >a{padding-top: 10px;}
.email-title span{font-size: 16px;margin-left: 15px;font-weight: normal;}
.mode05{padding-bottom: 30px;}
.slick-arrow{width: 28px;height: 120px;background-color: #5e96d1;position: absolute;top: 13px;background-position: center;background-repeat: no-repeat;border: none;text-indent: -888em;cursor: pointer;}
.slick-prev{left: 0;}
.slick-next{right: 0;}
@media screen  and (min-width:1020px) {
  .bpc-list02 li a:hover{text-indent: 10px;}
  .bpc-list03 li > a:hover,.bpc-lis04 li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: scale(1.05);background: #fff;}
  .bpc-list05 li span:hover{box-shadow: 0 0 10px rgba(0,0,0,0.25);}
  .bpc-lis07 li a:hover{text-indent: 10px;}
}
@media screen  and (max-width:1920px) {
 .bg_lf03{background-position: bottom right 520px;}
 .bg_rt03{background-position: left 500px center;}
}
@media screen  and (max-width:1600px) {
.wrap_mode01:before,.wrap_mode01:after{display: none;}	
}

@media screen and (max-width: 1460px) {
	/* .bpc-list06{padding-top: 35px;} */
  .mode03{padding-bottom: 20px;}
  .item-img07{width: 400px;}
  .bpc-lis07{margin-left: 420px;}
  .bpc-lis07 li{padding-bottom: 13px;margin-bottom: 13px;}
  .bpc-list08{padding-bottom: 0;border-bottom:none;}
  .bpc-list02 li a{height: 66px;line-height: 66px;}
  .slick-arrow {height: 110px;top: 50%;margin-top: -55px;}
  .list-date2 strong,.list-date20 strong{font-size: 22px;}
.item-date03 strong{font-size: 14px;}
}
@media screen and (max-width: 1240px) {
	/* .mode01 .lf{width: 600px;} */
  /* .bpc-list02{margin-left: 600px;} */
  .bpc-list06{width: 450px;}
  .wrap_mode03{border-radius: 0;}
  .item-img07{width: 300px;}
  .bpc-lis07{margin-left: 320px;}
  .bpc-list02 li a{height: 59px;line-height: 59px;}
  .list-date2 strong{margin-bottom: 2px;}
  .list-date2 strong{font-size: 18px;}
  

}
@media screen and (max-width: 1020px) {
.bpc-list06{width: 100%;}
}
@media screen and (max-width:998px) {
	.mode01 .lf,.mode01 .rt{width: 100%;float: none;overflow: hidden;}
  .bpc-list01,.bpc-list05,.bpc-list03,.bpc-list20,.bpc-list20{margin:0 -8px;}
  .bpc-list01 li > a,.bpc-list05 li span,.bpc-list03 li > a,.bpc-list20 li > a,.bpc-list20 li > a{margin:0 8px;}
  .bpc-list03 li{margin-bottom: 15px;}
  .bpc-list08 li{margin-bottom: 0;}
  .bpc-list08{margin:0;}
  .bpc-list08 li > a{margin: 0;}
  .bpc-list02{margin:15px 0 0;}
  .mode02 .lf ,.mode02 .rt{width: 100%;float: none;}
  .mode02 .lf:after ,.mode02 .rt:after{content: '';clear:both;display: block;}
  .listtitle01{padding:15px 0 10px 40px;background-size:auto 25px;}
  .bg_lf03,.bg_rt03{display: none;}
  .mode03{padding-left: 0 !important;padding-right: 0 !important;}
  .mode03 .rt{background:url(/uploads/image/d1rwimages/mode_rt.jpg) no-repeat right -200px center #f5f5f5;width: auto;overflow: hidden;padding:0 15px;float: none;}
  .mode03 .lf{ #fff;width: auto;overflow: hidden;padding:0 15px;float: none;}
  .bpc-list06{width: 560px;margin:0 auto;padding:10px 0;}
  .bpc-list06 li > a{margin:0 8px;}
  .bg04{display: none;}
  .mode04 .lf{padding:0 15px 15px;background: #f5f5f5;width: auto;float: none;}
  .mode04 .rt{padding:0 15px 0;width: auto;float: none;}
  .wrap_mode04 {}
  .mode04 {padding:10px 0 !important;}
  .item-img07 h3{line-height: 22px; height: auto;padding:10px 15px;}
  .item-img07 h3 a{display: block;height: 44px;}
  .bpc-lis07 li{padding-bottom: 8px;margin-bottom: 8px;}
  .wrap_mode04{margin-bottom: 30px;}
  .list-date20 strong{font-size: 24px;}
  .bpc-list20 li > a{border-left-width: 4px;}
  .list-date20:before{width: 16px;left: -8px;}
  .bpc-list05{padding:0 30px;}
  .bpc-list20 li{margin-bottom: 12px;}
  .mode02{padding-bottom: 10px;}
}
@media screen  and (max-width:767px) {
	.flex-direction-nav a{width: 35px;height: 35px;background-size: 35px !important;margin-top: -17px;}
  .flexslider .flex-prev{left: 15px;}
  .flexslider .flex-next{right: 15px;}
  .flex-control-nav{bottom: 10px;}
  .flex-control-paging li a.flex-active{margin-right: 20px;}
  .flex-control-paging li a.flex-active:before{width: 20px;right: -25px;}
  .mode01{padding-top: 15px;padding-bottom: 15px;}
  .mode03 .rt{background: #f5f5f5;}
	}
@media screen and (max-width:600px) {
	
	.bpc-list06{width: 100%;overflow: hidden;}
		
}
@media screen and (max-width:480px) {
  .bpc-lis04 li a{padding:15px;}
	.bpc-list01 li,.bpc-list03 li,.bpc-lis04 li,.bpc-list20 li{width: 100%;}
  .bpc-list01 li h3,.bpc-list03 li h3,.bpc-lis04 li h3,.bpc-list20 li h3{height: auto;}
  .bpc-list06 li > a{height: 50px;}
  .item-img07{width: 100%;float: none;}
  .bpc-lis07{margin:10px 0 0 ;}
  .item-img07 h3 a{height: auto;}
  .item-date03{margin-bottom: 5px;}
  .bpc-list08 li.li1 > a,.bpc-list08 li.li3 > a{border-right: none;}
  .bpc-list20 li{margin-bottom: 10px;}

}
@media screen and (max-width:400px) {
 .bpc-list06 li{width: 100%;}
	 
}
@media screen and (max-width:380px) {
  
}
@media screen and (max-width:320px) {
	
	

	


}