/* 效果添加 */
 .ridesAll .imgzz{
     width: 100%;
     overflow: hidden;
     margin: 10px auto;
 }
 .ridesAll .imgzz img{
     width: 100%;
     transform: scale(1);
     transition: transform .3s linear;
 }
 .ridesAll>div:hover  .imgzz img{
     transform: scale(1.2);
     transition: transform .3s linear;
 }
 .imgzz{
     position: relative;
 }
 .imgzz::before {
     position: absolute;
     content: "";
     width: 90%;
     margin: 10px auto;
     height: calc(100% - 50px);
     margin-top: 20px;
     margin-left: 20px;
     border: 1px solid transparent;
     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     z-index: 999;
 }
 .ridesAll>div:hover .imgzz::before {
     border: 1px solid #007dc5;
     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }
 .imgzz::after {
     margin: 0 auto;
     display: inline-block;
     position: absolute;
     top: 0px;
     left: 1px;
     content: '';
     width: 40px;
     height: 40px;
     line-height: 40px;
     background: url(../images/jia.png);
     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     opacity: 0;
     z-index: 999;
 }
 .ridesAll>div:hover .imgzz::after {
     top: 30px;
     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
     opacity: 1;
 }
 .itemP{
     margin: 10px 0;
     height: 36px;
     line-height: 36px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     text-align: center;
     font-size: 15px;
     color: #717171;
     text-transform: capitalize;
 }
 .proItem:hover  .itemP{
     color: #f3aa09;
     transition: color .3s linear;
 }
 .ridesAll .morebtn:hover img{
     box-shadow: 3px 3px 3px 3px #8c8c8c;
     border-radius: 24px;
 }
 /* 项目展示end */
 /*产品分类*/
 .proList{
     padding: 20px 10px;
     background:url("../images/leftBg.png") no-repeat top left;
     -webkit-background-size: 100% 100%;
     background-size: 100% 100%;
    box-sizing: border-box;
 }
 .proListT{
     padding: 30px  0 0 16px;
     color: #fff;
 }
 .proListT h1{
     position: relative;
     top: -18px;
     font-size: 30px;
     font-weight: normal;
     line-height: 46px;
 }
 .proListT:before{
     display: block;
     content: "PRODUCT";
     font-size: 36px;
     font-weight: normal;
     text-transform: uppercase;
     color: #fff;
     box-shadow: 3px 3px 3px 3px rgba(255,255,255,.3);
     opacity: .1;
 }
 .proListT h1:after{
    display: block;
    content: "";
     width: 64px;
     height: 2px;
     margin: 5px 0;
     background-color: #fff;
 }
 .proListAll{
     padding-left: 2px;
 }
 .proLItem span{
     display: block;
     width: 100%;
     padding: 10px 20px;
     background-color: #72b2dc;
     font-size: 18px;
     line-height: 28px;
     vertical-align: top;
 }
 .proLItem span:before{
     display: inline-block ;
     margin-left: 10px;
     width: 20px;
     height: 25px;
     content: "";
     padding: 10px 13px;
     vertical-align: text-bottom;
     background: url(../images/waterwt.png) no-repeat;
 }
 .proLItem>ul>li{
     margin: 20px 0;
 }
 .proListAll ul li a, .proListAll ul li span{
     color: #fff;
 }
 .proListAll ul li:hover a{
     color: #000;
 }
 .proLItem>ul>li li{
     float: left;
     border: 1px solid #eee;
     padding:0 4px;
     text-align: center;
     box-sizing: border-box;
     margin: 3px;
     line-height: 36px;
     height: 36px;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .proBot{
     width: 100%;
     text-align: center;
 }
 /*产品分类end*/
 /* 产品展示*/
.proCT{
    position: relative;
    top: 30px;
    background: url("../images/zsx.png") no-repeat;
    background-size: 100%;
}
 .proCT .proCTF,.more{
     position: relative;
     top: -20px;
     background: #fff;
     padding: 10px;
 }
 .proCTF h2{
     margin-left: 10px;
     font-size: 26px;
     font-weight: normal;
 }
 .proCaseAll{
     margin: 5px auto;
 }
.proCaseAll .ridesAll p a{
    font-size: 16px;
}
 /* 产品展示end*/
 /* 关于我们*/
 .about{
     margin: 10px auto;
     width: 100%;
     padding: 20px 0;
     background-color: #e9f6ff;
 }
 .aboutT {
     margin-top: 25px;
 }
 .aboutT h1,.aboutT  h1 span{
     font-size: 36px;
     line-height: 50px;
  }
 .aboutT  h1 small{
     font-size: 30px;
     color: #c4dae8;
 }
 .aboutT p{
     font-size: 18px;
     color: #646464;
     line-height: 40px;
 }
 .aboutT:after{
     display: block;
     content: "";
     width: 70px;
     height: 3px;
     background-color: #318bc5;
 }
 .aboutCont{
     margin: 20px 0;
     padding: 10px 0;
     font-size: 14px;
     line-height: 26px;
     color: #999999;
     height: 120px;
     -webkit-line-clamp: 5;
 }
 .aboutAB ul li{
     float: left;
    border: 1px solid #ccd1e8;
     padding: 15px 30px;
 }
 .aboutAB ul li h2{
     font-size: 36px;
     line-height: 26px;
     color: #636363;
 }
 .aboutAB ul li h2:after{
     display: block;
     content: "";
     margin: 10px 0;
     width: 20px;
     height: 3px;
     background-color: #3586c1;
 }
 .aboutAB ul li p{
     font-size: 14px;
     line-height: 26px;
     color: #636363;
 }
 .aboutRight .aboutIm{
     width: 98%;
     margin:  30px auto;
     text-align: center;
 }
 .aboutRight .aboutIm img{
     width: 100%;
 }
 /* 关于我们end*/
 /*  荣誉资质 */
 .honoryT h1 img{
     line-height: 50px;
     vertical-align: middle;
     margin-right: 10px;
 }
 .honoryT h1{
     font-size: 26px;
     line-height: 50px;
 }
 .honoryT h1 small{
     color: #efefef;
 }
 .honoryT p{
     font-size: 14px;
     line-height: 26px;
     color: #b2b2b2;
     text-indent: 36px;
 }
 /*  荣誉资质end */
 /* 客户见证 */
 .customer{
     background-color: #e9f6ff;
     padding: 40px 0;
 }
 .customer .customerT h2{
     font-size: 33px;

 }
 .team-item .temImg{
    text-align: center;
 }
 .team-item .temImg img{
     height: 141px;
     max-height: 141px;
 }
 
 .customer  .team-item h2{
     color: #454545;
     font-size: 16px;
     line-height: 30px;
     text-align: center;
 }

 .customer  .team-item p{
     color: #7d7c7d;
     font-size: 12px;
     text-align: center;
 }
 /* 客户见证end */
 /* 新闻资讯 */
 .news .newstaber{
     text-align: center;
     margin: 30px auto;
 }
 .newsT{
     padding: 30px 0 0;
 }
 .news .newstaber a{
    display: inline-block;
     margin: 5px;
     width: 150px;
     height: 50px;
     line-height: 50px;
     font-size: 18px;
     color: #333333;
     background-color: #f5f5f5;
 }
 .newsIt img{
     width: 100%;
 }
 .news .newstaber a.active{
     color: #fff;
     background-color: #318bc5;
 }
 .newsItem .newsIt{
     position: relative;
 }
 .newsItem .newsIt .newsInBt{
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     background-color: rgba(0,0,0,.2);
     color: #fff;
 }
.newsImgI{
    width: calc(100% - 100px);
    padding: 0 12px;
    box-sizing: border-box;
}
.newsImgI h4{
    padding-top: 6px;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
}
 .newsImgI p{
     font-size: 14px;
     line-height: 20px;
     height: 20px;
 }
 .newsDay{
     width: 100px;
 }

 .bg-zi h3, .bg-muted h3{
     font-size: 14px;
 }
 hr {
     margin-top: 6px;
     margin-bottom: 6px;
 }
 .bg-zi{
     margin-right: 0;
     width: 100px;
     padding: 20px;
     text-align: center;
     background-color: #318bc5;
     color: #fff;
 }
 .bg-zi hr {
     border-top: 1px solid #eee;
 }
 .bg-muted{
     padding: 20px;
     width: 100px;
     text-align: center;
     background-color: #f5f5f5;
     color: #666666;
 }
 .bg-muted hr {
     border-top: 1px solid #ccc;
 }
 .newsRitItem{
     margin: 0 auto;
     padding: 10px 0 30px;
     border-bottom: 1px dashed #9d9d9d;
 }
 .newsRitItem:last-child{
     border-bottom: 0;
 }
 .newsRight .newsDay{
     width: 100px;
     box-sizing: border-box;
     margin: 0 auto;
 }
 .newsInfo{
     width: calc(100% - 120px);
 }
 .newsInfo p{
     line-height: 20px;
     height: 40px;
     -webkit-line-clamp: 2;
 }
 .newsInfo h2{
     font-size: 16px;
     line-height: 26px;
     height: 26px;
     color: #000;
 }
 .newsInfo p{
     color: #666666;
     font-size: 14px;
     line-height: 26px;
     height: 50px;
 }
 /* 新闻资讯 end*/
 /* 友情链接*/
 .friendLink p{
     font-size: 16px;
     color: #333;
 }
 .friendLink p a{
     font-size: 14px;
     color: #838383;
     padding: 0 3px;
 }
 .friendLink p a:hover{
     color: #7f257a;
 }
 /* 友情链接 end*/
 /* 小型设备（手机，480px 起） */
 @media (min-width: 480px) {


 }
 @media (min-width: 695px) {
     .bg-zi h3, .bg-muted h3{
         font-size: 18px;
     }
 }
 /* 小型设备（平板电脑，768px 起） */
 @media (min-width: 768px) {
     .ridesAll>div {
        
     }
     /* 公司简介 */
     /* 客户见证 */
     .servAll{
         position: relative;
         width: 86%;
         margin: 10px auto;
     }
     .serbtn{
         position: absolute;
         width: 100%;
         top: 50px;
     }
     /* 公司新闻 */

 }

 /* 中型设备（台式电脑，992px 起） */
 @media (min-width: 992px) {
     /* 产品分类*/
     .proListT {
         padding: 48px 0 0 16px; 
     }
     .proList{
         width: 30%;
         float: left;
     }
     .proLItem>ul>li li{
         float:none;
         border: none;
         text-align: left;
         list-style: url("../images/++_03.jpg") inside;
         padding: 0 4px;
         border-bottom: 1px dashed #d0d0d0;
     }
     /* 产品分类 end*/
     /* 产品展示*/
     .proCase{
         width: 65%;
         margin-left: 5%;
         float: left;
     }
     .ridesAll>div {
        
     }
     /* 产品展示end*/
     /*关于*/
     .aboutAB ul{
         margin-top: 50px;
     }
     .aboutLeft,.aboutRight{
         float: left;
     }
     .aboutLeft{
         width: 55%;
     }
     .aboutRight{
         width: 45%;
     }
     .aboutRight .aboutIm {
         margin: 60px auto;
     }
     .aboutRight .aboutIm img {
         width: 88%;
     }



 }

 /* 大型设备（大台式电脑，1200px 起） */
 @media (min-width: 1200px) {
     .proList{
         width: 252px;
     }
     .proCase{
         width: 928px;
         margin-left: 20px;
     }
     .ridesAll>div {
         
     }
     /* 关于 */
     .aboutLeft{
         width: 580px;
     }
     .aboutRight{
         float: right;
         width: 448px;
     }
     .aboutRight .aboutIm img {
         width: 444px;
     }
     /* 关于end */
     /* 客户见证 */
     .servAll{
	width: 1200px;
     }
     .servAll .temImg img{
         width: 95%;
     }
     .serbtn .swiper-button-next-jt{
         position: absolute;
         top: 30px;
         left: -5%;
     }
     .serbtn .swiper-button-prev-jt{
         position: absolute;
         top: 30px;
         right: -5%;
     }
     .customer  .team-item h2{
         text-align: left;
         padding: 0 12px;
     }
     .customer  .team-item p{
         text-align: left;
         padding: 0 12px;
     }
     /* 客户见证 end*/

 }