/* reset */

* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

html {
  *overflow-y: hidden;
  _background-attachment: fixed;
  _background-image: url(about:blank);
}

body {
  font: 12px/1.5 Microsoft YaHei, SimSun, Arial, Tahoma, sans-serif;
  /* background-color: #001859; */
  color: #ffffff;
  overflow: hidden;
  overflow-x: visible;
  _overflow: visible;
}

html,
body,
p,
dl,
dt,
dd,
table,
td,
th,
input,
img,
form,
div,
span,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
select,
fieldset,
button,
sub,
sup,
textarea {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

img {
  border: 0 none;
  vertical-align: top;
}

em,
i {
  font-style: normal;
}

ul,
ol {
  list-style: none outside none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #e24957;
  text-decoration: none;
}

:focus {
  outline: 0;
}

.clear {
  clear: both;
  overflow: hidden;
  font-size: 0;
  height: 0;
  line-height: 0;
}

input,
textarea,
select {
  background-color: #ffffff;
}

.container {
  width: 100%;
  height: 100%;
}
.screen {
  position: relative;
}

.wrap {
  position: relative;
  margin: 0 auto;
  width: 990px;
  height: 100%;
  z-index: 2;
  *zoom: 1;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slide1 {
  background: url(../images/bg1.png) no-repeat center top;
}

.slide4 {
  background: url(../images/bg3.png) no-repeat center top;
}

.wrap {
  position: relative;
  margin: 0 auto;
  width: 990px;
}

.cont {
  position: relative;
  top: 120px;
  left: 50%;
  height: 620px;
  width: 1020px;
  margin-left: -510px;
}

/*第一页*/
.qywz {
  position: absolute;
  top: 404px;
  left: 30px;
}

.jbtx {
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -66px;
}

.jbtx1 {
  position: absolute;
  top: 50%;
  margin-top: -393.5px;
  left: 53%;
}

.zjw {
  position: absolute;
  top: 111px;
  left: 33%;
}

.ngp {
  position: absolute;
  top: 198px;
  left: 50%;
  margin-left: -158px;
}

.dms {
  position: absolute;
  top: 66%;
  left: 73%;
}

.zbpfdwm {
  position: absolute;
  top: 14%;
  right: 16%;
}

.jsys {
  position: absolute;
  top: 298px;
  left: 355px;
}

.fenqi {
  position: absolute;
  top: 298px;
  left: 580px;
}

/*第二页*/
.cczjdlj {
  position: absolute;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  margin-left: -177px;
}

.linjie_bg {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	height: 120px;
}
.linjie_bg_1 {
	background: url(../images/17.png) repeat-x center top;
	height: 120px;
	width: 100000px;
	position: absolute;
	top: 0;
	right: 0;
	transition: right 3600s;
	-moz-transition: right 3600s;	/* Firefox 4 */
	-webkit-transition: right 3600s;	/* Safari 和 Chrome */
	-o-transition: right 3600s;
}
.linjie_bg_2 {
	background: url(../images/18.png) repeat-x center top;
	height: 120px;
	width: 100000px;
	position: absolute;
	top: 0;
	left: -100px;
	transition: left 3600s;
	-moz-transition: left 3600s;	/* Firefox 4 */
	-webkit-transition: left 3600s;	/* Safari 和 Chrome */
	-o-transition: left 3600s;
}

.sub-container {
  height: 100%;
}


/*第三页*/
.djnhtc {
  position: absolute;
  top: 50%;
  margin-top: -254px;
  left: 30px;
}

.djnhtc1 {
  position: absolute;
  top: 50%;
  margin-top: -210px;
  left: 30px;
}

.djnhtc2 {
  position: absolute;
  top: 52%;
  left: 30px;
}

.djnhtc3 {
  position: absolute;
  top: 59%;
  left: 30px;
}

/*第四页*/
.tcsymxw {
  position: absolute;
  top: 50%;
  margin-top: -217px;
  left: 77%;
  margin-left: -218px;
  z-index: 9999999999999;
}

.tcsymxw1 {
  position: absolute;
  top: 50%;
  margin-top: -220.5px;
  left: 22%;
  margin-left: -218px;
  z-index: 9999999999999;
}


.tcsymxw2 {
  position: absolute;
  top: 41%;
  margin-top: -118.5px;
  left: 13%;
  margin-left: -118px;
  z-index: 9999999999999;
}


.tcsymxw3 {
  position: absolute;
  top: 50%;
  margin-top: -512px;
  left: 50%;
  margin-left: -1000px;
}

/* 导航按钮 */

.device {
  position: absolute;
  top: 58%;
  margin-top: -276px;
  width: 100%;
}
.play-box {
  width: 870px;
  height: 480px;
  margin: 0px auto;
  background: none;
  position: relative;
  overflow: hidden;
}

.arrow-left {
  cursor: pointer;
  width: 45px;
  height: 45px;
  background: url(../images/l.png) no-repeat;
  position: absolute;
  top: 208px;
  left: 10px;
  z-index: 10;
}

.arrow-right {
  cursor: pointer;
  width: 45px;
  height: 45px;
  background: url(../images/r.png) no-repeat;
  position: absolute;
  top: 208px;
  right: 10px;
  z-index: 10;
}

/* 小屏分页 */

.sub-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 10px;
  width: 100%;
  z-index: 1;
}
.sub-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #0078d7;
  margin: 0 3px;
  cursor: pointer;
}
.sub-pagination  .swiper-active-switch {
  background: #c2e4ff;
}

.pagination {
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 30px;
	margin-top: -65px;
}
.pagination .swiper-pagination-switch {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #bdd1ed;
  cursor: pointer;
}
.pagination .swiper-active-switch {  
  background: #e45562;
}

.btn-page {
	background: url(../images/x.png);
}
 @-moz-keyframes btnPage {
0% {
-moz-transform: translateY(6px);
}
 50% {
-moz-transform: translateY(0);
}
 100% {
-moz-transform: translateY(6px);
}
}
@-webkit-keyframes btnPage {
0% {
-webkit-transform: translateY(6px);
}
 50% {
-webkit-transform: translateY(0);
}
 100% {
-webkit-transform: translateY(6px);
}
}
@keyframes btnPage {
0% {
transform: translateY(6px);
}
 50% {
transform: translateY(0);
}
 100% {
transform: translateY(6px);
}
}
/*btn-page*/
.btn-page {
	position: fixed;
	_position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 30px;
	_bottom: auto;
	margin-left: -12px;
	width: 26px;
	height: 31px;
	overflow: hidden;
	cursor: pointer;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight -30));
	-moz-animation: btnPage 1.2s ease-in-out infinite;
	-webkit-animation: btnPage 1.2s ease-in-out infinite;
	animation: btnPage 1.2s ease-in-out infinite;
	border:1px solid  transparent;
	z-index:9999999999999999999999999;

}