/*公共标题*/
.modularTitle
{
    margin-bottom: 20px;
}
.modularTitle span
{
    display: block;
    font-size: 36px;
    color: #323232;
    text-align: center;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
    position: relative;
}
.modularTitle i
{
    display: block;
        color: #848484;
    text-align: center;
    line-height: 2em;
    font-size: 16px;
    font-style: normal;
}
@media (max-width: 768px) {
.modularTitle span
{
    font-size: 24px;
    height: auto;
    line-height: 1.6;
}
.modularTitle i
{
    font-size: 13px;
}
}

/*顶部热搜词*/
.hotKeywordsBox
{
        border-bottom: 1px solid #E6E6E6;
    padding: 24px 0;
}
.hotKeywords span
{
    font-size: 16px;
    color: #4d4d4d;
    font-weight: bold;
    background: url(../Images/searchicon.png) no-repeat left center;
    text-indent: 25px;
    padding-left: 25px;
}
@media (max-width: 768px) {
.hotKeywordsBox
{
    padding: 15px 0;
}
}
/*顶部热搜词 end*/


/*大广告图*/
.bigImg img{
    max-width: 100%;
    display: block;
    margin: 4% auto 0;
}
@media (max-width: 768px) {
    .bigImg img{
        display: none;
    }
}

