.modularTitle
{
    text-align: center;
    font-size: 36px;
    margin-top: 40px;
    font-weight: bold;
    color: #ffca2a;
    position:relative;
    
} 
.modularTitle span
{
    letter-spacing:-6px;
    
}




.modularText
{
    
    text-align: center;
    margin-top:1%;
}
.modularMore 
{  
    text-align:center;
    margin:1% 0%;
    
}
.modularMore a
{
    border:#e40000 solid 1px;
    padding:3px 13px;
    color:#e40000;
    font-size:12px;
    text-align:center;
    
}
@media (max-width: 768px) 
{
    .modularTitle
    {
        font-size: 25px;
        margin: 15px auto 15px auto;
    }
    
    .modularText
    {
        display: none;
    }
}

/*热搜关键词*/
.hotKeywordsBox
{
    border-bottom: #efefef solid 1px;
}

.hotKeywords
{
    line-height: 40px;
    color: #969696;
}

.hotKeywords a
{
   color: #969696; 
}

@media (max-width: 768px) 
{
    .hotKeywordsBox
    {
        display: none;
    }
}

/*产品*/
.productBox
{
    margin-top:3%;
}
.productBoxLeft
{
    background-color:#ffca2a;  
    width:20%;
    font-weight:bold;
    padding-bottom:20px;
    float:left;
    overflow:hidden;
    position:relative;
}
.productBoxLeftTop
{
    background-color:#000000; 
    color:#fff;
    text-align:center;
    padding:10% 0%;
}
.productBoxLeftTitle
{
    font-size:30px;
    font-weight:bold;
    color:#ffca2a; 
}
.productBoxLeftTitle span
{
   letter-spacing:-6px;
}
.productBoxLeftText
{
    font-size:18px;
    color:#717171;
}
 .productBoxRight
 {
     float:left;
     width: 77%;
     margin-left:2%;
 }
.productBoxRightTop
{
    background-color:#efefef;
    width:100%;     
    height:50px;
}
 .productBoxRightTop .title
{
    float:left;
    font-size:24px;
    padding:1% 2%;
    
}
.productBoxRightTop .productMore
{
    float:right;
    
}

.productMore a
{
    border:#efefef solid 1px;
    padding:15px 30px ;
    display:block;
    font-size:12px;
    text-align:center;
    border-radius:5px;
    
}
.productBox .prodctTypeList li
{
    width: 100%;
    overflow: hidden;
    float: left;
}
.productBox .prodctTypeList li span
{
    color:#fd0707;
    font-size:18px;
    margin-right:5px;
    width:20px;
}

.productBox .prodctTypeList li a
{
    display: block;
    text-align: left;
    line-height: 50px; 
    border-bottom:1px dashed  #959595;
    font-size: 16px;
    color: #333333;
    margin:0px 5px;
}
.productBox .prodctTypeList li:last-child a
{
    
    border-bottom:0px dashed  #959595;
}

.productBox .prodctTypeList li a:hover
{
    color: #fd0707;
}
.productBoxLeftBottom
{
    background-color:#0046a6;
    width:100%;     
    height:100px;
    color:#fff;
    text-align:center;
    bottom:0px; 
    font-weight:bold;
    position:absolute;
}
 .productBoxLeftBottom .title
{
    font-size:16px;
    margin-top:10%;
    
}
.productBoxLeftBottom .content
{
    font-size:24px;
    padding:1% 2%;
    
}
.productBox .recommendProductList
{
    margin-top: 30px;
}

.recommendProductList .imgBox
{
    width:290px;
    line-height:200px;
    height:227px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: #efefef;
    display:flex;
    align-items: center;
}

.recommendProductList .imgBox img
{
    max-width: 100%;
    max-height: 100%;
    display:block; 
    vertical-align:middle;
    position: relative;
    z-index: 1;
}

.recommendProductList .textBg
{
    height: 30px;
    background: #959595;
    position: relative;
    z-index: 2;
    bottom: 0;
    width: 100%;
}

.recommendProductList li
{
    float: left;
    margin-right: 2.8%;
    margin-bottom: 20px;
    text-align: center;
}

