@charset "utf-8";
.topja{ margin-top: 128px; }

.homeZx{float: left; width: 100%; padding: 64px 0 42px 0;}
.homeZxLe{float: left; width: 60%;}
.homeZxLe .span01{float: left;padding: 0 20px; display: block; line-height: 35px; height: 35px; color: #284b90; font-size: 18px; background: #fff;}
.homeZxLe h2{float: left; width: 100%; line-height: 56px; color: #fff; margin-top: 9px; font-size: 34px; }
.homeZxLe h2 span{font-weight: bold;}
.homeZxLe h4{float: left; width: 100%; line-height: 34px; font-size: 18px; color: #fff;}
.homeZxLe h4 p{display:inline-block;}
.homeZxR{float: right; width: 40%; margin-top: 12px;}
.homeZxR h4{float: right; text-align: right; line-height: 36px; height: 36px; color: #fff; font-size: 18px;}
.homeZxR h4 span{float: left; padding-right: 10px; font-size: 20px; font-weight: bold; font-style: italic; font-family: Arial; position: relative;}
.homeZxR h4 span::before{position: absolute; content: ""; width: 88px; height: 88px; background: url(images/hzx01.png) no-repeat; top: 4px; left: -62px;}
.homeZxR .homeZxBtn{float: left; width: 100%;}
.homeZxR a{float: right; width: 102px; height: 37px; line-height: 37px; margin-top: 5px; margin-right: 116px; background: rgba(255,255,255,.2); font-size: 18px; color: #fff; font-weight: bold;text-align: center;
 -webkit-border-radius:3px; 
    -moz-border-radius:3px;
         border-radius:3px; }
.homeZxR a:hover{color: #2a4e94; background: #fff;}

@media  screen and (max-width:1199px){
  .homeZxLe h2{line-height: 46px; margin-top: 5px; font-size: 24px; }
}
@media  screen and (max-width:991px){
  .homeZxLe .span01{padding: 0 15px; line-height: 30px; height: 30px; font-size: 16px;}
  .homeZxLe h2{line-height: 36px; font-size: 20px; }
  .homeZxLe h4{line-height: 24px; font-size: 16px;}
  .homeZxR h4{line-height: 26px; height: 26px; font-size: 16px;}
  .homeZxR h4 span{ padding-right: 5px; font-size: 18px; }
  .homeZxR h4 span::before{width: 58px; height: 58px; left: -42px; background-size: 100%;}
  .homeZxR a{width: 82px; height: 30px; line-height: 30px; font-size: 14px; }
}
@media  screen and (max-width:767px){
  .homeZx{padding: 30px 0 ;}
  .homeZxLe{width: 100%;} 
  .homeZxR{float: left; width: 100%;}
  .homeZxLe .span01{padding: 0 10px; line-height: 26px; height: 26px; font-size: 14px;}
  .homeZxLe h2{line-height: 30px; font-size: 16px; }
  .homeZxLe h4{font-size: 14px;}
  .homeZxR h4{font-size: 14px; padding-left: 40px; float: left; text-align: left;}
  .homeZxR h4 span{font-size: 16px; }
  .homeZxR a{width: 82px; height: 30px; line-height: 30px; font-size: 14px;float: left; margin-right: 0; margin-left: 70px;}
}

/*新闻*/


.inews-center{padding:75px 0 70px}
.inews-center .ichannel-tabcontent{overflow:hidden}
.inews-center .tabcontent-slider{position:relative;width:600%}
.inews-wraper{width:100%;padding:0 10%}
.inews-wraper .inews-wraper{overflow:hidden}
.inews-wraper a:hover h2{color:#014aa3}
.inews-wraper a:hover .date{color:#014aa3}
.inews-wraper a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.news-set-top{float:left;width:395px;padding:30px 28px 27px 26px;background-color:#f7f7f7}
.news-set-top .thumb{overflow:hidden}
.news-set-top img{width:100%; height: 400px; -webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.news-set-top .title{margin-bottom:11px;font-size:20px;color:#333;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-set-top .date{margin-bottom:20px;font-size:16px;line-height:24px;color:#999;font-weight:bold}
.news-two .date, .news-four .date{font-size:15px;line-height:24px;color:#999}
.news-two .date span, .news-two .date b, .news-four .date span, .news-four .date b{display:block;font-size:50px;line-height:48px;font-weight:bold}
.news-two{float:left;width:440px;margin:0 20px}
.news-two li{margin-bottom:22px;padding:16px 45px 45px;background-color:#f7f7f7}
.news-two li a{display:block}
.news-two .two-title{margin-bottom:16px;font-size:18px;line-height:30px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-two .desc{font-size:14px;color:#888;display:-webkit-box;height:40px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-two .date{margin-bottom:25px;border-bottom:1px solid #e6e6e6;padding:20px 0;background:url("../images/inewarr.png") no-repeat right center}
.news-four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 50px}
.news-four li{border-bottom:1px solid #e6e6e6}
.news-four li:last-child{border:0}
.news-four a{position:relative;display:block;padding:44px 90px 45px 90px;background:url("../images/inewarr.png") no-repeat right center}
.news-four .date{position:absolute;left:0;top:31px}
.news-four .four-title{font-size:18px;color:#333333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news-four .desc{display:none;font-size:0;line-height:36px;color:#888;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}



/**{margin:0;padding:0;}
html,body{font:14px/1.5 normal;font-family:'Microsoft YaHei',Arial,Tahoma,sans-serif;color:#666;overflow-x: hidden;}
a{color:#333;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration: none;}
a:hover{color:#0a3875;}
ul,dl{list-style:none;}
i{font-style: normal;}
img{display:inline-block;vertical-align:middle;border:0;}*/
.warper{width: 80%; padding:0 10%}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{width: 80%; padding:0 10%}
.about-main2{height:690px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color:rgba(40,146,200,.9);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}


.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}

.about-main2 .licheng-content ul li.item5 a{height: 420px;}
.about-main2 .licheng-content ul li .date{color: #fff;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 300px;width: 1px;display: block;background-color: #0A3875;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 245px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 14px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 227px;}

.about-main2 .licheng-content ul li.item21 a{top: 265px!important;}

.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -26px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 76px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 284px;}

.about-main2 .licheng-content ul li.item41 a{top: 322px!important;}

.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: -19px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 42px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px; color: #fff; font-weight: bold;}
.about-main2 .licheng-content .right-text p{font-size: 16px; color: #f6f6f6;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 60px; color: #fff;}


.lc-swiper-btn i.iconfont:hover {
    color: #fff;
} 









.iclients-list{overflow:hidden}

.iclients-list li{float:left;width:19.5%;border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}

.iclients-list li a{display:block;text-align:center}
.iclients-list li img{max-width:100%;height:100px;}




.multipleColumn{ overflow:hidden; position:relative; width:100%; }
.multipleColumn .bd{ overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ _display:inline; overflow:hidden; text-align:center;  }





.index-box4{ background: #f6f8fb;
   
    border-top: 1px #f7f7f7 solid;
}
.index-box4 .wrap{ background: #fff; }
.index-box4 ul { padding: 20px 0; }
.index-box4 ul li{
    width: 24.5%;
    float: left;
    border-right: 1px solid #efefef;
    text-align: center;
}
.index-box4 ul li:last-child{
    border: none;
}
.index-box4 ul li dd{
    font-size: 42px;
    color: #333;
    
}
.index-box4 ul li dl{
    font-size: 1em;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}


 .downConBox{float: left; width: 100%; background: #004ca0; position: relative}
 .downConBg{position: absolute; left: 0; top:0; width: 100%;background: #004ca0; height: 100%; z-index: 1;}
 .downConInfo{float: left; width: 100%; margin:40px 0; position: relative; z-index: 2}
 .downConInfo .lConText{float: left; width:34.6%;}
 .downConInfo .lConText .tH1{float: left;width: 100%; color:#fff; font-size:24px;line-height: 64px;}
 .downConInfo .lConText .dConText{float: left; width: 100%; margin-top: 34px; padding-left:130px;position: relative; min-height: 38px;}
 .downConInfo .lConText .dConText.first{margin-top: 29px;}
 .downConInfo .lConText .dConText .ico{position: absolute; width: 38px; height: 38px; background:#444857; background: rgba(255,255,255,0.1); left: 0; top:0;
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
}
 .downConInfo .lConText .dConText em{position: absolute; left: 54px; color:#fff; line-height: 38px; font-style: normal;font-size:15px;}
 .downConInfo .lConText .dConText .dCIn{float: left; width: 100%; color:#fff; color:rgba(255,255,255,0.6); font-size: 15px; line-height: 24px; margin-top: 7px; position: relative}
 .downConInfo .lConText .dConText .dCIn img{vertical-align: middle; margin-top: -2px;}
 .downConInfo .lConText .dConText .dCIn .QRcode{position: absolute; left:-10px; bottom:40px; width: 150px; height: 150px; font-size: 0; line-height: 0; padding: 8px; background: #fff; display: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
 .downConInfo .lConText .dConText .dCIn .QRcode img{margin-top: 0; width: 100%;}
 .downConInfo .lConText .dConText .dCIn .QRcode:after{position: absolute; content: ''; width: 0; height: 0; left: 50%; bottom: -8px; margin-left: -6px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid #fff;
}
 .downConInfo .lConText .dConText .dCIn:hover .QRcode{display:block;}

 .rFormBox{float: right;
width: 60%;
position: relative;
padding: 35px 5px 70px 50px;}
 .rFormBox:after{position: absolute; content: ''; width: 150%; height: 100%; left: 0; top:0; z-index: 1;}
 .rFormBox .forText{float: left; width:47%; margin-right:6%; font-size: 15px; margin-top: 11px; line-height: 52px; height:52px; padding-top: 5px; border: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.7); color:#fff; background:none; text-indent: 10px; position: relative; z-index: 2;}
 .rFormBox textarea{float: left; width: 100%; height: 88px; border:0; border: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.7);color:#fff;font-size: 15px; margin-top: 11px; line-height: 51px; padding-top: 5px;  text-indent: 10px; background:none;position: relative; z-index: 2;}
 .rFormBox .forText:nth-child(2n){margin-right: 0;}
 .rFormBox input::-webkit-input-placeholder,
 .rFormBox textarea::-webkit-input-placeholder{color: #fff;}
 .rFormBox input::-moz-placeholder,
 .rFormBox textarea::-moz-placeholder{color: #fff;}
 .rFormBox input:-ms-input-placeholder,
 .rFormBox textarea:-ms-input-placeholder{color: #fff;}

 .rFormBox .VerCode{float: left; width: 47%; margin-right: 6%; position: relative}
 .rFormBox .VerCode .forText{width: 100%; padding-right: 97px;}
 .rFormBox .VerCode span{position: absolute; right:1px; width: 95px; height: 39px; top:20px; z-index: 3;}
 .rFormBox button{float: left; width: 47%; margin-top: 23px; background: #fff; background: rgba(255,255,255,0.1); border:0;  color:#fff; height:46px; line-height: 46px; text-align: center; font-size: 15px; position: relative; z-index: 4;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
 .rFormBox button:hover{background: #fff; color:#203f9a;}
 .DLinks{float: left; width: 100%; margin: 30px 0; padding-left: 125px; position: relative; font-size: 15px; color:#dcdcdc; line-height: 34px;}
 .DLinks .listBox{float: left; width: 100%;}
 .DLinks a{color:#fff;margin-right: 10px;}
 .DLinks a:hover{color:#203f9a}
 .DLinks .dLinBo{position: absolute; left: 0; top:0; width: 107px; height:34px; line-height: 34px; text-align: center; color:#fff; font-size: 15px; background: #203f9a; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
 .DLinks .dLinBo img{vertical-align: middle; margin-top: -2px;}
 .copyBg{float: left; width: 100%;}
 .copyBg .copyBox{float: left; width: 100%; margin: 0px 0 20px 0;}
 .copyBg .copyBox .LCopy{float: left; color:#fff; font-size: 15px; line-height: 30px;}
  .copyBg .copyBox .LCopy a{color: #fff;}
 .copyBg .copyBox .rCoWap{float: right; color:#dcdcdc; font-size: 14px; line-height: 30px;}
 .copyBg .copyBox .rCoWap a{color:#555555; font-size: 15px;}
 .copyBg .copyBox .rCoWap a:hover{color:#203f9a}
@media screen and (max-width:1299px) {
     .downConInfo .lConText{width: 37%;}
     .rFormBox{width: 58%;padding: 30px 50px 60px 50px;}
    
}
@media screen and (max-width:1023px) {
     .downConInfo{margin: 50px 0 60px 0;}
     .downConInfo .lConText{width: 100%;}
     .downConInfo .lConText .tH1{font-size: 20px; line-height: 45px;}
     .downConInfo .lConText .dConText.first{margin-top: 20px;}
     .downConInfo .lConText .dConText{margin-top: 25px;}
     .downConInfo .lConText .dConText .dCIn p{display: inline-block;}
     .rFormBox{width: 100%; margin-top:30px;padding: 10px 40px 40px 40px;}
     
}
@media screen and (max-width:767px) {
     .downConInfo{margin:25px 0 30px 0;}
     .downConInfo .lConText .dConText{padding-left: 120px; margin-top: 20px;}
     .downConInfo .lConText .dConText em{font-size: 14px;}
     .downConInfo .lConText .dConText .dCIn{font-size: 14px;}
     .rFormBox{margin-top:20px;padding: 10px 15px 20px 15px;}
     .rFormBox .forText{line-height: 40px; height:40px; padding-top: 0;width: 100%;
     }
     .rFormBox .VerCode{width: 100%; margin-right: 0;}
     .rFormBox .VerCode span{top:10px;}
     .rFormBox button{width: 100%; height: 40px;line-height: 40px; margin-top: 20px;}
     .DLinks{margin: 15px 0; padding-left: 0; font-size: 14px; line-height: 30px;}
     .DLinks .dLinBo{position: static; float: left;}
     .DLinks .listBox{ margin-top: 10px;}
     /*.copyBg{margin-bottom: 50px;}*/
     .copyBg .copyBox{margin: 15px 0 10px 0;}
     .copyBg .copyBox .LCopy{width: 100%; font-size: 14px; line-height: 24px; text-align: center;}
     .copyBg .copyBox .rCoWap{width: 100%; text-align: center;}
     .copyBg .copyBox .rCoWap a{ font-size: 14px;}
     .yincang{display: none;}
     .iclients-list li:first-child{border-left: 1px solid #e0e0e0;}
.iclients-list li:nth-child(3n+1){border-left: 1px solid #e0e0e0;}
}


.navv ul li { float:left; line-height: 36px; font-size: 16px; }
.navv ul li { background: url(../images/top7.png) no-repeat right center;}
.navv ul li a{ margin: 0 20px;color: #fff;   }


/*banner*/

    .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
    .slideBox .hd{ height:5px; overflow:hidden; position:absolute; right:10%; bottom:25px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:20px;  width:20px; height:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
    .slideBox .hd ul li.on{ background:#004c9f; color:#fff; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:100%; height:auto; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  }




    /* 本例子css */
    .slideGroup{ width:100%;}

    .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

    .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left: -51px;top: 151px; display:block; width:30px; height:94px;  background:url(../images/left.png) center center no-repeat; }
    .slideGroup .sNext{ left:auto; right:-50px; background:url(../images/right.png) center center no-repeat;  }
    .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }




.chanpin1fa{width: 100%;height: auto;}
.chanpin1fa img{width: 100%; height:auto;}
.chanpinlb li a{display: block;}
.chanpinlb li.on{background: #014aa3;}
.chanpinlb li.on a{ color: #fff;}
.chanpinlb li{ line-height:38px; margin:2px 0; font-size: 16px; }
.chanpinlb li:hover a{color: #fff;}

/*产品列表*/
.pro-content ul{ width:100%; float:left; /*! margin-top:-2px; */}
.pro-content ul li{ width:30%; float:left; border:solid 1px #f3f3f3; background:white; margin:0 1.5% 2% 0; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}

.pro-content ul li .pic img{ width:100%; vertical-align:middle;
     transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
 -webkit-transition: all 0.3s linear;
-o-transition: width all 0.3s linear;}
.pro-content ul li:hover .pic img{transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);  
-webkit-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);  
   -moz-transform: scale(1.1,1.1);}
.pro-content ul li:hover{ box-shadow:0 11px 20px rgba(0,0,0,0.1);}
.pro-content ul li:hover a div.name{background-image: linear-gradient(180deg, #00a0e9 0%, #005bac 100%);color: #fff}
.pro-content ul li a div.name{ text-align: center; line-height: 36px;display:-webkit-box;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:1;/*设置超过为省略号的行数*/
    overflow:hidden;}
@media  screen and (max-width:1580px){
.pro-content ul li .zbox{ height:300px; padding:0 238px 0 30px; line-height:300px;}
/*.pro-content ul li .pic{ width:238px;}*/
}
@media  screen and (max-width:1380px){
.pro-content ul li .title{ font-size:18px; line-height:35px;}
.pro-content ul li .p{ font-size:12px; line-height:28px;}
}
@media  screen and (max-width:1199px){
.pro-content ul li .pic{ width:178px;}
}
@media  screen and (max-width:1023px){
.pro-content ul li{ margin-top:20px; width:100%;}
}
@media  screen and (max-width:767px){
.pro-content ul li{ margin-top:10px; padding:0 5px; width: 46%; float: left;}
.pro-content ul li .zbox{ height:160px; padding:0 128px 0 10px; line-height:160px;}
.pro-content ul li .pic{ }
.pro-content ul li .title{ font-size:16px; line-height:28px;}
.pro-content ul li .p{ line-height:24px;}
.pro-content ul li .more{ margin-top:20px;}
.pro-content ul li .more{ width:90px; height:28px; line-height:26px; font-size:12px;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
}



/*产品详情*/

.wb-gallery {
  position: absolute;
  height: 480px;
  width:770px;
  right: 20px;
  top: 20px;
}
.pic-view .bigImg {
  height: 520px;
  width: 520px;
  position: relative;
  float: left;
}
.pic-view .bigImg li img {
  vertical-align: middle;
  width: 520px;
  height: 520px;
}
.pic-view .smallScroll {
  height: 520px;
  width: 100px;
  float: right;
  margin: 0px 10px;
}
.pic-view .prev,
.pic-view .next {
  height: 29px;
  width: 100px;
  display: block;
  overflow: hidden;
  background-image: url(../images/dot_vertical_sprites.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  text-indent: 9999em;
}
.pic-view .next {
  background-position: center -200px;
}
.pic-view .prev:hover {
  background-position: center -100px;
}
.pic-view .next:hover {
  background-position: center -300px;
}
.pic-view .smallImg {
  margin: 0 6px;
  display: inline;
  width:100px;
  overflow: hidden;
}
.pic-view .smallImg ul {
  height: 400px;
  overflow: hidden;
}
.pic-view .smallImg li {
  width:100px;
  cursor: pointer;
  margin-bottom: 10px;
}
.pic-view .smallImg img {
  border: 1px solid #dcdddd;
  width:98px;
  height:98px;
}
.pic-view .smallImg .on img {
  border-color: #1e50a2;
}



/* 手机端 */
@media screen and (max-width:767px) {
    .topja{
        margin-top: 34px;
    }
    /* 轮播图 */
    .slideBox{
        height: auto;
    }
    .slideBox .bd img{
        height: auto;
    }
    .slideBox .hd{
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        right: auto;
    }

    /* 产品 */
    .chanpin1fa{
        
    }
    .chanpin1fa img{
        
        object-fit:contain
    }
    .ichannel-tabcontent{
        width: 100%;
    }
    .tabcontent-slider{
        left: 0!important;
    }
    .inews-wraper{
        
        padding: 0 10px;
        box-sizing: border-box;
    }
    .news-set-top,.news-two,.news-four{
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin: 10px 0;
    }
    .news-set-top img{
        height: auto;
    }
    .swiper-slide{
        width: 1200px!important;
    }
    .about-main2,.swiper-wrapper{
        width: 900px;
        box-sizing: border-box;
    }
    .warper{
        width: 800px;
        padding: 0 50px;
    }
    /* 合作案例 */
    .iclients-list li{
    width: 33%;
    height: auto
    }
    .iclients-list li img{
        
        object-fit: contain;
    }


    .wb-gallery{
      width: 100%;
      top:-40px;
      right: 0;
      /* height: 300px; */
    }
    .pic-view .smallImg ul,.pic-view .smallScroll{
      height: 250px;
    }
    
    .wb-gallery,.c_1570_4 .content1 .pic,.pic-view{
      height: 350px;
    }
    .c_1570_4 .content1 .pic img{
      float: none;
    }
    /* .c_1570_4 .content1 .pic{
      height: 300px;
    } */
    .pic-view{
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
    }
    .pic-view .bigImg{
      /* height: 100%!important; */
      flex: 1;
      margin-top: 70px;
    }
    .pic-view .bigImg li{
      width: 100%!important;
    }
    .pic-view .bigImg li img{
      width: 100%!important;
      height: 300px;
      object-fit: contain;
    }
    .index-box4 ul li{
        width: 49%;
    height: 10em;
    padding: 20px 0;
    border-bottom:1px solid #efefef;
    }
    .index-box4 ul li:nth-child(2){border-right: none;}
        .index-box4 ul li:nth-child(3){ width:33%; }
    .index-box4 ul li:nth-child(4){ width:33%; }


    .index-box4 ul li:nth-child(5){ width:33%;border-bottom:1px solid #efefef; }

    .homeZx{
        margin-top: 20px!important;
    }
    .news-set-top,.news-two,.news-four{ padding: 10px; display: block!!important; }
.tablebox{margin-top: 20px;}
.topnav{z-index: 30;
}
  .news-four a{padding: 44px 0px 45px 90px; background: none;}
  
  .slideBoxcp1 {width: 80%; margin: 0 auto;}
  .slideGroup .sPrev{ left: 0; }
  .slideGroup .sNext{right:0 ;}
.slideGroup .parBd1 ul li .pic{text-align:center;}

.slideGroup .parBd1 ul li .pic img{height:300px; width: auto;}

    .slideGroup .parBd1 ul li .zbox_down{text-align:center;background:#999; height:2em; line-height: 2em; color: #fff;}
 

}

/* 本例子css */