@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%; display: flex; align-items: center;}
.container .wrapper{width: 100%; position: relative;}
.container div { box-sizing: border-box;}
.p1,.p2,.p3,.p4{position: relative;font-size: 0;overflow:hidden;}
.more a{font-size:1.5vw; color:white;}

.p1-0{ width: 100%;}
.p1-1{position: absolute;width: 33.07%;top: 8%;left: 32%;z-index: 1;}
.p1-2{position: absolute;width: 67.86%;;top: 15%;left: 16%;z-index: 2;}
.p1-3{position: absolute;width: 14.22%;top: 44%;left: 43%;z-index: 4;}

.p2-0{ width: 100%; }
.p2 .more{ position: absolute;padding: 0.2% 1%;top: 14%;left: 75%;z-index: 1; background-color:#173766;}
.p2-1{position: absolute;display:flex;flex-flow: column;width: 60%;height: 76%;top: 20%;left: 20%;z-index: 1;background-color: white;overflow-y: scroll;}
.p2-1 .list{display: flex;justify-content: space-between;width:100%;height: 23%;padding: 1rem;border-bottom: #ccc dashed 2px;}
.p2-1 .list .thumb{width: 33%;height: 100%;overflow: hidden;}
.p2-1 .list .thumb img {
    width: 100%;
}
.p2-1 .list .info{width: 63%;}
.p2-1 .list .info h2{
    font-size: 1.8vw;
    color: #333;
    margin-bottom: 3%;
}
.p2-1 .list .info p{
    font-size: 1.5vw;
    line-height: 2.5vw;
    color: #666;
    text-indent: 2em;
}

.p3-0{ width: 100%; }
.p3 .more{ position: absolute;padding: 0.2% 1%;top: 22.5%;left: 75%;z-index: 1; background-color:#173766;}
/*工匠风采-轮播图*/
.p3-1{position: absolute;width: 50%;height: 55%;top: 31%;left: 15%;z-index: 3;overflow: hidden;}
.p3-1 .swiper-slide{
  
}
.p3-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p3-2{position: absolute;width: 15%;height: 55%;top: 31%;left: 65%;z-index: 3;overflow: hidden;background-color: white;}
.p3-2 {display:flex;flex-flow: column;align-items: center;justify-content: space-between;}
.p3-2 p{
  position:relative;
  width: 85%;
  height: 19.5%;
  font-size: 1vw;
  color: white;
  display: flex;
  align-items: center;
  background-color:#364e8e;
  padding: 0 1vw;
  margin-left: 4%;
}
.p3-2 .intitle { background-color:#536cae; }
/*三角符号*/
.p3-2 .intitle:before {
  content: '';
  position: absolute;
  top: 42%;
  left: -6.5%;
  border: 10px solid transparent;
  border-right-color: #536cae;
}
.p3-2 .intitlea:after {
  top: 50px;
  left: -20px;
  border: 10px solid transparent;
  border-right-color: #536cae;
}

.p4-0{ width: 100%; }