@charset "utf-8";

body {
  font-family: "微软雅黑";
  background: #041dc9;
  /*overflow: hidden;*/
}

a {
  text-decoration: none;
}

.clear {
  clear: both;
}


.bannerBox {
  width: 100%;
  height: 807px;
}

.banner1 {
  height: 344px;
  background: url(../images/banner1.png) no-repeat center;
}

.banner2 {
  height: 244px;
  background: url(../images/banner2.png) no-repeat center;
}


.banner3 {
  height: 217px;
  background: url(../images/banner3.png) no-repeat center;
}


.logo {
  width: 171px;
  height: 61px;
  display: block;
  padding-top: 58px;
}

.logo img {
  width: 171px;
}

.conText {
  width: 1200px;
  height: 92px;
  margin: 0 auto;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 35px;
  text-indent: 44px;
}

.conVideo {
  margin: 0 auto;
  margin-top: 70px;
  padding-top: 40px;
  padding-bottom: 50px;
  background: #1b20e1;
  overflow: hidden;
}

.conVideo ul li {
  float: left;
}

.conVideo ul li:nth-child(1),
.conVideo ul li:nth-child(2) {
  margin-bottom: 70px;
}

.conVideo ul li:nth-child(1),
.conVideo ul li:nth-child(3) {
  margin-left: 25px;
  margin-right: 90px;
}

.conVideo ul li .videoTitle {
  width: 264px;
  height: 58px;
  margin-left: -6px;
  padding-left: 44px;
  background: url(../images/videoTitle.png) no-repeat;
  font-size: 22px;
  font-weight: bold;
  color: #F9F9F9;
  line-height: 58px;
}

.conVideo ul li:nth-child(2) .videoTitle {
  width: 283px;
  padding-left: 30px;
}

.conVideo ul li:nth-child(3) .videoTitle,
.conVideo ul li:nth-child(4) .videoTitle {
  width: 286px;
  padding-left: 22px;
}

.conVideo ul li .videoImg {
  width: 523px;
  height: 428px;
  margin-top: -7px;
  background: #0319AC;
  border-radius: 0px 10px 10px 10px;
  border: 2px solid rgb(255, 255, 255, 0.1);
  -webkit-border-radius: 0px 10px 10px 10px;
  -moz-border-radius: 0px 10px 10px 10px;
  -ms-border-radius: 0px 10px 10px 10px;
  -o-border-radius: 0px 10px 10px 10px;
}

.conVideo ul li .videoImgCon {
  width: 483px;
  height: 360px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 15px 0 15px 25px;
  background: url(../images/videoImgCon.png) no-repeat;
}

.videoImgTop {
  margin-bottom: 15px;
  overflow: hidden;
}

.videoImgTop img {
  float: left;
  width: 89px;
  height: 89px;
  margin-right: 11px;
}

.videoImgTopL {
  float: left;
}

.videoImgTopL h2 {
  font-size: 20px;
  font-weight: bold;
  color: #031697;
  line-height: 29px;
}

.conVideo ul li:nth-child(3) .videoImgTopL h2,
.conVideo ul li:nth-child(4) .videoImgTopL h2 {
  margin-top: 17px;
}

.videoImgTopL p {
  padding-left: 14px;
  background: url(../images/icoD.png) no-repeat left center;
  font-size: 19px;
  color: #031697;
  line-height: 29px;
}

.conVideo ul li .videoImgCon img.videoTu {
  display: block;
  width: 431px;
  height: 242px;
  margin-left: 15px;
  cursor: pointer;
}

.footer {
  height: 132px;
  padding-top: 79px;
  background: url(../images/footerBg.png) no-repeat bottom center;
}

.ewmBox {
  width: 560px;
  margin: 0 auto;
  margin-top: 50px;
}


.ewmBox .ewmImg {
  float: left;
  width: 130px;
  height: 130px;
  margin-top: 26px;
  margin-right: 38px;
}

.ewmBox .imgR {
  float: left;
  width: 385px;
  height: 50px;
  margin-top: 66px;
}

/* 露露 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 20;
  display: none;
  align-items: center;
  justify-content: center;

}

.videoBox {
  display: none;
  width: 680px;
  height: 383px;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-left: -340px;
  margin-top: -192px;
}

#testVideo {
  width: 100%;
}

.hide {
  display: none !important;
}

.videoClose {
  position: absolute;
  right: -44px;
  top: -37px;
  width: 35px;
  height: 35px;
  background: url(../images/closeH.png) no-repeat;
  cursor: pointer;
}