.recommendProductList li:nth-child(3n)
{
    margin-right: 0px;
}

.recommendProductList li a
{
    font-size: 14px;
    color: #000;
}

.recommendProductList li span
{
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    position:relative;
    z-index: 3;
}

@media (max-width: 768px) 
{
    .productBoxLeft
    {
        background-color:#efefef;  
        width:100%;
        float:left;
        height:inherit;
        position:inherit;
    }
   
    .productBoxLeftTop
{
    padding:2% 0%;
}
   .productBox .prodctTypeList li:nth-child(19) a
    {
    
        border-bottom:0px dashed  #959595;
    }
    .productBox .prodctTypeList li:nth-child(20) a
    {
    
        border-bottom:0px dashed  #959595;
    }
    .productBoxRight
     {
         float:left;
         width: 100%;
         margin-top:1%;
         margin-left:0px;
     }
     .productBoxLeftBottom
     {
         display:none;
        
     }
    .productBox .prodctTypeList li
    {
        width: 50%;
    }
    
    .productBox .prodctTypeList li a
    {
        line-height: 40px;
        font-size: 8px;
    }
    
    .productBox .recommendProductList
    {
        margin-top: 10px;
    }
    
    .recommendProductList ul
    {
        width: 100%;
        margin-top:1%;
    }
    
    .recommendProductList li
    {
        width: 50%;
        height: initial;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px 5px 5px 5px;
    }
    .recommendProductList li:last-child
    {
       
    }
    
    .recommendProductList .imgBox
    {
        width: 100%;
        height: auto;
    }
    
    .recommendProductList li a
    {
        font-size: 15px;
    }
}

/*优势*/
.advantageBox
{
    overflow: hidden;
}

.advantageBox .advantageBg
{
    height: 608px;
    background: url(../Images/adventageBg.jpg) no-repeat center;
}

.advantageBox .advantageBg img
{
  
}
.advantage
{
    padding-top:20px;
}
.advantageModularTitle
{
    
}

.advantageModularText
{
    margin: 25px auto 35px auto;
    width: 620px;
    height: 70px;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    overflow: hidden;
    color: #fff;
    font-family: Times New Roman;
}
.advantageContent
{
    margin-left:3%;
    
}
.advantageImg
{
     width:15%;
     float:left;
     line-height:140px;
     font-size:48px;
     color:#fff;
     text-align:center;
     opacity:0.7;
     background-color:#ffca2a;
}
.advantageImg img
{
    
}
.advantageContentText
{
    float:left;
    width:50%;
    padding:2% 3%;
}
.advantageContentText span
{
    font-size:18px;
    line-height:22px;
}
.advantageTitle
{
    font-size:24px;
}
.advantagetText
{
    font-size:14px;
    padding:4%;
    height:140px;
    float:left;
    width:85%;
    background-color:rgba(255,202,42,0.4);
    
}
.advantagetText2
{
    font-size:14px;
    padding:4%;
    height:140px;
    float:left;
    color:#fff;
    width:85%;
    background-color:rgba(255,202,42,0.4);
    
}
.advantageButtom
{
    background-color:#000;
    color:#fff;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:18px;
}
.advantageButtom span
{
    
    font-size:30px;
    font-weight:bold;
}
@media (max-width: 768px) 
{
      .advantageBox
      {
          color:#fff;
      }
           .advantageModularTitle img
    {
        width:100%;
 
    }
          .advantageContentText
    {
        float:left;
        width:100%;
        padding:2% 3%;
    }       
     .advantageBox .advantageBg
    {
        background:inherit;
        background-color:#262930;
        height:730px;
    }
    .advantage
    {
       
    }
     .advantageContent
    {
       
    }
}

/*工程*/
.recommendProjectList
{
    position: relative;
}

.recommendProjectList .imbBox
{
    width: 384px;
    height: 333px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: #efefef;
    display:flex;
    align-items: center;
    position:relative;
}

.recommendProjectList .textBg
{
    height: 30px;
    
    width: 100%;
    position:absolute;
    bottom:0px;
    color:#fff;
}

