yframes list { 0% { left: -100%; }
  100% { left: 0; } }


  
  .fl {float:left;}
  .fr {float:right;}
  .clear{clear:both;}
  .fl{float: left;}
  .fr{float: right;}
  .fx,.fxrow{display:flex;flex-direction:row;align-items:center}
  .fjsb{justify-content:space-between}
  .fjsa{justify-content:space-around}
  .fjfe{justify-content:flex-end}
  .fjce{justify-content:center}
  .fafe{align-items:flex-end}
  .fafs{align-items:flex-start}
  .fwp{flex-wrap:wrap}
  .ti2{text-indent:2em}
  .ovh{overflow:hidden}
  .dn{display:none}
  a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
  p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
  li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
  ul {margin: 0;padding: 0;}
  img{margin: 0;padding: 0;}
  img { border: 0; vertical-align: top; }
  h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}

  .mt20{margin-top: 20px;}
  .mt30{margin-top: 30px;}
  .mt40{margin-top: 40px;}
  .mt50{margin-top: 50px;}
  .mt60{margin-top: 60px;}
  .mb40{margin-bottom: 40px;}


/* 头部 */
.pcHead{position:fixed;top:0;left:0;z-index:30;width:100%;background-color:rgba(0,0,0,.2);transition:ease .5s}
.pcHead .container{display:flex;justify-content:space-between;align-items:center;height:120px}
.pcHead .container .logo{height:80px;display:flex;justify-content:center;align-items:center}
.pcHead .container .logo img{height:100%}
.pcHead.on,.pcHead:hover{box-shadow:0 0 8px rgba(0,0,0,.2);background-color:#181818}
nav {position: relative;z-index: 1000;}
/* nav >  ul{width: 1200px;margin:0 auto;} */
nav >  ul {  display:flex;flex-direction:row;align-items:center ;justify-content:flex-end  }
nav >  ul > li {line-height:120px;flex:1;  text-align: center;position: relative;;}
nav > ul > li >a {display: block;color: #fff;font-size:17px;padding: 0 40px;}
nav > ul > li{background: url(../images/at.png) no-repeat right  0 center;}
nav > ul > li:hover{ background-image: none; }
nav > ul > li:hover >  a{color:#d9251c}
nav >ul > li.active > a{color:#d9251c }

/* 二级 */
nav > ul > li > ul {position: absolute;width:100%; background-color:rgba(24,24,24,.8)    }
nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;
 visibility: hidden;transition: all .3s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}
nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
nav > ul > li > ul li {width: 100%;float: left;}
nav > ul >  li > ul li a {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;display: block;font-weight: 0!important;line-height: 40px;width: 100%;  color: #fff; text-align: center;background-color:rgba(24,24,24,.6);font-size: 16px;}
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #d9251c;} 
nav >ul > li span{float: none!important;}



/*产品展示下拉*/
nav > ul > li:nth-child(3)  ul {width:250px;margin-left:-40px}







/* banner */
.banner{border: none;margin:0;padding: 0;}
.slide_banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; }
.slide_banner .hd ul{ text-align:center;}
.slide_banner .hd ul li{ cursor:pointer;background:#134fbf!important;display:inline-block; *display:inline; zoom:1; width:30px; height:6px;margin:0 3px;text-indent: -9999px;/* filter:alpha(opacity=30);opacity:0.3;*/}
.slide_banner .hd ul .on{filter:alpha(opacity=80);opacity:1;}
.slide_banner .prev,
.slide_banner .next{display:none;position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;z-index:1; width:40px; height:60px;cursor:pointer; filter:alpha(opacity=50);opacity:0.5;background:rgba(0,0,0,.7);color:#fff;font-size: 30px; line-height: 60px;text-align: center;font-family: 宋体; -moz-user-select:none; -webkit-user-select:none;-ms-user-select:none;font-weight:bold;user-select:none;}
.slide_banner .next{left:auto; right:10%;}
.slide_banner .bd { margin: -22px auto!important; position: relative; z-index: 0;overflow: hidden;}

/* 工程业绩 */
.indexBox1 .lis{position:relative;display:block}
.indexBox1 .lis .imgbox{width:100%}
.indexBox1 .lis .text{position:absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;background: rgba(51, 51, 51, 0.62);}
.indexBox1 .lis .text h4{font-size:20px;font-weight:400;line-height:1;margin:8px 0;text-transform:uppercase;opacity:.65}
.indexBox1 .lis .text h3{font-size:20px;margin:0}
.indexBox1 .lis:hover img{transform:scale(1.1)}
/* 右侧列表调用第一个不展示 */
.indexBox1 .list2 > div:nth-of-type(1) {display: none;}

 /* 关于我们 */
 .indexBox2{background:url(../image/about.jpg) top center no-repeat}
 .indexBox2 .headTit{margin-bottom:40px}
 .indexBox2 .headTit h3,.indexBox2 .headTit p{color:#fff}
 .indexBox2 .text{color:#fff}
 .indexBox2 .text .line{width:80px;height:4px;background:#d9251c;margin:25px 0}
 .indexBox2 .text h3{font-size:38px}
 .indexBox2 .text p{margin-top:10px;line-height:2;opacity:.8;transition:ease .5s;font-size: 16px!important;}
 .indexBox2 .text span{font-size: 16px!important;}
 .indexBox2 .text p:hover{opacity:1}
 .indexBox2 .imgbox{padding-left:60px}

 /* 新闻中心 */
 .indexBox3 .headTit{text-align:left}
 .indexBox3 .headTit h4{margin-left:0;margin-right:auto}
 .indexBox3 .newsNav{display:flex;margin-right:0;margin-left:auto;width:max-content;border-bottom:1px solid #dedede;padding-top:20px}
 .indexBox3 .newsNav .navlis{padding:10px 20px;cursor:pointer;margin-bottom:-2px;transition:ease .5s}
 .indexBox3 .newsNav .navlis.on{font-weight:700;border-bottom:2px solid #d9251c}
 .indexBox3 .newsBox{display:none;margin:-10px}
 .indexBox3 .newsBox .lis{display:block;padding:0 10px}
 .indexBox3 .newsBox .lis .text{padding:20px;background-color:#f7f7f7;transition:ease .5s}
 .indexBox3 .newsBox .lis .text h4{font-size:17px;line-height:26px;color:#1a1a1a;margin:0 0 13px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .indexBox3 .newsBox .lis .text span{display:block;font-size:14px;color:#999;margin:0;font-weight:400}
 .indexBox3 .newsBox .lis:hover img{transform:scale(1.1)}
 .indexBox3 .newsBox .lis:hover .text{background-color:#f1f1f1}
 .indexBox3 .newsBox.on{display:block}

 /* 留言板 */
 .indexBox4 .card{padding-right:60px}
 .indexBox4 .text .lis{margin-bottom:20px;display:flex}
 .indexBox4 .text .lis .imgbox{width:45px;margin-right:10px}
 .indexBox4 .text .lis .text{width:calc(100% - 55px)}
 .indexBox4 .text p{font-size:14px;color:#999}
 .indexBox4 .text h3{font-size:16px!important;font-weight: 600!important;}
 .indexBox4 #map{width:100%;height:252px}
 .indexBox4 .contactBox{display:block}
 .indexBox4 .contactBox .input_item{padding:5px}
 .indexBox4 .contactBox .input_item input{border:1px solid #dedede;display:block;width:100%;height:50px;outline:0;padding:0 10px}
 .indexBox4 .contactBox .input_item textarea{display:block;width:100%;height:240px;border:1px solid #dedede;resize:none;outline:0;padding:10px}
 .indexBox4 .contactBox .inputButton{display:block;width:100%;height:50px;text-align:center;line-height:50px;background-color:#d9251c;color:#fff}
 
/* 底部 */
 .pcFoot{background-color:#181818;color:#fff}
 .pcFoot .footnavs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:1px solid #666;padding-bottom:30px}
 .pcFoot .footnavs a{margin:0 15px}
 .pcFoot span{opacity:.6}
 .pcFoot a{opacity:.6;transition:ease .5s}
 .pcFoot a:hover{opacity:1}
 .pcFoot .botTxt{text-align:center}
 .pcFoot nav > ul > li >a {padding: 0!important;font-size: 16px;}
 .pcFoot nav > ul > li { line-height: 60px!important;}
 .pcFoot  nav >ul > li.active a{color:#fff!important;opacity: 0.6; }

 .pcFoot  nav >ul > li:hover a{color:#fff!important; }

/* 发展历程  */
.indexBox5 .line{position:absolute;top:100px;width:100%;display:flex;justify-content:space-between;left:0}
.indexBox5 .line i{width:200px;height:1px;background-color:#dedede}
.indexBox5 .np{position:absolute;display:flex;z-index:30;width:50%;top:80px;left:50%;transform:translateX(-50%);justify-content:space-between}
.indexBox5 .np .swiper-next,.indexBox5 .np .swiper-prev{border-radius:50%;background-color:#5b9cd6;width:40px;height:40px;cursor:pointer;position:relative;opacity:.5;transition:ease .5s}
.indexBox5 .np .swiper-next::after,.indexBox5 .np .swiper-prev::after{content:'';position:absolute;width:10px;height:10px;border-top:1px solid #fff;border-left:1px solid #fff;top:50%;left:50%;transform:translate(-30%,-50%) rotate(-45deg)}
.indexBox5 .np .swiper-next:hover,.indexBox5 .np .swiper-prev:hover{opacity:1}
.indexBox5 .np img{max-width:480px;max-height:360px}
.indexBox5 .np .swiper-next::after{transform:translate(-60%,-50%) rotate(135deg)}
.indexBox5 .co{text-align:center}
.indexBox5 .co h3{height:200px;line-height:200px;font-size:30px;color:#d9251c;transition:ease .5s}
.indexBox5 .co p{transition:ease .2s;height:100px;opacity:0;color:#616161}
.indexBox5 .swiper-slide-active .co h3{font-size:140px;color:#333}
.indexBox5 .swiper-slide-active .co p{opacity:1;text-align: center;}

/* 二维码 */
.ewmbox {justify-content: center; margin-top: 30px; margin-bottom: 30px;border-bottom: 1px solid #666; padding-bottom: 20px;}
.ewmbox .lis { margin: 0 10px;}
.ewmbox p {color: #666; text-align: center;font-size: 14px; margin-top: 10px;}
.pcFoot p.tel{text-align: center;font-size: 16px;color: #fff;line-height: 2;}





@media screen and (min-width: 1600px) {
  .container {
      padding: 0;
      width: 1600px;
  }
}


@media screen and (max-width: 1600px) {
  .container {padding: 0; width: 1200px;}
  nav > ul > li >a {padding: 0 19px;}
}