@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,.p6,.p7{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 .more{ top: 68%;left: 76%;z-index: 1; height: 3%;}
.p1-0{ width: 100%;}
.p1-1{position: absolute;width:91px;top: 5%;left: 46.5%;z-index: 1;}
.p1-2{position: absolute;width:976px;top: 16%;left: 14%;z-index: 2;}
.p1-3{position: absolute;width:525px;top: 31%;left: 30%;z-index: 1;}
.p1-4{position: absolute;width:160px;top: 5%;left: 4%;z-index: 1;}
.p1-5{position: absolute;width: 64%;height: 8%;top: 53%;left: 18%;text-align: center;}
.p1-5 h2{font-size: 32px;color: #cb0100;}
.p1-5 p{font-size: 20px;margin-top: 10px;text-align: left;text-indent: 2em;line-height: 150%;}
.p1-5 p span {color: #cb0100;font-weight: bold;}
.p1-6{position: absolute;width: 40%;height:28.8%;top: 67.5%;left: 14.5%;overflow: hidden;}
.p1-6 .swiper-wrapper{}
.p1-6 .swiper-slide h2{width: 100%;height: 12%;font-size: 24px;position: absolute;bottom: 0;text-indent: 1em;background-color: #cb0100;color: white;opacity: 0.8;line-height: 160%;}
.p1-6 .swiper-slide img{ object-fit: cover; object-position: center;width: 100%;height: 100%;}
.p1-6 .swiper-pagination{text-align: right;padding-right: 3%;}
.p1-6 .swiper-pagination-bullet-active{background-color:white;}
.p1-7{position: absolute;width: 28%;height:19%;top: 74%;left: 56%;overflow: hidden;display: flex;justify-content: space-between;flex-flow: column;}
.p1-7 div{}
.p1-7 div h2:before{ content:"●"; color: #fe5b00;font-weight: bold;font-size: 18px;margin-right: 10px;}
.p1-7 div h2{font-size: 24px;font-weight: normal;}

.p2 .more{ top: 19%;left: 76%;z-index: 1; }
.p2-0{ width: 100%; }
.p2-1{position: absolute;width: 67%;height:49%;top: 38%;left: 16%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.p2-1 div{width:46%;height: 20%;}
.p2-1 div h2{font-size: 24px;font-weight: normal;line-height: 60px;}


.p3 .more{ top: 68%;left: 76%;z-index: 1; }
.p3-0{ width: 100%; }
.p3 .more{ position: absolute;top: 12%;left: 76%;z-index: 2; }
.p3-1{position: absolute;width: 26%;top: 21%;left: 19%;overflow: hidden;height: 75%;box-shadow: 0px 2px 5px #555;border-radius: 10px;}
.p3-1 .swiper-slide img{ object-fit: cover; object-position: center;width: 100%;height: 100%;}
.p3-1-prev{position: absolute;width: 39px;top: 56%;left: 15%;z-index: 20;}
.p3-1-next{position: absolute;width: 39px;top: 56.5%;left: 46%;}
.p3-2{position: absolute;width: 33%;top: 32%;left: 51%;height: 34%;}
.p3-2 img{object-fit: cover; object-position: center;width: 100%;height: 100%;}
.p3-2 h2{width: 100%;height: 15%;font-size: 24px;position: absolute;bottom: 0;text-indent: 1em;background-color: #cb0100;color: white;line-height: 160%;}
.p3-3{position: absolute;width: 36%;top: 69%;left: 51%;height: 14%;display: flex;flex-wrap: wrap;}
.p3-3 h2:before{ content:"●"; color: #fe5b00;font-weight: bold;font-size: 18px;margin-right: 10px;}
.p3-3 h2{font-size: 24px;font-weight: normal;width: 100%;}


.p4 .more{ top: 19%;left: 76%;z-index: 1; }
.p4-0{ width: 100%; }
.p4-1{position: absolute;width: 68.5%;top: 34%;left: 15.5%;}
.p4-1 .p4-1-1{display: flex;justify-content: space-between;}
.p4-1 .p4-1-1 div{width: 48%;}
.p4-1 .p4-1-1 h2{background-color: #cc0001;border-top: 5px solid #be9a2c;font-size: 24px;color: #fff;font-weight: normal;text-indent: 1em;padding: 7px 0;}
.p4-1 .p4-1-1 p{font-size: 20px;margin-top: 15px;text-align: left;text-indent: 2em;line-height: 180%;}
.p4-1 .p4-1-1 p span{ color:#c60001; }
.p4-1 .p4-1-2 {display: flex;flex-flow: wrap;justify-content: space-between;margin-top: 10px;}
.p4-1 .p4-1-2 div{width: 48%;margin-bottom: 15px;}
.p4-1 .p4-1-2 h2{font-size: 24px;font-weight: normal;background-color: #f7eda6;padding: 3px 0px 3px 20px;}
.p4-1 .p4-1-2 h2 span{float:right;}
.p4-1 .p4-1-2 h2:after{ content:"﹀"; color: #333;font-weight: bold;float: right;margin-right: 15px;margin-top: 5px;}


.p5-0{ width: 100%; }
.p5 .more{ top: 9%;left: 76%;z-index: 1; }
.p5-1{position: absolute;width: 56.3%;top: 19%;left: 13.4%;height: 72.5%;overflow: hidden;}
.p5-1 .swiper-slide img{object-fit: cover; object-position: center;width: 100%;height: 91%;}
.p5-1 .swiper-slide h2{width: 100%;height: 9%;font-size: 24px;position: absolute;bottom: 0;text-indent: 1em;background-color: #cb0100;color: white;opacity: 0.8;line-height: 180%;}
.p5-2{position: absolute;width: 14.8%;top: 24%;left: 71.1%;height: 66.3%;overflow: hidden;}
.p5-2 div{/*! display: block; *//*! overflow: hidden; */}
.p5-2 div img{ width: 80%; height: 110px; object-fit: cover; object-position: center;margin: 5% 10% 0% 10%;}
.p5-2 h2{width: 100%;height: 15%;font-size: 20px;text-indent: 0.5em;/*! margin-top: 2%; */}
.p5-2 .active{background-color: #f7eda6;}

.p6-0{ width: 100%; }
.p6 .more{ top: 14%;left: 76%;z-index: 1; }
.p6-1{position: absolute;width: 65%;top: 37%;left: 17%;height: 40%;display: flex;flex-wrap: wrap;}
.p6-1 div{width: 50%;height: 25%;}
.p6-1 h2{font-size: 24px;text-indent: 1em;}
.p6-1 h2:before{ content:"●"; color: #fe5b00;font-weight: bold;font-size: 18px;margin-right: 10px;}
.p6-1 h2{font-weight: normal;}


.p7-0{ width: 100%; }
.p7-1{position: absolute;width: 74%;height:68%;top: 21%;left: 13%;overflow: hidden;}





.footer{width: 100%;padding: 40px;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: 50px 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{}