/*产品*/
.productBox 
{
    margin-top: 3%;
}
.productBox .prodctTypeList
{
    text-align: center;
    font-size: 0;
}
.productBox .prodctTypeList li
{
    display: inline-block;
        width: 156px;
    height: 48px;
    background: #0256ac;
    line-height: 48px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 5px;
    margin-bottom: 5px;
}
.productBox .prodctTypeList li a
{
        color: #ffffff;
}
.productBox .prodctTypeList li:hover
{
    background-color: #0256ac;
}
.productBox .prodctTypeList li:hover a
{
    color: #fff;
}
.recommendProductList 
{
    margin-top: 36px;
}
.recommendProductList li {
    width: 24%;
    margin: 0 .5% 30px;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.recommendProductList li .imgBox {
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border: 1px solid #F3F3F3;
}

.recommendProductList li .imgBox img {
    width: 100%;
    height: 100%;
}

.recommendProductList li span {
    display: block;
        font-size: 17px;
    font-weight: bold;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 18px;
}
.productBox .productBtn {
    margin-top: 35px;
    text-align: center;
}
.productBox .productBtn a
{
    display: inline-block;
    width: 169px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c8c8c8;
    border-radius: 21px;
    color: #6d6e6e;
    margin-right: 32px;
}
.productBox .productBtn a:last-child {
    border: 1px solid #0256ac;
    background: #0256ac;
    color: #FFF;
    margin-right: 0;
}
@media (max-width: 768px) {
   .productBox .prodctTypeList li
   {
       width: 32%;
       margin-left: 2%;
       margin-bottom: 2%;
   }
   .productBox .prodctTypeList li:nth-child(3n+1)
   {
       margin-left: 0;
   }
   .recommendProductList{
       border: 1px solid #eee;
   }
   .recommendProductList li
   {
        width: 100%;
        padding: 1% 1% 5% 1%;
        margin: 0;
        border-top: 1px solid #eee;
   }
   .recommendProductList li:first-child{
       border-top: none;
   }
   .recommendProductList li span
   {
       font-size: 13px;
       margin-top: 10px;
   }
}

/*优势*/
.advantageBox{
    background: url("../Images/advantage_bg.jpg") no-repeat center center / cover;
    overflow: hidden;
    padding-top: 4%;
    padding-bottom: 4%;
}
.advantageTitle{
    background-color: #fff;
    margin-bottom: 4%;
}
.advantageTitle img{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.advantageList li{
    background-color: #fff;
    position: relative;
}
.advantageList li:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
}
.advantageList li.odd:before{
    right: 100%;
}
.advantageList li.even:before{
    left: 100%;
}
.advantageList .text{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 3%;
}
.advantageList .image{
    width: 50%;
    float: right;
    position: relative;
}
.advantageList .even .text{
    float: right;
}
.advantageList .even .image{
    float: left;
}
.advantageList .text .t .big{
    display: block;
    color: #ff7302;
    font-size: 36px;
    font-weight: bold;
}
.advantageList .text .t .small{
    display: block;
    color: #0f54bc;
    font-size: 24px;
    margin-top: 0.1em;
}
.advantageList .text .t:after{
    content: "";
    display: block;
    width: 2em;
    height: 4px;
    background-color: #ff7302;
    margin-top: 5%;
}

.advantageList .text p{
    line-height: 2;
    font-size: 18px;
    margin-top: 7%;
}

.advantageList .image img{
    width: 100%;
}

.advantageList .image .num{
    position: absolute;
    display: block;
    width: 1.5em;
    height: 1.7em;
    text-align: center;
    line-height: 1.7em;
    background-color: #ff7302;
    color: #fff;
    top: -0.6em;
    font-size: 40px;
    font-weight: bold;
}
.advantageList .odd .image .num{
    right: 10px;
}
.advantageList .even .image .num{
    left: 10px;
}

@media (max-width: 768px) {
    .advantageList .text .t .big{
        font-size: 22px;
    }
    .advantageList .text .t .small{
        font-size: 14px;
    }
    .advantageList .text p{
        font-size: 12px;
        display: none;
    }
    .advantageList .image .num{
        font-size: 16px;
    }
}

/*图片列表*/
.publicList{
  overflow: hidden;
  margin-top: 4%;
}
.publicList ul{
  display: block;
}
.publicList li{
  box-sizing: border-box;
  padding: 0 1%;
  margin-bottom: 2%;
  float: left;
}

.publicList .imgBox{
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 86.2%;
  border: 1px solid #ddd;
}
.publicList .imgBox img{
  max-width: 100%;
  max-height: 100%;
}
.publicList li span{
  display: block;
  height: 40px;
  line-height: 40px;
  background-color: #a2a2a2;
  color: #fff;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 769px) {
    .publicList ul{
        transform: translate3d(0, 0px, 0px) !important;
    }
}
@media (max-width: 768px) {
  .publicList ul{
    display: flex; /*移动端由block改成flex,才能滑动*/
  }
  .publicList li span{
    font-size: 12px;
    height: 2.5em;
    line-height: 2.5em;
  }
}


/* 工程案例 */
.projectBox {
    margin-top: 4%;
}
.recommendProjectList.publicList .imgBox {
  padding-bottom: 69%;
}
.recommendProjectList.publicList li{
  width: 33%;
}

/* 新闻列表 */
.newsBox{
    margin-top: 4%;
}
.newsList .topNews
{
    width: 51%;
    float: left;
}
.newsList ul
{
        width: 47%;
    float: right;
}
.topNewsImg img
{
    width: 100%;
}
.topNewsContent .newsTitle
{
        height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 18px;
}
.topNewsContent span
{
    color: #888;
    line-height: 24px;
    margin-bottom: 0;
    display: block;
}

.newsList ul li {
    padding: 11px 0;
    display: block;
    height: 108px;
    border-bottom: 1px solid #E3E3E3;
}
.newsList ul li:first-child {
    padding-top: 0;
    height: 97px;
}
.newsList ul .newsTxt
{
    overflow: hidden;
}
.newsList ul .newsTxt .newsTitle 
{
    font-weight: bold;
    font-size: 15px;
    color: #333;
    line-height: 33px;
    height: 33px;
}
.newsList ul .newsTxt .newsCotnent 
{
    color: #888;
    line-height: 24px;
    font-size: 12px;
    margin-bottom: 0;
}
.newsList ul .newsTime
{
    width: 71px;
    height: 81px;
    background: #E3E3E3;
    border-radius: 1px;
    float: left;
    margin-right: 10px;
}
.newsList ul .newsTime .day
{
        font-size: 34px;
    display: block;
    line-height: 58px;
    height: 58px;
    text-align: center;
    color: #343434;
    margin-top: 2px;
}
.newsList ul .newsTime .year
{
          height: 23px;
    background: #FFF;
    line-height: 21px;
    display: block;
    text-align: center;
    color: #343434;
    font-size: 12px;
    padding-bottom: 2px;
}
@media (max-width: 768px) {
   .newsList .topNews,
   .newsList ul
   {
       width: 100%;
       float: none;
       margin-top: 20px;
   }
   .newsList ul li,
   .newsList ul li:first-child
   {
       height: auto;
   }
}

/*合作伙伴*/
.partnerBox
{
  margin-top: 4%;
}
.partnerMain
{
  position: relative;
}
.partnerList
{
    overflow: hidden;
}
.partnerList li{
  box-sizing: border-box;
  padding: 0 1%;
  margin-bottom: 2%;
}

.partnerList .imgBox{
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 86.2%;
  border: 1px solid #ddd;
}
.partnerList .imgBox img{
  max-width: 100%;
  max-height: 100%;
}
.partner-button-prev,
.partner-button-next
{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.partner-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../Images/rarrow.png) no-repeat center center #ff9c00;
    margin-top: -20px;
    left: -62px;
    outline: none;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.partner-button-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../Images/rarrow.png) no-repeat center center #ff9c00;
    margin-top: -20px;
    right: -62px;
    outline: none;
}
@media (max-width: 768px) 
{
    .partner-button-next
    {
        right: 10px;
    }    
    .partner-button-prev
    {
        left: 10px;
    } 
}
/*合作伙伴 end*/


