.modularTitle
{
    text-align: center;
    font-size: 36px;
    margin-top: 40px;
    font-weight: bold;
    color: #ec0000;
}

.modularText
{
    
    text-align: center;
    margin-top:1%;
}
.modularMore 
{  
    text-align:center;
    margin:1% 0%;
    
}
.modularMore a
{
    border:#efefef solid 1px;
    padding:3px 13px;
    color:#b2b2b2;
    font-size:12px;
    text-align:center;
    border-radius:5px;
    
}
@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:#efefef;  
    width:20%;
    height:1110px;
    float:left;
    position:relative;
}
.productBoxLeftTop
{
    background-color:#0046a6; 
    color:#fff;
    text-align:center;
    padding:10% 0%;
}
.productBoxLeftTitle
{
    font-size:30px;
    font-weight:bold; 
}
.productBoxLeftText
{
    font-size:18px;
}
 .productBoxRight
 {
     float:left;
     width: 77%;
     margin-left:3%;
 }
.productBoxRightTop
{
    background-color:#efefef;
    width:100%;     
    height:50px;
}
 .productBoxRightTop .title
{
    float:left;
    color:#ec0000;
    font-size:24px;
    padding:1% 2%;
    
}
.productBoxRightTop .productMore
{
    float:right;
    
}

.productMore a
{
    border:#efefef solid 1px;
    padding:15px 30px ;
    display:block;
    color:#b2b2b2;
    font-size:12px;
    text-align:center;
    border-radius:5px;
    
}
.productBox .prodctTypeList li
{
    width: 240px;
    overflow: hidden;
    float: left;
}
.productBox .prodctTypeList li span
{
    background-color:#fd0707;
    color:#fff;
    padding:0px 5px;
    margin-right:10px;
    width:40px;
}

.productBox .prodctTypeList li a
{
    display: block;
    text-align: left;
    line-height: 60px; 
    border-bottom:1px dashed  #959595;
    font-size: 16px;
    color: #333333;
    margin:0px 15px;
}
.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;
    height: 290px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: #efefef;
    border: #959595 solid 1px;
}

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

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

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

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

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

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

@media (max-width: 768px) 
{
    .productBoxLeft
    {
        background-color:#efefef;  
        width:100%;
        float:left;
        height:inherit;
        position:inherit;
    }
    .productBox .prodctTypeList li:nth-child(13) 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: 16px;
    }
    
    .productBox .recommendProductList
    {
        margin-top: 0px;
    }
    
    .recommendProductList ul
    {
        width: 100%;
    }
    
    .recommendProductList li
    {
        width: 50%;
        height: initial;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px 5px 5px 5px;
    }
    .recommendProductList li:last-child
    {
        display:none;
    }
    
    .recommendProductList .imgBox
    {
        width: 100%;
        height: auto;
    }
    
    .recommendProductList li a
    {
        font-size: 15px;
    }
}

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

.advantageBox .advantageBg
{
    height: 653px;
    background: url(../images/adventagebg.jpg) no-repeat center;
}

.advantageBox .advantageBg img
{
  
}
.advantage
{
    padding-top:20px;
}
.advantageModularTitle
{
    text-align: center;
    font-size: 36px;
    margin-top: 40px;
    font-weight: bold;
    color: #fff;
}

.advantageModularText
{
    margin: 25px auto 10px auto;
    width: 620px;
    height: 70px;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    overflow: hidden;
    color: #fff;
    font-family: Times New Roman;
}
.advantageImg
{
     width:100%;
}
.advantageImg img
{
     width:200px;
     text-align:center;
    height:199px;
    display:inline;
}
.advantageContentText
{
    float:left;
    width:25%;
    padding:2% 3%;
    color:#fff;
    text-align:center;
}
.advantageTitle
{
    font-size:20px;
    margin-top:3%;
}
.advantagetText
{
    font-size:14px;
    margin-top:8%;
    
}
@media (max-width: 768px) 
{
      .advantageBox
      {
          display:none;
      }
    .advantageBg
    {
        background: url(../images/adventagebg1.jpg) no-repeat center;
    }
    .advantage
    {
        display:none;
    }
     .advantageContent
    {
        display:none;
    }
}

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

