/* CSS Document */

body{font-family:"微软雅黑";font-size:16px;line-height:30px;font-weight:normal;color:#333333;margin:0px; padding:0px; margin-left:0px;margin-right:0px;}
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#999; text-decoration:none; }
a:active {color:#000000; text-decoration:none;}
/*margin-right:auto; margin-left:auto;*/


.jbding{width:100%; min-width:1200px; height:40px;  background-color:#f9f9f9;}
.jbdingin{width:1200px; height:40px; line-height:40px; font-size:14px;}
.jbdingina{width:350px; height:40px; float:left;}
.jbdinginb{width:350px; height:40px; float:right;}

.jbtou{width:1200px; height:135px;margin-right:auto; margin-left:auto;}
.jbtoua{width:66px; height:55px; margin-top:40px; float:left; margin-right:20px;}
.jbtoub{width:500px; height:85px; margin-top:35px; float:left; margin-right:350px;}
.jbtouc{width:240px; height:46px;margin-top:55px; float:left;}
.jbdh{width:100%; min-width:1200px; height:50px; background-color:#0774c7;}
.jbdhin{width:1200px; height:50px;}
.jbdhbox{width:130px; height:50px; line-height:50px; float:left; color:#FFF;}
.jbdhbox:hover {background-color:#004376; text-decoration:none; }

.jbban{width:100%; min-width:1200px; height:550px; background-image:url(../jbimg/ban1.jpg); background-position:center; background-repeat:no-repeat; margin-top:1px; }
.jbban img{width:100%;height:auto;-ms-interpolation-mode: bicubic;image-rendering: optimizeQuality;}

.jbxbt{width:292px; height:61px;margin-right:auto; margin-left:auto; margin-top:70px;}
.jbcp{width:1200px; height:832px;margin-right:auto; margin-left:auto;margin-top:70px;}
.jbcpbox{width:372px; height:405px; margin-left:13px; margin-right:13px; float:left; margin-bottom:20px;display:block; border-color:#eeeeee; border-style:solid; border-width:1px;}
.jbcpboxa{width:350px; height:318px; margin:10px; overflow:hidden;display:block;}
.jbcpboxa img{transition:1s ease-out; -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition:1s ease-out;}
.jbcpboxb{width:372px; height:60px; margin-top:5px; line-height:60px;}
.jbcpbox:hover .jbcpboxa img{transform:scale(1.3); -webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}


.jbcpgd{width:140px; height:38px; line-height:38px;margin-right:auto; margin-left:auto; margin-top:30px; background-color:#0774c7; color:#FFF;}

.jbanli{width:100%; min-width:1200px; height:789px; background-image:url(../jbimg/05.png); background-position:center; background-repeat:no-repeat; padding-top:70px; margin-top:30px; }
.jbanlia{width:292px; height:62px;}
.jbanlib{width:1200px; height:480px; margin-top:60px;}
.jbanliba{width:600px; height:480px; float:left;position:relative;overflow:hidden;}
.jbanliba img{width:600px; height:480px;}
.jbanlibab{position: absolute;width:100%;height:100%; line-height:480px; left:0px;top:480px;bottom:0;background: rgba(101, 101, 101, 0.6); transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s; color:#FFF; font-size:18px; font-weight:bold; }

.jbanliba:hover .jbanlibab{opacity: 1;  cursor: default; -webkit-transform:translate(0px,-480px);-moz-transform:translate(0px,-480px);-o-transform:translate(0px,-480px);transform:translate(0px,-480px);}

.jbanlibb{width:280px; height:224px; float:left; margin-left:15px; margin-bottom:30px;position:relative;overflow:hidden;}
.jbanlibb img{width:280px; height:224px;}
.jbanlibba{position: absolute;width:100%;height:100%; line-height:224px; left:0px;top:224px;bottom:0;background: rgba(101, 101, 101, 0.6); transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s; color:#FFF; font-size:18px; font-weight:bold; }

.jbanlibb:hover .jbanlibba{opacity: 1;  cursor: default; -webkit-transform:translate(0px,-224px);-moz-transform:translate(0px,-224px);-o-transform:translate(0px,-224px);transform:translate(0px,-224px);}

.jbanlic{width:140px; height:38px; line-height:38px;margin-right:auto; margin-left:auto; margin-top:50px; background-color:#0774c7; color:#FFF;}


.jbjj{width:1200px; height:458px;margin-right:auto; margin-left:auto;margin-top:70px;}
.jbjja{width:605px; height:358px; z-index:auto; background-color:#FFF; float:right; -webkit-box-shadow:0px 0px 10px #d6d6d6;-moz-box-shadow:0px 0px 10px #d6d6d6;-o-box-shadow:0px 0px 10px #d6d6d6;box-shadow:0px 0px 10px #d6d6d6; padding-top:40px; padding-right:30px; }
.jbjja img{width:600px; height:408px;margin-left:-535px; float:left; margin-top:0px; margin-right:30px; }
.jbjjb{width:635px; height:398px;}
.jbjjc{width:140px; height:38px; line-height:38px;margin-right:auto; margin-left:auto; margin-top:50px; background-color:#0774c7; color:#FFF;}

.jbxw{width:100%; min-width:1200px; height:628px; background-image:url(../jbimg/08.png); background-position:center; background-repeat:no-repeat; padding-top:70px; margin-top:30px; }
.jbxwa{width:292px; height:62px;margin-right:auto; margin-left:auto;}



.jbxwb{width:1200px; height:490px;margin-right:auto; margin-left:auto;margin-top:40px;}
.jbxwbz{width:719px; height:410px; background-color:#FFF; float:left;-webkit-box-shadow:0px 0px 10px #c3c3c3;-moz-box-shadow:0px 0px 10px #c3c3c3;-o-box-shadow:0px 0px 10px #c3c3c3;box-shadow:0px 0px 10px #c3c3c3; padding-top:40px; padding-bottom:40px; padding-left:30px; padding-right:30px;}
.jbxwbzab{width:150px; height:55px; line-height:55px; float:left;font-size:28px; margin-right:342px;}
.jbxwbzb{width:719px; height:93px; border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px; /*padding-top:35px; padding-bottom:35px;*/}
.jbxwbzbz{width:180px; height:93px; line-height:93px; float:left; background-color:#0774c7; color:#FFF; font-size:28px; }
.jbxwbzby{width:495px; height:93px; float:right;}
.jbxwbzc{width:719px; height:250px; padding-top:35px;}
.jbxwbzc ul{padding:0;margin:0;}
.jbxwbzc li{ line-height:35px; border-bottom-color:#CCC; border-bottom-style:dashed; border-bottom-width:1px; list-style:inside; }
.jbxwbzc li:hover {color:#0774c7; text-decoration:none; }


.jbxwby{width:359px; height:410px;background-color:#FFF; float:right;-webkit-box-shadow:0px 0px 10px #c3c3c3;-moz-box-shadow:0px 0px 10px #c3c3c3;-o-box-shadow:0px 0px 10px #c3c3c3;box-shadow:0px 0px 10px #c3c3c3;padding-top:40px; padding-bottom:40px;padding-left:20px; padding-right:20px;}

.jbxwbya{width:359px; height:55px; border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px;}
.jbxwbyaa{width:44px; height:55px; float:left;}
.jbxwbyb{width:299px; height:40px; line-height:40px; margin-top:35px; margin-left:30px; margin-right:30px; font-size:18px;}
.jbxwbyc{width:299px; min-height:60px; line-height:30px; margin-top:10px; margin-left:30px; margin-right:30px; font-size:14px;border-bottom-color:#CCC; border-bottom-style:dashed; border-bottom-width:1px; padding-bottom:15px;}
.jbxwbyd{width:120px; min-height:35px;line-height:35px; margin-top:20px; margin-left:30px; border-color:#D7D7D7; border-style:solid; border-width:1px;border-radius:20px;}

.jbdi{width:100%; min-width:1200px; height:181px; background-color:#3a5d83; padding-top:35px;}
.jbdiin{width:1200px;height:181px;}
.jbdiina{width:400px;height:160px; float:left; color:#FFF; border-right-color:#FFF; border-right-style:solid; border-right-width:1px; font-size:14px;}
.jbdiinaa{width:100px;height:40px; line-height:40px; font-size:18px; border-bottom-color:#FFF; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:20px;}
.jbdiinb{width:420px;height:130px;float:left; color:#FFF; border-right-color:#FFF; border-right-style:solid; border-right-width:1px; padding-top:30px;}
.jbdiinc{width:326px;height:130px;float:left; padding-top:30px;}


.jbdixia{width:100%; min-width:1200px; height:40px; line-height:40px; background-color:#364759; color:#FFF; font-size:14px;}


/*聚贝内页css*/

/*公司简介*/

.jbnyjjban{width:100%; min-width:1200px; height:350px; background-image:url(../jbimg/12.jpg); background-position:center; background-repeat:no-repeat; }
.jbnyjja{width:1200px; min-height:850px;margin-right:auto; margin-left:auto;  margin-top:50px;}
.jbnyjjaz{width:250px; height:auto; float:left;}
.jbnyjjaz1{width:250px; height:auto; background-color:#f9f9f9; padding-bottom:20px; padding-top:20px;}
.jbnyjjaza{width:210px; height:50px;  line-height:50px; color:#FFF; font-size:20px; margin-bottom:20px;background-color:#0774c7; margin-left:20px; margin-right:20px;}
.jbnyjjazb{width:210px; height:40px; line-height:40px; margin-left:20px; margin-right:20px; border-color:#CCC; border-style:solid; border-width:1px; -webkit-box-shadow:0px 0px 5px #bebebe;-moz-box-shadow:0px 5px 0px #bebebe;-o-box-shadow:0px 0px 5px #bebebe;box-shadow:0px 0px 5px #bebebe; margin-bottom:10px;}
.jbnyjjazb:hover {color:#FFF; background-color:#0482C6;}

.jbnyjjaz2{width:250px; height:auto;background-color:#F9F9F9; padding-bottom:20px; padding-top:20px; margin-top:50px;}
.jbnyjjazc{width:210px; height:200px; margin-left:20px; margin-right:20px;}

.jbnyjjay{width:910px;min-height:835px; float:right; border-left-color:#E7E7E7; border-left-style:solid; border-left-width:1px; padding-left:20px;}
.jbnyjjaya{width:900px; height:50px; line-height:50px; border-bottom-color:#E7E7E7; border-bottom-style:solid; border-bottom-width:1px; padding-left:10px; }
.jbnyjjayb{width:910px; min-height:730px; margin-top:10px;background-image:url(http://www.jubeihb.com/template/default/css/dbimages/10.jpg); background-position:center bottom; background-repeat:no-repeat;}
.jbnyjjayb img{ float:left; margin-right:10px;  margin-bottom:20px;}


/*产品*/
.jbnycpban{width:100%; min-width:1200px; height:350px; background-image:url(../jbimg/12.jpg); background-position:center; background-repeat:no-repeat; }

.jbnycp{width:920px; min-height:700px; margin-top:30px;}
.jbnycpbox{width:298px; height:317px; float:left; margin-left:4px; margin-right:4px; margin-bottom:20px;transform:1s ease; -webkit-transition:1s ease;-moz-transition:1s ease;-o-transform:1s ease;-ms-transform:1s ease; /*-webkit-box-shadow:0px 0px 5px #bebebe;-moz-box-shadow:0px 5px 0px #bebebe;-o-box-shadow:0px 0px 5px #bebebe;box-shadow:0px 0px 5px #bebebe;*/}
.jbnycpboxa{width:280px; height:254px;overflow:hidden; border-color:#E9E9E9; border-style:solid; border-width:1px;padding:8px;}
.jbnycpboxa img{width:280px; height:254px; transition:1s ease-out; -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition:1s ease-out; display:block; overflow:hidden;}
.jbnycpbox:hover .jbnycpboxa img{width:280px; height:254px; text-decoration:none;transform:scale(1.1); -webkit-transform:scale(1.1);-moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;z-index:0;display:block; overflow:hidden;}

.jbnycpboxb{width:298px; height:35px; line-height:35px; background-color:#0774c7; color:#FFF; margin-top:10px; }


/*新闻css*/
.jbnyxwban{width:100%; min-width:1200px; height:350px; background-image:url(../jbimg/12.jpg); background-position:center; background-repeat:no-repeat; }
.jbnyxw{width:890px;height:120px; margin-top:30px; margin-bottom:20px; border-color:#D9D9D9; border-style:solid; border-width:1px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.jbnyxw:hover{transform:translate(0,-5px);
	  -webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
	-webkit-box-shadow:0px 0px 5px #bebebe;-moz-box-shadow:0px 5px 0px #bebebe;-o-box-shadow:0px 0px 5px #bebebe;box-shadow:0px 0px 5px #bebebe;
	}

.jbnyxwz{width:110px;height:60px; float:left; background-color:#006cbe; color:#FFF; padding-top:20px; padding-bottom:20px; margin-left:10px; margin-top:10px; }
.jbnyxwza{width:110px;height:50px; line-height:50px; font-size:28px;}
.jbnyxwzb{width:110px;height:30px; line-height:30px; font-size:12px;}

.jbnyxwy{width:760px;height:120px; float:right;}
.jbnyxwya{width:760px;height:30px; line-height:30px; font-size:18px; border-bottom-color:#D1D1D1; border-bottom-style:solid; border-bottom-width:1px; margin-top:10px;}
.jbnyxwyb{width:760px;height:60px; line-height:25px; margin-top:20px; font-size:12px;}


/*新闻内页css*/
.jbnyjjaye{width:910px; height:50px; line-height:50px; font-size:24px; font-weight:bold; margin-top:30px;}
.jbnyjjayf{width:910px; height:30px; line-height:30px; font-size:14px; margin-top:10px;}
.jbnyjjayg{width:910px; min-height:500px; margin-top:20px; text-indent:20px;}


/*联系*/
.jbnylxban{width:100%; min-width:1200px; height:350px; background-image:url(../jbimg/12.jpg); background-position:center; background-repeat:no-repeat; }
.jbnyjjayc{width:910px; height:250px; margin-top:30px;}
.jbnyjjayd{width:910px; height:300px; margin-top:30px;}




/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}
/**/
.pagination {
  display: flex;
  @include list-unstyled();
  @include border-radius();
}

.page-link {
  position: relative;
  display: block;
  padding: $pagination-padding-y $pagination-padding-x;
  margin-left: -$pagination-border-width;
  line-height: $pagination-line-height;
  color: $pagination-color;
  background-color: $pagination-bg;
  border: $pagination-border-width solid $pagination-border-color;

  &:hover {
    z-index: 2;
    color: $pagination-hover-color;
    text-decoration: none;
    background-color: $pagination-hover-bg;
    border-color: $pagination-hover-border-color;
  }

  &:focus {
    z-index: 2;
    outline: $pagination-focus-outline;
    box-shadow: $pagination-focus-box-shadow;
  }

  // Opinionated: add "hand" cursor to non-disabled .page-link elements
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
}

.page-item {
  &:first-child {
    .page-link {
      margin-left: 0;
      @include border-left-radius($border-radius);
    }
  }
  &:last-child {
    .page-link {
      @include border-right-radius($border-radius);
    }
  }

  &.active .page-link {
    z-index: 1;
    color: $pagination-active-color;
    background-color: $pagination-active-bg;
    border-color: $pagination-active-border-color;
  }

  &.disabled .page-link {
    color: $pagination-disabled-color;
    pointer-events: none;
    // Opinionated: remove the "hand" cursor set previously for .page-link
    cursor: auto;
    background-color: $pagination-disabled-bg;
    border-color: $pagination-disabled-border-color;
  }
}


//
// Sizing
//

.pagination-lg {
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
}

.pagination-sm {
  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
}