/*友情链接*/
.relativeBox
{
    margin-top: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
    background-color: #e8e8e8;
}
.relativeBox li
{
    float: left;
    width: 18%;
    margin: .5% 1%;
}

.relativeBox .relativeList 
{
    margin-top: 3%;
}
.relativeTitle
{
    height: 34px;
    line-height: 34px;
    font-size: 30px;
    color: #1b95d4;
    text-align: center;
}
/*友情链接*/
.friendShipBox
{
    padding-top:20px;
    padding-bottom: 20px;
}
.friendShipTitle
{
    float: left;
    margin-right: 10px;
    height: 34px;
    line-height: 34px;
    font-family: Arial;
    font-size: 30px;
    color: #1b95d4;
    text-align: center;
}
.friendShipList
{
    overflow: hidden;
}
.friendShipList li {
    display: inline-block;
    line-height: 34px;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 14px;
}


@media (max-width: 768px) {
    .relativeBox li,
    .friendShipBox li{
        width: 28%;
    }
}


/*关于我们*/
.aboutBox {
  padding-top: 79px;
  background: url(../Images/infobg.jpg) no-repeat center top;
  background-size: auto 472px;
  padding-bottom: 35px;
  margin-top: 3%;
}
.aboutBox .modularTitle span,
.aboutBox .modularTitle i
{
    color: #fff;
}
.aboutBox .modularTitle i
{
    height: 6em;
    overflow: hidden;
    margin-top: 1em;
}

.aboutBox .more {
  margin-top: 45px;
  text-align: center;
}

.aboutBox .more a {
  width: 171px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #c8c8c8;
  color: #E8E8E8;
  border-radius: 21px;
  text-align: center;
  margin-left: 32px;
  display: inline-block;
  background: #FF9C00;
  border: 1px solid #FF9C00;
}

.aboutBox .aboutIcon {
  margin-top: 68px;
}

.aboutBox .i_li {
  width: 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  background: #FFF;
  box-shadow: 3.66px 1.62px 9px 1px rgba(7, 0, 2, .07);
  float: left;
  padding: 30px 24px;
  display: block;
  box-sizing: border-box;
}

.aboutBox .i_li i {
  width: 100%;
  height: 71px;
  display: block;
}

.aboutBox .i_li i.infoicon1 {
  background: url(../Images/infoicon1.jpg) no-repeat center top;
}

.aboutBox .i_li i.infoicon2 {
  background: url(../Images/infoicon2.jpg) no-repeat center top;
}

