@charset "UTF-8";
body,html{display:block;width:100%;height:100%;overflow:hidden}
body{margin:0;font-size:13px;line-height:1.5;background:url(//www.iruorou.com/govweb/xhtml/zhuanti/2017dzxcvision4/img/bg.jpg) no-repeat;-webkit-background-size:cover;background-size:cover; font-family:"微软雅黑","宋体";}
img{display:block;width:100%!important;height:auto!important}
.device{margin:0 auto;max-width:1192px;padding:0 11px;position:relative;top:10%}
.shadow h1{margin:0px; position: absolute;color: #fff;background: #015293; top:-36px;font-size:18px;font-weight: normal;padding:7px 10px;line-height:22px;}
.shadow h1>.born{position: absolute;width:10px;height:27px;background:url(//www.iruorou.com/govweb/xhtml/zhuanti/2017bdpshw/img/horn.png) no-repeat 100%;bottom:0px;right:-10px;}
.logo{width:140px;height:34px;position: absolute;top:-38px;right:0px;background:url(../img/logo.png) no-repeat center;}
.logo a{display: block;width:100%;height:100%;}
.shadow{position:absolute;left:50%;-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc}
.butnBox{text-align:center;padding-top:10px;position: relative;}
.device .arrow-index,.device .arrow-left,.device .arrow-right{display:inline-block;width:51px;height:51px;background:url(http://fms.xinhuanet.com/swf/2017_sjxw/xjpstyle-series/pics/new-sprites.png) no-repeat;-ms-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7)}
.device .arrow-left{background-position:-199px 0}
.device .arrow-right{background-position:-265px 0}
.device .arrow-index{background-position:0 0;width:52px}
.content-slide{padding:20px;color:#fff}
.title{font-size:25px;margin-bottom:10px}
.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0 1px 2px #555 inset;margin:0 3px;cursor:pointer}
.swiper-active-switch{background:#fff}
.page-number{position:absolute;top:10px;right:20px;font-size:16px;color:#fff;background:rgba(0,0,0,.5);padding:.2em .5em;border-radius:1em;z-index:999;}
.audio_butn{position: absolute;right:0px;top:10px;float: right; width:34px;height:36px; background:url(/govweb/xhtml/zhuanti/2017bdpshw/img/on.png) no-repeat center;background-position:center;-ms-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);cursor: pointer;text-indent:-50em;overflow: hidden;}
.embedbox{display: none;}
.prevnext{position: relative;height:1px;width:100%;}
.prev,.next{position: absolute;width:70px;height:119px;background:url(//www.iruorou.com/govweb/xhtml/zhuanti/2017dzxcvision4/img/butn.png) no-repeat;top:35%;}
.prev{left:-59px;}
.next{background-position:right;right:-59px;}

@media screen and (max-height:830px){
	.device{max-width:950px;}
}
@media screen and (max-width:768px){
	.shadow h1{background:none;padding:7px 0;}
	.shadow h1>.born{display: none;}
	.prev,.next{display: none;}
	.logo{top:-60%;width:100%;}
	.logo a{display: none;}
}
@media screen and (max-height:500px){
	.logo{top:-55%;}
}
@media screen and (orientation:landscape) and (max-width:768px){
	.shadow h1,.logo{display: none;}
}
@media screen and (max-height:768px){
	.butnBox{padding-top:5px}
}
@media screen and (orientation:landscape) and (min-height:888px){
	.device{top:35%}
}
@media screen and (orientation:landscape) and (min-height:777px){
	.device{top:25%}
}
@media screen and (orientation:landscape) and (min-height:666px){
	.device{top:15%}
}
@media screen and (orientation:landscape) and (max-height:666px){
	.device{max-width:860px;}
	.prev,.next{width:42px;height:74px;top:38%;-webkit-background-size:200% 100%;
	background-size:200% 100%;}
	.prev{left:-30px;}
	.next{background-position:right;right:-30px;}
}
@media screen and (orientation:landscape) and (max-height:600px){
	.device{max-width:700px;}
}
@media screen and (orientation:landscape) and (max-height:532px){
	.device{padding:0;margin:0 83px;}
}
@media screen and (orientation:landscape) and (max-height:420px){
	.device{margin:0 110px}
}
@media screen and (orientation:landscape) and (max-height:380px){
	.device{margin:0 125px}
}
@media screen and (orientation:landscape) and (max-height:350px){
	.device{margin:0 130px}
}
@media screen and (max-height:350px) and (max-width:500px){
	.device{margin:0 70px}
}