.recommendProjectList .imbBox
{
    width: 384px;
    height: 279px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background: #efefef;
}

.recommendProjectList .textBg
{
    height: 30px;
    background: #c9c9c9;
    width: 100%;
}

.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: 14px;
}

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

@media (max-width: 768px) 
{
    .recommendProjectList ul
    {
        width: 100%;
    }
    
    .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;
    }
}

/*服务*/
.serviceList
{
    overflow: hidden;
}
.serviceList ul
{
    margin: 0 -8px;
}
.serviceList li
{
    width: 16.6%;
    float: left;
    box-sizing: border-box;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    padding: 1% 0;
    background-color: #f6f6f6;
    text-align: center;
}
.serviceList li img{
    width: 70%;
    margin: 0 auto;
    transition: .7s;
}
.serviceList li span{
    font-size: 16px;
    display: block;
    margin-top: .8em;
}
.serviceList li:hover img{
    transform: rotate(360deg);
}
.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) 
{
    .serviceList li
    {
        width: 33.3%;
        border-top: 8px solid #fff;
        border-bottom: 8px solid #fff;
    }
    
    .serverContact
    {
        display:none;
    }
}
/*首页关于我们*/
.aboutBox
{
    height: 602px;
    overflow: hidden;
    background: url(../images/aboutbg.jpg) no-repeat center;
}

.aboutBox .aboutImg
{
    float: left;
    margin-top: 90px;
    margin-left: 50px;
    z-index: 2;
    position: relative;
}



.aboutBox .text
{
    float: right;
    position: relative;
    width: 655px;
    margin-top:2%;
}

.aboutBox .about .aboutTitle
{
    font-size: 30px;
    color: #ec0000;
    margin-top: 91px;
    text-align:center;
}



.aboutBox .aboutSummary
{
    width: 100%;
    padding:0% 3%;
    height: 250px;
    overflow: hidden;
    font-size: 16px;
    margin-top: 15px;
}

.aboutBox .aboutMore
{
    width: 100px;
    height: 30px;
    background: #ec0000;
    margin:0 auto;
    display: block;
    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
    {
        background: #0256ac;
        color:#fff;
        height: initial;
    }
    
    .aboutBox .aboutImg
    {
        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%;
    }
    
    .aboutBox .aboutMore
    {
        float: none;
        position: absolute;
        bottom: 20px;
        left: 40%;
    }
    
    .aboutBox .aboutSummary
    {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 45px;
        padding: 10px;
        width: initial;
        height: initial;
        font-size: 15px;
    }
}

/*新闻*/
.newsBox
{
    overflow: hidden;
    padding-bottom: 50px;
}
.newsList
{
    margin-top:3%;
}
.newsListLeft
{
    width:33%;
    float:left;
}
.newsListLeft img
{
    width:100%;
}
.newsListLeft .title
{
    font-size:14px;
    padding:2% 0%;
} 
.newsListLeft .content
{
    font-size:12px;
    padding:2% 0%;
    color:#969696;
}

 .newListContent
 {
     float:left; width:66%;
 }
 .newListContent .item
 {
     padding:4%;
 }
 .newListContent .newTime
 {
     width:63px;
     background-color:#0046a6;
     height:63px;
     float:left;
     text-align:center;
     font-size:18px;
     color:#a4a4a4;
 }  
 .newListContent .newTime div
 {
     padding-top:5px;
 }   
 .newListContent li
 {
     width:47%;
     float:left;
     margin-left:3%;
     margin-bottom:3%;
     border:1px solid #a0a0a0;
     
 }
 .newListContentRight
 {
     float:left;
     margin-left:20px;
     width:75%;
     
 }
 .newListContent .newTitle
 {
     font-size:14px;
   
 }
 .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) 
{
.newListContent
 {
     width:100%;
 }
    .newsListLeft
    {
        display:none;
    }
   .newListContent ul
 {
     width:100%;       
 }
    .newListContent li
 {
     width:100%;
     float:left;
     margin-left:0px;
     margin-bottom:3%;
     border:1px solid #a0a0a0;
     
 }
 .newListContentRight
 {
     float:left;
     margin-left:20px;
     width:60%;
     
 }
   
   
}

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

.relativeBox li
{
    float: left;
    padding: 3px 10px;
    width: 20%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;
    }
}