.aboutBox .i_li i.infoicon3 {
  background: url(../Images/infoicon3.jpg) no-repeat center top;
}

.aboutBox .i_li i.infoicon4 {
  background: url(../Images/infoicon4.jpg) no-repeat center top;
}

.aboutBox .i_li .i_txt {
  margin-top: 13px;
  text-align: center;
}

.aboutBox .i_li .i_txt p {
  margin-bottom: 0;
}

.aboutBox .i_li .i_txt span:first-child {
  line-height: 44px;
  color: #333;
  font-size: 18px;
  display: block;
}

.aboutBox .i_li .i_txt span:last-child {
  color: #848484;
  line-height: 26px;
  display: block;
} 
@media (max-width: 768px) {
   .aboutBox
   {
       padding-top: 30px;
           background-size: cover;
   }
   .aboutBox .i_li
   {
       width: 46%;
       margin: 2%;
   }
   .aboutBox .more
   {
       margin-top: 20px;
   }
   .aboutBox .aboutIcon
   {
       margin-top: 30px;
   }
}



#xuanzebg {
  background:#1B95D4 url(../Images/xuanzebg.png) no-repeat center bottom ;
  height: 778px;
  padding: 59px 0 77px;
  margin-top: 4%;
}
#xuanzebg .modularTitle span,
#xuanzebg .modularTitle i
{
    color: #fff;
}
#xuanzebg .xuanzeC {
  padding: 0 15px;
}

#xuanzebg .xuanze {
  margin-top: 52px;
}

#xuanzebg .xuanze .xuanze_center {
  width: 504px;
  height: 491px;
  float: left;
  background: url(../Images/xuanzeimgbg.png) no-repeat center center;
  margin: 0 44px;
}

#xuanzebg .xuanze .xuanze_txt {
  width: 274px;
}

#xuanzebg .xuanze .xuanze_txt .xt_title {
  width: 174px;
  height: 50px;
  border: 1px solid #FFF;
  font-size: 20px;
  color: #FFF;
}

#xuanzebg .xuanze .xuanze_txt .xt_title em {
  font-style: normal;
  width: 48px;
  height: 48px;
  line-height: 49px;
  text-align: center;
  display: block;
  background: #FFF;
  color: #108d6d;
  font-size: 28px;
  float: left;
}

#xuanzebg .xuanze .xuanze_txt .xt_title span {
  display: block;
  line-height: 48px;
  height: 48px;
  float: right;
  width: 124px;
  text-indent: 15px;
}

#xuanzebg .xuanze .xuanze_txt .text {
  margin-top: 16px;
  line-height: 24px;
  color: #FFF;
  margin-bottom: 0;
  height: 144px;
  overflow: hidden;
  display: block;
}
@media (max-width: 768px) 
{
    #xuanzebg
    {
        height: auto;
    }
   #xuanzebg .xuanze .xuanze_center
   {
       display: none;
   }
   #xuanzebg .xuanze .xuanze_txt
   {
       float: left;
       width: auto;
   }
   #xuanzebg .xuanze .xuanze_txt .text
   {
       height: auto;
   }
   #xuanzebg .xuanze .xuanze_txt .xt_title
   {
       margin-top: 20px;
   }
   #xuanzebg .xuanze
   {
       margin-top: 0px;
   }
}



