@charset "utf-8";

/* 轮播 */
.ibanner .img { height: 600px; background-size: cover; background-position: center; }
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}

.ibanner .text{ padding:15px 0; text-align:center; display:none;}
.ibanner .h3{ font-size:18px; color:#25211e; margin-bottom:5px;}
.ibanner .p{ font-size:12px; color:#666;}
.ibanner .slick-arrow i { font-size: 50px; }

.level-search { height:50px; border-bottom: 1px solid #e7f1ec;}
.col_keyword { font-size: 14px; line-height: 50px;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col_keyword a { margin-right: 10px;}
.level-search .input-group { margin-top: 7px;}

.level { padding: 30px 0; position: relative; width:100%; overflow:hidden;}
.level-grey { background: #f6f6f6;}
.level h2 { line-height: 150%;};}

.level { padding: 30px 0; position: relative; width:100%; overflow:hidden;}
.level-grey { background: #f6f6f6;}
.level h2 { line-height: 150%;}
.level h5.stit { color: #999;font-weight: lighter;}
.level hr { height:15px; border:0; margin-top: 5px; background: url(../images/item_line.png) center no-repeat;}

.box-cases .well { border:1px solid #fff;box-shadow: 0px 0px 0px #ccc; transition: all .3s ease;}
.box-cases .well:hover { box-shadow: 0px 0px 10px #ccc;}
.well-white, .link-well { background-color: white !important; color: #262626;}
.box-cases { padding-top: 30px;padding-bottom: 20px;}
.box-cases img { width: 100%; height: auto;}
.l-b-margin {}
.box-cases .well h5 { white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

/*分类*/
.level-wave { padding-top: 0; background-color:#C8E0F9;}
.level-wave .row-tbg { background-color: #f6f6f6;}
.col-cate { margin-left: 15px; width:300px;}
.cate-box { padding-bottom: 15px; background-color: #fff;}
.cate-tit { display: inline-block; width: 100%; height:92px; background: url(../images/cate_tbg.png) no-repeat;}
.cate-tit h3 { padding: 8px 0 0 98px; color: #fff; font-size: 23px;}
.col-cate h4 { padding-left: 15px; padding-right: 15px;}
.col-cate h4 .btn { width: 100%; border-radius: 30px; background-color: #f5f5f5; transition: all .2s ease;}
.col-cate h4 .btn:hover { background-color: #5bc0de; border:1px solid #5bc0de; color: #fff;}
.col-cate li { width:130px; display: inline-block; padding-left: 20px; line-height: 26px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.col-right { width:800px; margin-right: 20px;}
.cate-picbox .col-md-4 { padding: 0 10px 20px;}
.cate-pit { position: relative; overflow: hidden; text-align: center;}
.cate-pit img { width: 100%; max-height:206px;}
.cate-pit .photo-title-background {position: absolute; display: block; top: 0; height: 100%; width: 100%; background-color: #0075C2; background-color: rgba(0,116,194,0.6); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0;}
.cate-pit .photo-title { position: absolute;width: 100%; bottom: 20px; text-align: center;color: #fff; -webkit-transition: opacity .4s ease-in-out;  transition: opacity .4s ease-in-out; opacity: 0;}
.cate-pit:hover .photo-title-background,.cate-pit:hover .photo-title { opacity: 1;}
.case-pmore { position: absolute; top:0; left:0; width:100%; height:100%; background-position: 50% 50%; background-image: url(../images/magnifier-big.png); background-repeat:  no-repeat; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.cate-pit:hover .case-pmore { background-position: 50% 30%;}

/*产品列表*/
.btn-protit { border-radius: 50px; border:0; padding-left: 30px; padding-right: 30px; margin: 10px;}
.pro-picbox { padding-top: 20px;}
.pro-picbox .col-md-4 { padding: 0 10px 10px;}
.pro-pit { position: relative; overflow: hidden; text-align: center;}
.pro-pit img { width: 100%;}
.pro-pit h5 { line-height: 22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;}

/*流程*/
.level-process { height:370px; padding: 0; background: url(../images/bbg_lc.jpg) center no-repeat;}
.level-process .container { position: relative;}
.level-process h2 { color: #fff; margin-top: 35px;}
.level-process h5.stit { color: #fff;}
.level-process h4 { width:40px; position: absolute;}
.level-process h4 a { color: #fff;}
.process-1 { top:215px; left:45px;}
.process-2 { top:255px; left:175px;}
.process-3 { top:180px; left:305px;}
.process-4 { top:255px; left:435px;}
.process-5 { top:185px; left:565px;}
.process-6 { top:255px; left:695px;}
.process-7 { top:180px; left:823px;}
.process-8 { top:255px; left:957px;}
.process-9 { top:215px; left:1074px;}

/*专家*/
.level-ex { padding: 0; min-height: 300px; background: url(../images/bbg_2.jpg) top center no-repeat;}
.level-ex h2 { margin-top: 120px; margin-left: 150px; font-size: 32px; font-weight: bold;}
.level-ex h2 a { color: #005DB2;}
.row-ex { margin-top: 100px; padding-top: 80px; min-height:594px;}
.row-ex .well { border:0; -webkit-box-shadow: none; box-shadow: none; background: #F0F8FE; transition: 0.3s;}
.row-ex .well:hover { background: #0055A4; }
.ex-pic { margin: 0 auto; width:130px; height:130px; border-radius: 100px; border:1px solid #57A9E3; background:#fff url(../images/ex_ico.png) no-repeat; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.row-ex .well:hover .ex-pic { background-color: #57A9E3;}
.ex-p1 { background-position: 35px 20px;}
.ex-p2 { background-position: -133px 20px;}
.ex-p3 { background-position: -315px 20px;}
.ex-p4 { background-position: -528px 20px;}
.row-ex .well:hover .ex-p1 { background-position: 35px -110px;}
.row-ex .well:hover .ex-p2 { background-position: -133px -110px;}
.row-ex .well:hover .ex-p3 { background-position: -315px -110px;}
.row-ex .well:hover .ex-p4 { background-position: -528px -110px;}
.row-ex h4 { font-size: 20px; color: #005DB2; line-height: 23px; margin-top: 20px; margin-bottom: 15px;}
.row-ex .text-space { font-size: 14px; line-height: 23px; height: 150px; color: #666;}
.row-ex .well:hover h4 { color: #fff; }
.row-ex .well:hover .text-space { color: #eee; }

/*咨询*/
.level-consult { padding: 0; min-height: 324px; background: url(../images/bbg_fa.jpg) top center no-repeat;}
.col-consult { margin-top: 40px;}
.col-consult h3 { color: #005DB2;}
.col-consult h4 { color: #57A9E3; margin-top: 20px;}
.col-consult .btn-warning { margin-top: 20px;  font-size: 18px;}
.col-consult h5 { margin-top: 20px;}
.col-consult h5 .btn { margin-left: 20px;}

/*新闻*/
.tab-news .thumbnail { border:0; padding:0;}
.tab-news .tab-pane .row { margin-top: 20px;}
.tab-news .nav-tabs li a { font-size: 14px; font-size: 16px;}
.tab-news .nav-tabs li.active a { border: 0; border-bottom: 2px solid #0055A4; font-weight: bold; }
.news-p h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-p h5 a { font-size: 18px; }
.news-p p { line-height: 22px; color: #888;}
.news-t li { line-height: 28px; position: relative; padding-left: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-t li a { font-size: 14px; }
.news-t li:before {
    position: absolute;
    content: " ";
    width: 4px;
    height: 4px;
    background: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news-t span { float: right; color: #888;}
.news-more { margin-top: 12px;}

/*问答*/
.col-fq { border-left: 1px solid #ddd;}
.fq-tit {}
.fq-tit h4 { font-size: 16px; padding-left: 42px; background: url(../images/don_h3.gif) no-repeat;}
.fq-tit a { margin-top: 20px;}
.fq-box { margin-top: 10px; position: relative; height:280px; overflow: hidden;}
.fq-box .media { margin-top: 10px;}
.fq-box .media-body { color: #666;}
.fq-box .media-heading { margin-top: 5px; margin-bottom: 10px;}
.fq-box .media-heading a { font-size: 16px; font-weight: 700; }
.fq-box ul { overflow: hidden;}
.fq-box li { margin: 10px 0; border-top: 1px solid #eee;}

/*关于我们*/
.level-aboutus { background: #f6f6f6;}
.row-about { margin-top: 30px;}
.col-about p { margin-top: 10px; font-size: 16px; line-height: 28px;}
.col-brand {}
.col-brand .col-md-4 { margin-bottom: 48px;}
.col-brand .col-md-4 img { filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); transition: all .3s ease;}
.col-brand .col-md-4:hover img { filter:none;-webkit-filter:grayscale(0);}

.footer .row-tbg { background-color: #f6f6f6;}

.zzslidebox{ height:380px; overflow:hidden; position:relative; border:1px solid #ddd; background:#fff; }
.zzslidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.zzslidebox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.zzslidebox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.zzslidebox .hd ul li.on{ background:#f00; color:#fff; }
.zzslidebox .bd{ position:relative; height:100%; z-index:0;   }
.zzslidebox .bd li{ zoom:1; vertical-align:middle; text-align: center; }
.zzslidebox .bd img{  height:380px;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.zzslidebox .prev,
.zzslidebox .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;   }
.zzslidebox .next{ left:auto; right:3%; background-position:8px 5px; }
.zzslidebox .prev:hover,
.zzslidebox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zzslidebox .prevStop{ display:none;  }
.zzslidebox .nextStop{ display:none;  }

/* 2021.05.09 */
.row-product-cate { text-align: center; }
.row-product-cate li { display: inline-block; }
.row-product-cate li a { display: inline-block; padding: 10px 30px; border-radius: 60px; background: #0055A4; font-size: 18px; color: #fff; margin: 10px; transition: 0.3s; }
.row-product-cate li a:hover { background: #5cb85c; }
.form-keysearch input { border-radius: 30px 0 0 30px; }

.level-soluttons { background: url(../images/bg_fa.jpg) top center no-repeat; background-size: cover; }
.row-special ul { padding-left: 15px; padding-right: 15px; }
.row-special li { position: relative; float: left; width: 11%; overflow: hidden; }
.row-special .sp-cur { width: 44%; }
.row-special li .sp-p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 45%; text-align: center; color: #666; background:rgba(240,248,254,0.9); border-right: 1px solid #333; border-left: 1px solid #333; }
.row-special li .sp-p:last-child { border-right: 0; }
.row-special li .sp-p:first-child { border-left: 0; }
.row-special li .sp-p h3 { position: relative; font-size: 30px; padding-bottom: 25px; margin-bottom: 40px; margin: 0 auto; height: 80%; width: 30px; }
.row-special li .sp-p>i { font-size: 40px; color: #999; }
.row-special li .sp-p span { position: relative; }
.row-special li .sp-p span i { font-size: 50px; }
.row-special li .sp-p span em { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50%; font-size: 16px; font-weight: bold; }
.row-special .sp-cur .sp-p { display: none; }
.row-special li .sp-info { position: absolute; background: rgba(0,116,194,0.77); top: 15%; left: 10%; right: 10%; bottom: 15%; padding: 30px; color: #fff; display: none; }
.row-special li .sp-info a { color: #fff; }
.row-special li .sp-info h2 { font-weight: bold; }
.row-special li .sp-info p { font-size: 18px; line-height: 1.8; }
.row-special li .sp-info .btn { border: 0; }
.row-special .sp-cur .sp-info { display: block; }
.row-special li > img { height: 500px; }
.filter-dark {
	overflow: hidden;
	position: relative;
	color: #fff;
}
.filter-dark:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: ' ';
    background: rgba(21, 21, 21, 0.75); 
}

/* 案例 */
.level-cases .container-fluied .row { margin: 0; }
.swiper-cases .slick-arrow {font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.swiper-cases .slick-prev { left:30px;}
.swiper-cases .slick-next { right:30px;}
.swiper-cases:hover .slick-arrow { opacity:1;}
.swiper-cases .slick-arrow i { font-size: 40px; padding: 15px; border-radius: 60px; }
.swiper-cases:hover .slick-arrow i {  background: rgba(0,0,0,.6); }
.swiper-cases .swiper-pagination { display: none; }
.swiper .img-box { position: relative; }
.cases-img-hover { opacity: 0; transition: all 0.3s; text-align: center; position: absolute; top: 0; bottom: 0; width: 100%; z-index: 9; }
.swiper-slide a:hover .cases-img-hover { opacity: 1; background: rgba(0,0,0,.5); padding-top: 30%; }
.cases-img-hover h4 { font-weight: bold; color: #fff; margin-top: 20px; }
.cases-img-hover p { padding-left: 30px; padding-right: 30px; color: #eee; }
.level-cases .row-product-cate li a { padding: 8px 20px; font-size: 16px; margin: 10px 6px; }

@media (max-width: 768px) {
  .ibanner .img { height: 200px; }
  .row-special li { width: 100%; }
  .row-special li .sp-p { display: none; }
  .row-special li .sp-info { display: block; top: 10%; bottom: 10%; }
  .row-special .sp-cur { width: 100%; }
  .row-special li .sp-info h2 { font-size: 24px; }
  .col-fq { border-left: 0; border-top: 10px solid #eee; }
  .news-t li { display: flex; }
  .news-t li a { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .news-t ul { padding: 15px 0; border-top: 1px dashed #ccc; }
  .thumbnails p .btn { display: none; }
  .col-about p .btn { width: 100%; }
}