.modularTitle
{
    margin: 0 0 40px;
    color: #333333;
    text-align: center;
    font-size: 28px;
    line-height: 1em;
}
.modularTitle:after
{
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    margin: 0 auto;
    background: #cacaca;
    margin: 0 auto;
}
.modularTitle .en
{
    display: block;
    text-transform: Uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.modularTitle .en i
{
    color: #dd1704;
    font-style: normal;
}
.modularTitle .ch
{
    display: block;
    padding-bottom: 14px;
}
@media (max-width: 768px) 
{
    .modularTitle
    {
        font-size: 20px;
        margin: 20px auto;
    }
}

/**/
.choic{ padding-top:48px; overflow:hidden;}
.choic .choicTite{ font:18px/24px "Microsoft YaHei"; color:#333; text-align:center; text-transform:uppercase; overflow:hidden;background:url(../Images/0010.png) no-repeat center top; margin-bottom:22px;}  
.choic .choicTite span{ display:block; font:30px/36px "Microsoft YaHei"; color:#333; padding-top:4px;}
.choic .choicTite span i{color: #ff3b0e;}
.choic li{box-sizing: border-box; float:left;font-size:15px;width:32%; list-style:none; margin-top:20px; margin-right:2%;  text-align:center; color:#666666; background-color:#f5f5f5; padding:2px;}
.choic li:last-child{margin-right: 0;}
.choic li:hover{ background-color:#FF0000; color:#FFFFFF}
.choic li i{font-style: normal;font-weight: bold;}
.choic li .imgBox{padding-bottom: 82%;}
.choic li span
{
    display: block;
    line-height: 3em;
}
@media (max-width: 768px) 
{
    .choic .choicTite
    {
        background-size: 90% auto;
        background-position: center center;
    }
    .choic li
    {
        margin-top: 0;
    }
     .choic .choicTite span{ font-size: 18px; padding-top: 0;}   
     .choic .choicTite small{ font-size: 12px/16px;}   
}


  
/*产品*/
.productBox
{
    background-color: ;
    padding: 55px 0 40px;
    background: #f5f5f5 url("../Images/product_bg.jpg") no-repeat 0 center / cover;
}
.productBox .prodctTypeList
{
    float: left;
    margin-right: 20px;
}
.productBox .prodctTypeList .prodctTypeHeader
{
    text-align: center;
    background-color: #037aca;
    color: #fff;
    padding: 10px 0;
}
.productBox .prodctTypeList .prodctTypeHeader i{
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    font-style: normal;
    display: block;
}
.productBox .prodctTypeList .prodctTypeHeader span{
    font-size: 14px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
}
.productBox .prodctTypeList li
{
    width: 260px;
    overflow: hidden;
    margin: 10px 0px;
}
.productBox .prodctTypeList ul
{
    background-color: #fff;
    overflow: hidden;
}
.productBox .prodctTypeList li > a
{
    display: block;
    line-height: 50px;
    font-size: 18px;
    background: url("../Images/lefticon.png") no-repeat 0.2em center / 1em 1em;
    border-bottom: 1px dashed #d0d0d0;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 1.5em;
    color: #333;
}


.productBox .prodctTypeList li > a:hover
{
    color: #ff3b0e;
    background-image: url("../Images/lefticon2.png");    
}
.productBox .prodctTypeList li .level2 
{
    padding-left: 1.2em;
    margin-top: 10px;
}
.productBox .prodctTypeList li .level2 a
{
    display: block;
    text-indent: 1em;
    font-size: 16px;
    line-height: 2em;
    color: #333;
}

.productBox .prodctTypeList li .level2 a:before
{
    content: "—";
    margin-right: 5px;
}
.productBox .prodctTypeList li .level2 a:hover
{
    color: #ff3b0e;
}
.productBox .recommendProductList
{
    margin-top: 30px;
    overflow: hidden;
}

.recommendProductList li
{
    float: left;
    width: 31%;
    margin: 1%;
}

.recommendProductList .imgBox
{
    width: 100%;
    padding-bottom: 87.5%;
    overflow: hidden;
    background: #efefef;
}

.recommendProductList li span
{
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    margin-top: -30px;
    text-align: center;
    overflow: hidden;
    position:relative;
    z-index: 2;
    background-color: rgba(0,0,0,.6);
}

@media (max-width: 768px) 
{
    .productBox
    {
        padding: 15px;
    }
    .productBox .prodctTypeList
    {
        float: none;
        margin-right: 0;
    }
    .productBox .prodctTypeList .prodctTypeHeader
    {
        display: none;
    }
    .productBox .prodctTypeList li
    {
        width: 100%;
        float: left;
        margin: 3px 0;
    }
    
    .productBox .prodctTypeList li a
    {
        line-height: 40px;
        font-size: 16px;
        margin: 0 3px;
    }
    
    .productBox .recommendProductList
    {
        margin-top: 0px;
    }
    
    .recommendProductList li
    {
        width: 48%;
        margin: 1%;
    }

    .recommendProductList li span
    {
        font-size: 14px;
    }
    
    .productBox .prodctTypeList li .level2
    {
        display: none;
    }
    .recommendProductList li:nth-child(n+7)
    {
        display: none;
    }
}


/*优势*/
.advantageTitle
{
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
}
.advantageTitle .top
{
    font-size: 40px;
}
.advantageTitle .small{
    font-size: 18px;
    color: #686868;
}
.advantageTitle .en{
    font-size: 30px;
    color: #a8a8a8;
    text-transform: Uppercase;
}
.advantageTitle .top i
{
    color: #ff3b0e; 
}
.advantageBox .liBox
{
    font-size: 18px;
    color: #333;
}
.advantageBox .liBox .imgBox
{
    width: 50%;
    padding-bottom: 33%;
    float: right;
}
.advantageBox .liBox .textBox
{
    float: left;
    width: 48%;
}

.advantageBox .liBox .textBox .textLi
{
    height: 10em;    
}
.advantageBox .liBox .textBox .textLi .textNum
{
    font-size: 3.5em;
    color: #fff;
    background-color: #007cc2;
    float: left;
    margin-right: 15px;
    height: 100%;
    padding: 0 0.25em;
    line-height: 3em;
}

.advantageBox .liBox .textBox .textLi .textContent 
{
    height: 100%;
    overflow: hidden;
    padding-right: 25px;
}
.advantageBox .liBox .textBox .textLi .textContent .textTitle
{
    font-size: 1.3em;
    font-weight: bold;
    margin-top: .5em;
}
.advantageBox .liBox .textBox .textLi .textContent .textP
{
    line-height: 1.6em;
    margin-top: .5em;
}
.advantageBox .liBox:nth-child(2)
{
    margin-top: 20px;
}
.advantageBox .liBox .textBox .textLi:nth-child(2n) .textNum
{
    background-color: #d7d7d7;
    color: #007cc2;
}
@media (min-width: 768px) 
{
    .advantageBox .liBox:nth-child(2n) .imgBox
    {
        float: left;
    }
    .advantageBox .liBox:nth-child(2n) .textBox
    {
        float: right;
    }
    
    .advantageBox .liBox:nth-child(2n) .textBox .textLi .textNum
    {
        float: right;
        margin-right: 0;
        margin-left: 15px;
    }
    .advantageBox .liBox:nth-child(2n) .textBox .textLi .textContent
    {
            padding-left: 25px;
            padding-right: 0;
    }
}
@media (max-width: 768px) 
{
.advantageBox .liBox .imgBox
{
    display: none;
}
    .advantageBox .liBox .textBox
    {
        float: none;
        width: 100%;
    }
    .advantageBox .liBox
    {
        font-size: 12px;
    }
    .advantageBox .liBox .textBox .textLi .textNum
    {
        font-size: 3em;
        line-height: 3.3em;
    }
    .advantageBox .liBox:nth-child(2)
    {
        margin-top: 0;
    }
    .advantageBox .liBox .textBox .textLi:nth-child(2n) .textContent
    {
        padding-left: 25px;
        padding-right: 0;
    }
    .advantageBox .liBox .textBox .textLi:nth-child(2n) .textNum
    {
        float: right;
        margin-left: 15px;
        margin-right: 0;
    }
    .advantageTitle .top
    {
        font-size: 24px;
    }
    .advantageTitle .small{ font-size: 12px;}
    .advantageTitle .en
    {
        display: none;
    }
}


/*工程*/
.projectBox 
{
    overflow: hidden;
    padding: 60px 0;
    margin-top: 60px;
    background-color: #f1f1f1;
}
.projectBox .content
{
  position: relative;
}
.projectList-button-next
{
    margin-right: -45px;
}
.projectList-button-prev
{
    margin-left: -45px;
}
.recommendProjectList {
  overflow: hidden;
}

.recommendProjectList li {
  box-sizing: border-box;
  width: 33.3%;
  padding: 0 1%;
  float: left;
  position: relative;
}

.recommendProjectList .imgBox 
{
  width: 100%;
  padding-bottom: 73%;
  overflow: hidden;
}
.recommendProjectList li span 
{
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 3em;
    text-align: center;
    background-color: #dcdcdc;
}
@media (max-width: 768px) 
{
    .projectBox
    {
        padding: 20px;
    }
    .projectList-button-prev,
    .projectList-button-next
    {
        display: none;
    }
}
/*工程end*/


/*关于我们*/
.aboutBox {
    padding: 100px 0 60px;
    background: #f1f1f1 url(../Images/about.jpg) center top no-repeat;
}
.about
{
    background-color: #fff;
    padding: 40px 30px 30px 30px;
    box-sizing: border-box;
}
.about .about_left {
    width: 52%;
    float: left;
    background: #fff;
    padding-right: 30px;
}
.about_info .about_img
{
    width: 325px;
    float: left;
    height: 245px;
    margin-right: 30px;
}
.about_info .about_img img
{
    width: 100%;
    height: 100%;
}
.about_info .about_cont
{
    overflow: hidden;
}
.about_info .about_cont .head
{
    font-size: 16px;
    color: #1c1c1c;
    line-height: 1em;
    margin-bottom: 20px;
}
.about_info .about_cont .content
{
    font-size: 17px;
    color: #666666;
    line-height: 1.6em;
}
.about_info .about_cont .content p
{
    text-indent: 2em;
}
.about_right
{
    overflow: hidden;
}
.about_left .modularTitle
{
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
}

.about_left .modularTitle:after
{
    margin-left: 0;
}
.about_left .more
{
    display: inline-block;
    padding: .5em 2em;
    border: 1px solid #ff3b0e;
    color: #ff3b0e;
    margin-top: 4%;
}
.about_right img
{
    width: 100%;
}
@media (max-width: 768px) 
{
    .aboutBox
    {
        background: none;
        padding: 0;
    }
    .about
    {
        padding: 15px;
    }
    .about .about_left
    {
        width: 100%;
        float: none;
        padding: 0;
    }    
    .about_info .about_cont .content
    {
        font-size: 14px;
    }
    .about_info .about_cont .head
    {
        margin-bottom: 10px;
    }
    .about_right 
    {
        margin-top: 15px;
    }
    .about_right img
    {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }
  

}
/*关于我们end*/


/*新闻*/
.newsBox
{
    overflow: hidden;
    padding-bottom: 50px;
    background-color: #f4f4f4;
    padding-top: 30px;
}

.newsBox .item
{
    padding: 10px;
    background-color: #fff;
}

.newsBox ul li img
{
    width: 100%;
}

.newsBox .itemTitle
{
    font-size: 16px;
    font-weight: bold;
    text-align:center;
    margin-top: 20px;
    height: 48px;
    color: #666;
}

.newsBox .itemText
{
    font-size: 13px;
    padding: 0px 15px 30px 15px;
    line-height: 25px;
    color: #666666;
    height: 80px;
}

.newsBox .news .newsItem
{
    width: 351px;
    height: 641px;
    display:inline-block;
    border: #eeeeee solid 1px;
    margin-right: 18px;
    vertical-align: top;
}

.newsBox .news .newsItem:last-child
{
    margin-right: 0px;
}

.newsBox .newsTitle
{
    height: 45px;
    line-height: 45px;
    background: #eeeeee;
    padding-left: 10px;
    padding-right: 10px;
}

.newsBox .newsTitle .title
{
    float: left;
    font-size: 18px;
    color: #3e3e3e;
    font-weight: bold;
    border-left: #3e3e3e solid 3px;
    line-height: 1;
    margin-top: 13px;
    padding-left: 6px;
}

.newsBox .newsTitle a
{
    float: right;
    display: block;
    font-size: 18px;
    color: #9f9f9f;
}

.newsBox .list
{
    padding: 5px;
}

.newsBox .list h3 {
    display: inline-block;
}

.newsBox .list ul
{
    
}

.newsBox .list li
{
    margin-top: 10px;
    border-bottom: #c3c3c3 dashed 1px;
    padding-bottom: 8px;
}

.newsBox .list li:last-child
{
    border: none;
}

.newsBox .list li a
{
    color: #3e3e3e;
    display: inline-block;
    max-width: 290px;
    overflow: hidden;
    vertical-align: top;
    margin-left: 10px;
    height: 20px;
}

.newsBox .list .icon
{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #1052b3;
    display: inline-block;
}

.newsBox .list li:nth-child(n+4) .icon
{
    background: #c3c3c3;
}

.newsBox .list .triangle
{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #1052b3;
    margin-left: -4px;
}

.newsBox .list li:nth-child(n+4) .triangle
{
    border-left: 8px solid #c3c3c3;
}

@media (max-width: 768px) 
{
    .newsBox
    {
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    
    .newsBox .news .newsItem
    {
        width: 100%;
        height: initial;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    
    .newsBox .list img
    {
        width: 100%;
    }
    
}

/*友情链接*/
.friendShipBox
{
    padding-bottom: 30px;
    padding-top: 30px;
}
.friendShipBox .modularTitle:after
{
    width: 100%;
    height: 1px;
}
.friendShipTitle
{
    float: left;
    margin-right: 5%;
}
.friendShipBox li
{
    float: left;
    padding: 3px 10px;
    font-size: 12px;
}
.friendShipBox li a
{
    color: #3f3f3f;
}
.friendShipBox .friendShipList
{
    overflow: hidden;
}

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


/**********************************/



/*热搜关键词*/
.hotKeywordsBox
{
    background-color: #efefef;
    padding: 10px 0;
}

.hotKeywords
{
    line-height: 30px;
    color: #969696;
    float: left;
}

.hotKeywords a
{
   color: #969696; 
}


.searchBtn {
  float: right;
  font-size: 0;
}

.searchBtn input {
  height: 30px;
  font-size: 14px;
  font-family: "微软雅黑";
  border: 1px solid #b3b3b3;
  padding: 2px 10px;
  color: #b3b3b3;
  background-color: #eeeeee;
  box-sizing: border-box;
      outline: none;
}

.searchBtn input.top_search {
  border-radius: 30px 0 0 30px;
  border-right: none;
  width: 200px;
}

.searchBtn input.search_submit {
  border-radius: 0 30px 30px 0;
  cursor: pointer;
}

.searchBtn input.search_submit:hover {
  border-color: #00479d;
  color: #00479d;
}


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






/*相关信息*/
.relativeBox
{
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 40px;
}
.relativeBox .modularTitle:after
{
    width: 100%;
    height: 1px;
}
.relativeBox li
{
    float: left;
    padding: 3px 10px;
    width: 25%;
    height: 26px;
    overflow: hidden;
}
.relativeBox li a
{
    color: #3f3f3f;
}
.relativeBox .relativeList
{
    margin-top: 15px;
}

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