#solutionbg{background:#F5F5F5;padding:45px 0 80px;}
#solutionbg .solution{padding:0 15px;}
#solutionbg .solution_c{background:#FFF;margin-top:23px;}
#solutionbg .solution_c .solution_c_left{width:290px;float:left;}
#solutionbg .solution_c .solution_c_left ul{margin-bottom:0;}
#solutionbg .solution_c .solution_c_left li{width:100%;height:70px;text-align:center;line-height:70px;font-size:16px;color:#FFF;cursor:pointer;}
#solutionbg .solution_c .solution_c_left li.c1{background:#CCC;}
#solutionbg .solution_c .solution_c_left li.c2{background:#adadad;}
#solutionbg .solution_c .solution_c_left li.c3{background:#979797;}
#solutionbg .solution_c .solution_c_left li.c4{background:#838383;}
#solutionbg .solution_c .solution_c_left li.c5{background:#6f6f6f;}
#solutionbg .solution_c .solution_c_left li.c6{background:#555555;}
#solutionbg .solution_c .solution_c_left li.on{height:140px}
#solutionbg .solution_c .solution_c_left li.on.on0{background:url(../Images/faicon0.png) no-repeat center 31px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on1{background:url(../Images/faicon1.png) no-repeat center 31px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on2{background:url(../Images/faicon2.png) no-repeat center 23px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on3{background:url(../Images/faicon3.png) no-repeat center 18px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on4{background:url(../Images/faicon4.png) no-repeat center 31px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li.on.on5{background:url(../Images/faicon5.png) no-repeat center 25px,linear-gradient(to right, #01c1e6 0%,#1160ff 100%);padding-top:70px;}
#solutionbg .solution_c .solution_c_left li:hover{opacity:0.9;}
#solutionbg .solution_c .solution_c_left1{width:100%;float:none; display: none;}
#solutionbg .solution_c .solution_c_left1 ul{margin-bottom:0;}
#solutionbg .solution_c .solution_c_left1 li{width:33%;height:50px;line-height:50px;font-size:15px;color:#FFF;cursor:pointer;float:left;text-align:center;}
#solutionbg .solution_c .solution_c_left1 li:first-child{width:33%;}
#solutionbg .solution_c .solution_c_left1 li.c1{background:#CCC;}
#solutionbg .solution_c .solution_c_left1 li.c2{background:#adadad;}
#solutionbg .solution_c .solution_c_left1 li.c3{background:#979797;}
#solutionbg .solution_c .solution_c_left1 li.c4{background:#838383;}
#solutionbg .solution_c .solution_c_left1 li.c5{background:#6f6f6f;}
#solutionbg .solution_c .solution_c_left1 li.c6{background:#555555;}
#solutionbg .solution_c .solution_c_left1 li.on{background:linear-gradient(to right, #01c1e6 0%,#1160ff 100%);}
#solutionbg .solution_c .solution_c_right{width:calc(100% - 290px);float:right;padding:40px 20px 0 37px;}
#solutionbg .solution_c .solution_c_right .r_title{height:16px;line-height:16px;font-size:16px;border-left:3px solid #108cee;text-indent:8px;}
#solutionbg .solution_c .solution_c_right .text{margin-top:23px;line-height:24px;color:#666;margin-bottom:0;}
#solutionbg .solution_c .solution_c_right .r_ul{margin-top:35px;}
#solutionbg .solution_c .solution_c_right .r_li{width:32%;float:left;margin-left:2%;}
#solutionbg .solution_c .solution_c_right .r_li .r_img{width:100%;height:0;padding-bottom:69%;position:relative;}
#solutionbg .solution_c .solution_c_right .r_li:first-child{margin-left:0;}
#solutionbg .solution_c .solution_c_right .r_li .r_img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;left:0;top:0;border:1px solid #c8c8c8;}
#solutionbg .solution_c .solution_c_right .r_btn{margin-top:34px;}
#solutionbg .solution_c .solution_c_right .r_btn a{width:160px;height:40px;line-height:40px;background:#1b95d4;display:inline-block;color:#FFF;text-align:center;margin-left:10px;}
#solutionbg .solution_c .solution_c_right .r_btn a:first-child{margin-left:0;}
#solutionbg .solution_c .solution_c_right .r_btn a:first-child{border:1px solid #c8c8c8;background:none;color:#6d6e6e;}
@media (max-width: 768px) 
{
    #solutionbg
    {
        padding: 30px 0;
    }
    #solutionbg .solution_c .solution_c_left
    {
        display: none;
    }
    #solutionbg .solution_c .solution_c_left1
    {
        display: block;
    }
    #solutionbg .solution_c .solution_c_right
    {
        width: 100%;
        float: none;
        padding: 20px 0 0 0;
    }
}