.recommendProjectList .imbBox img
{
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 1;
}

.recommendProjectList li
{
    float: left;
    margin-right: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.recommendProjectList li:last-child
{
    margin-right: 0px;
}

.recommendProjectList li a
{
    font-size: 16px;
}

.recommendProjectList li span
{
    display: block;
    line-height: 30px;
    background-color:rgba(0,0,0,0.4);
    height: 40px;
    overflow: hidden;
    position:relative;
    z-index: 3;
}

@media (max-width: 768px) 
{
    .recommendProjectList 
    {
        width: 100%;
        margin-top:2%;
    }
    
    .recommendProjectList li
    {
        width: 50%;
        height: initial;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px 5px 5px 5px;
        display: table;
    }
    
    .recommendProjectList .imbBox
    {
        width: 100%;
        height: auto;
    }
    
    .recommendProjectList li a
    {
        font-size: 15px;
    }
}

/*服务*/
.server li
{
    float:left;
    width:16%;
    margin-right:0.8%;
    
}
.server li:last-child
{
    margin-right:0px;
    
}
.serverContact
{
    font-size:30px;
    text-align:center;
    padding:2%;
    float:left;
    border:1px solid #dcdcdc;
    margin:1% 0%;
}
.serverContact span
{
    color:#db0014;
}
 @media (max-width: 768px) 
{
    .server li
    {
        width:33.3%;
        float:left;
        overflow:hidden;
        margin-top:5px;
        margin-right:0px;
    
    }
    .server li  img
    {
        width:100%;
      
    }
    .serverContact
    {
        display:none;
    }
}
/*首页关于我们*/
.aboutBox
{
    height: 542px;
    overflow: hidden;
    background: url(../Images/aboutBg.jpg) no-repeat center;
}
.about
{
    margin-top:3%;
}
.aboutBox .aboutImg
{
    float: left;
    width:50%;
}



.aboutBox .text
{
    float: right;
    position: relative;
    width:75%;
    height:430px;
    background-color:#373737;
    padding:4% 2%;
}

.aboutBox .about .aboutTitle
{
    float:left;
    height:430px;
    width:25%;
    background-color:#ffca2a;
   
}
.aboutBox .about .aboutTitle p:nth-child(1)
{
    font-size:40px;
    font-weight:bold;
    padding:24% 0% 1% 14%;
    
   
}
.aboutBox .about .aboutTitle p:nth-child(2)
{
    font-size:26px;
    padding:0% 0% 1% 14%;
    
   
}
.aboutBox .about .aboutTitle p:nth-child(3)
{
    font-size:26px;
    margin:15% 0% 15% 14%;
    background-color:#000;
    height:3px;
    width:50px
    
   
}
.aboutBox .about .aboutTitle p:nth-child(4)
{
    font-size:14px;
    padding:1% 15% 15% 14%;
    
   
}


.aboutBox .aboutSummary
{
    width: 50%;
    padding:0% 3%;
    float:left;
    color:#fff;
    height: 250px;
    overflow: hidden;
    font-size: 12px;
    margin-top: 15px;
}

.aboutBox .aboutMore
{
    width: 120px;
    height: 30px;
    background: #ec0000;
    margin-right:3%;
    display: block;
    float:right;
    color: #fff;
    text-align: center;
    line-height: 30px;
    
}

.aboutBox .aboutSummary p
{
    text-indent: 2em;
    margin-bottom: 20px;
    line-height: 21px;
}

.aboutBox .aboutSummary p a
{
    color: #fff;
}

@media (max-width: 768px)
{
    .aboutBox
    {
        color:#fff;        
        background:inherit; 
        background-color:#373737;
        height:630px;
        position:relative;
    }
     .aboutTitle
     {
         display:none;
     }
     .aboutBox .aboutImg
    {
        width:100%;
    }
    .aboutBox .aboutImg img
    {
        margin: 0px;
        width: 100%;
    }
    
    .aboutBox .aboutEn
    {
        text-align: center;
    }
    
    .aboutBox .redDiv
    {
        display: none;
    }
    
    .aboutBox .about .aboutTitle
    {
        margin-top: 10px;
        text-align: center;
        margin-left: 0px;
    }
    
    .aboutBox .text
    {
        width: 100%;
        height:630px;
    }
    
    .aboutBox .aboutMore
    {
        float: none;
        position: absolute;
        bottom: 20px;
        left: 5%;
    }
    
    .aboutBox .aboutSummary
    {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 45px;
        width: initial;
        height: initial;
        padding-bottom:5%;
        font-size: 15px;
    }
}

/*新闻*/
.newsBox
{
    overflow: hidden;
    margin-top:3%;
}
.newLine
{
    height:5px;
    background-color:#ffca2a;
}
.newsmodularTitle
{
    color:#ffca2a;
    font-size:30px; 
    padding:1% 1%;    
    border-bottom:1px dashed #dcdcdc;
}
.newsmodularTitle span
{
    font-size:18px;
}
.newsList
{
    margin-top:3%;
}
.newsListLeft
{
    width:100%;
    border-bottom:1px dashed #dcdcdc;
    padding-bottom:2%;
     position:relative;
}
.newsListLeft img
{
    float:left;
    padding:0% 1%;
   
}
.newsListLeft2
{
    float:left;
    color:#333333;
    width:60%;
   
}
.newsListLeft2 .more
{
    width: 120px;
    height: 30px;
    background: #ec0000;
    margin-right:3%;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 30px;
    bottom:10%;
    position:absolute;
    
}
.newsListLeft2 .title
{
    font-size:18px;
    font-weight:bold;
    padding:2% 0%;
} 
.newsListLeft2 .content
{
    font-size:14px;
    padding:2% 0%;
}

 .newListContent
 {
     float:left; 
     width:100%;      
    border-bottom:1px dashed #dcdcdc; 
    padding:1% 0%;    
    border-top:1px dashed #dcdcdc;
 }
 .newListContent .item
 {
     float:left;
     color:#ffca2a;
     font-size:22px;
     line-height:22px;
     padding:0% 1%;
     
 }
 
 .newListContent li
 {
     width:50%;
     float:left;
     padding:1% 0%;
     
 }
 .newListContent li span
 {
     float:right;
     width:100px;
     margin-right:2%;
 }
 .newListContentRight
 {
     
     
 }
 .newListContent .newTitle
 {
     font-size:14px;
     line-height:22px;
   
 }
 .newListContent .newContent
 {
     font-size:12px;
     padding-top:5px;
     color:#969696;
 }
 .newMore
 {
     text-align:center;
     float:left;
     margin-top:3%;
 }
  .newMoreButton
  {
      width:120px;
      height:38px;
      margin:0 auto;
      color:#878787;
      font-size:18px;
      padding-top:6px;
      border:1px solid #878787; 
      border-radius:5px;
    
  }



@media (max-width: 768px) 
{
    .newsList
    {
        margin-top:0px;
    }
    .newListContent
     {
         width:100%;
     }
        .newsListLeft
        {
            display:none;
        }
       .newListContent ul
     {
         width:100%;       
     }
        .newListContent li
     {
         width:100%;
         float:left;
         margin-left:0px;
         margin-bottom:3%;
     
     }
     .newListContentRight
     {
         float:left;
         width:100%;
     
     }
   
   
}

/*相关信息*/
.relativeBox
{
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 40px;
    margin-top:2%;
}

.relativeBox li
{
    float: left;
    padding: 3px 10px;
    width: 25%;
    height: 26px;
    overflow: hidden;
}

.relativeBox .relativeList
{
    margin-top: 15px;
}

@media (max-width: 768px)
{
    .relativeBox li
    {
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}


/*友情链接*/
.friendShipBox
{
    padding-bottom: 40px;
}

.friendShipBox li
{
    float: left;
    padding: 3px 10px;
}

.friendShipBox .friendShipList
{
    margin-top: 15px;
}

@media (max-width: 768px)
{
    .friendShipBox
    {
        display: none;
    }
}