@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.2vw; color:white;}

.p1-0{ width: 100%;}

.p2-0{ width: 100%; }
.p2 .more{ position: absolute;padding: 0.2% 1%;top: 94%;left: 47.7%;z-index: 1; background-color:#d7000f;}
.p2-1{position: absolute;display: flex;flex-wrap: wrap;justify-content: space-between;width: 72%;height: 64%;top: 30%;left: 14%;z-index: 1;}
.p2-1 .list{display: block;width: 49%;height: 30%;padding: 1rem;background-color: #eee;}
.p2-1 .list .info{width: 100%;}
.p2-1 .list .info h2{
    font-size: 1.5vw;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2%;
}
.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: 94.5%;left: 47.7%;z-index: 1; background-color:#d7000f;}
.p3-1{position: absolute;display:flex;flex-flow: column;width: 60%;height: 66%;top: 27%;left: 20%;z-index: 1;background-color: white;overflow-y: scroll;padding: 1%;}
.p3-1 .list{display: flex;justify-content: space-between;width:100%;padding: 1rem;background-color: #eee;border-bottom: #ccc dashed 2px;margin-bottom: 3%;}
.p3-1 .list .thumb{width: 30%;height: 100%;overflow: hidden;}
.p3-1 .list .thumb img {
    width: 100%;
}
.p3-1 .list .info{width: 66%;}
.p3-1 .list .info h2{
    font-size: 2vw;
    color: #333;
    margin-bottom: 3%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p3-1 .list .info p{
    font-size: 1.5vw;
    line-height: 2.5vw;
    color: #666;
    text-indent: 2em;
}

.p4-0{ width: 100%; }
.p4 .more{ position: absolute;padding: 0.2% 1%;top: 87%;left: 47.7%;z-index: 1; background-color:#d7000f;}
/*工匠风采-轮播图*/
.p4-1{position: absolute;width: 55.5%;height: 46%;top: 39.5%;left: 15%;z-index: 2;overflow: hidden;}
.p4-1 .swiper-slide{
  
}
.p4-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p4-2{position: absolute;width: 15%;height: 46%;top: 39.5%;left: 70.5%;z-index: 1;overflow: hidden;}
.p4-2 {display:flex;flex-flow: column;align-items: center;justify-content: space-between;}
.p4-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: 7%;
}
.p4-2 .intitle { background-color:#536cae; }
/*三角符号*/
.p4-2 .intitle:before {
  content: '';
  position: absolute;
  top: 40%;
  left: -7%;
  border: 10px solid transparent;
  border-right-color: #536cae;
}
.p4-2 .intitlea:after {
  top: 50px;
  left: -20px;
  border: 10px solid transparent;
  border-right-color: #536cae;
}

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