@charset "UTF-8";
html,
body {
  position: relative;
  background: #fff;
  font-family: "Microsoft YaHei","微软雅黑","SimSun",sans-serif;
  font-size: 16px;
  color: #000;
  margin: 0;
  padding: 0;
}
*{
  margin:0; padding:0; list-style:none;
  -webkit-text-size-adjust: none;/*手机端 font-size 异常缩放*/
}
img{ border:0; }
a {color: #333;text-decoration:none;}

/*通用部分*/
.container{ width: 100%;  position: relative;min-width:1360px;/*手机端适应必须*/}
.container .wrapper{width: 1360px; margin: auto;position: relative;}
.container div { box-sizing: border-box;}
.p1,.p2,.p3,.p4,.p5{position: relative;font-size: 0;overflow:hidden;}
.more {position: absolute;width:8%; height:7%;cursor: pointer;}
h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.p1-0{ width: 100%;}

.p2-0{ width: 100%; }


.p3-0{ width: 100%; }
.p3-1{position: absolute;width: 42%;top: 22.7%;left: 30%;overflow: hidden;}
.p3-2{position: absolute;width: 42%;top: 38.5%;left: 49%;overflow: hidden;}
.p3-3{position: absolute;width: 42%;top: 54%;left: 30%;overflow: hidden;}
.p3-4{position: absolute;width: 42%;top: 71.3%;left: 50%;overflow: hidden;}
.p3-5{position: absolute;width: 42%;top: 86.5%;left: 30%;overflow: hidden;}
.p3 h2{ color:white;font-size:24px;margin-bottom: 15px;text-indent: 2em;}


.p4 .more{ top: 19%;left: 76%;z-index: 1; }
.p4-0{ width: 100%; }
.p4-1{position: absolute;width: 55%;height:55.5%;top: 37%;left: 5%;overflow: hidden;}
.p4-1 .swiper-wrapper{}
.p4-1 .swiper-slide h2{width: 100%;height: 9%;font-size: 24px;position: absolute;bottom: 0;text-indent: 1em;background-color: #102b72;color: white;opacity: 0.8;line-height: 160%;font-weight: normal;}
.p4-1 .swiper-slide img{ object-fit: cover; object-position: center;width: 100%;height: 100%;}
.p4-1 .swiper-pagination{text-align: right;padding-right: 2%;margin-bottom: 8px;}
.p4-1 .swiper-pagination-bullet-active{background-color:white;}
.p4-2{position: absolute;width: 28%;height:36%;top: 40%;left: 67%;overflow: hidden;display: flex;flex-flow: column;justify-content: space-between;}
.p4-2 p{font-size: 20px;font-weight: normal;background: url("../images/p4-1.png") no-repeat 0px 40px;padding-left: 50px;height: 80px;}
.p4-2 p::before { /*! content: url("../images/p4-1.png"); */margin-top: 8px;display: block;}


.p5{ width: 100%; height:270px; background-color:#102b72; }
.footer{width: 100%;padding: 10px;position: absolute;height: 100%;top: 0;}
.footer a{color:#fff;}
.footer .info{
  margin-top: 20px;
  display:flex;
  justify-content: center;
  align-items:center;
  font-size: 15px;
  line-height: 200%;
  text-align:center;
  color: #fff;
}
.footer .maker{
  font-size: 14px;
  text-align:center;
  color: #fff;
  margin: 20px auto 0;
}
.footer .maker span{
    margin: 0 15px;
}
.footer .info div:nth-child(1),.info div:nth-child(3) {width: 390px;}
.footer .info div:nth-child(2) {width: 80px;margin-right: 20px;}
.footer .info div {}
.footer .info div {text-align: left;}
.footer .info div a {}
.footer .info p{}