@charset "utf-8";
/* CSS Document */

.index_T1 h2{ font-size: 32px; font-weight: bold; color: #fff600}
.peoductdisplay { background: url(../images/ailianmeng_08.jpg) no-repeat; height: 740px; }
.servicesdisplay { background: url(../images/ailianmeng_09.jpg) no-repeat; height: 700px; }
.branchesdisplay { background:url(../images/ailianmeng_11.jpg) no-repeat; height: 630px; }

.catelog_ul li{float: left; text-align: center; width: 290px; height: 213px; background: #2c3236; margin: 10px 10px 0 0;}
.catelog_ul li a{ display: inline-block; width: 290px; height: 213px;}
.catelog_ul li a:hover{ background:#77bb33;}
.catelog_ul li img{margin:29px 113px 15px 113px; width: 48px; height: 48px;}
.catelog_ul li span{color: #fff; font-size: 18px;}
.font16{ font-size:16px; color: #FFFFFF; line-height: 35px;}

.index_branches_search{ width: 120px; height: 30px; background: #FFFFFF; color: #000000; padding: 0px 0px 10px 10px; font-size: 14px;}
.index_about_titie{ width: 190px; height: 36px; background: url(../images/dfsdggg.png) no-repeat; font-size: 22px; padding: 7px 0px 0px 20px; color: #000000;}



/*首页main*/
.wow{visibility:inherit !important;}
.c_0100_1{ padding:40px 0;}
.c_0100_1 ul{ width:100%; float:left;}
.c_0100_1 ul .boxmn{ float:left; width:7.69%; padding-left:90px; position:relative; height:440px; overflow:hidden;}
.c_0100_1 ul .boxmn.on{ width:61.09%;}
.c_0100_1 ul li{ width:90px; height:100%; float:left; margin-left:1px; overflow:hidden; position:absolute; left:0; top:0; cursor:pointer;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.c_0100_1 ul li h4{ width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; position:relative; padding:36px 30px 0 30px; font-size:22px; color:white; text-align:center; line-height:26px; background-size:100% 100%;}
.c_0100_1 ul li h4 svg{ display:block; width:7px; height:7px; background:white; opacity:0.5; position:absolute; left:50%; bottom:30px; margin-left:-3.5px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.c_0100_1 ul li.l1 h4{ background-image:url(../images/zbg3_1.jpg);}
.c_0100_1 ul li.l2 h4{ background-image:url(../images/zbg3_2.jpg);}
.c_0100_1 ul li.l3 h4{ background-image:url(../images/zbg3_3.jpg);}
.c_0100_1 ul li.l4 h4{ background-image:url(../images/zbg3_4.jpg);}
.c_0100_1 ul li.l5 h4{ background-image:url(../images/zbg3_5.jpg);}
.c_0100_1 ul li.l6 h4{ background-image:url(../images/zbg3_6.jpg);}

.c_0100_1 ul .zbox{ width:100%; height:440px; float:left; overflow:hidden; position:relative;}
.c_0100_1 ul .zbox img{ width:625px; height:440px; position:absolute; left:50%; top:50%; max-width:none; margin:-220px 0 0 -312.5px;}
.c_0100_1 ul .zbox a{ display:block; width:360px; height:357px; background:white; background:rgba(255,255,255,0.95); padding:35px 40px 20px 40px; position:absolute; left:31px; bottom:35px;}
.c_0100_1 ul .zbox a h5{ width:100%; float:left; font-size:18px; color:#dc6b10; line-height:28px;}
.c_0100_1 ul .zbox a svg{ display:block; float:left; margin-top:10px; width:56px; height:1px; background:#dc6b10; opacity:0.1;}
.c_0100_1 ul .zbox a .p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-top:7px; height:190px; overflow:hidden;}
.c_0100_1 ul .zbox a .btn{ width:25px; height:25px; float:left; margin-top:21px; background:url(images/zbtn1.png) no-repeat center center #dc6b10;
-moz-border-radius:13px; 
-webkit-border-radius:13px; 
-khtml-border-radius:13px;
border-radius:13px;
-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;}
.c_0100_1 ul .zbox a:hover .btn{ width:65px;}
.c_0100_1 ul .boxmn.on .zbox{
	-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{ width:0;}
100%{ width:100%;}
}
@-moz-keyframes fadeInUp1{
0%{ width:0;}
100%{ width:100%;}
}
@media screen and (max-width: 1199px) {
.c_0100_1 ul .boxmn{ width:7.5%; padding-left:80px;}
.c_0100_1 ul .boxmn.on{ width:59.5%;}
.c_0100_1 ul li{ width:80px;}
.c_0100_1 ul li h4{ padding:36px 20px 0 20px;}
}
@media screen and (max-width: 991px) {
.c_0100_1{ padding:40px 0;}
.c_0100_1 ul li h4{ padding:26px 15px 0 15px; font-size:18px; line-height:20px;}
.c_0100_1 ul li{ height:340px;}
.c_0100_1 ul .zbox{ height:340px;}
.c_0100_1 ul .zbox a{ width:330px; height:227px; padding:20px 20px 10px 20px; left:21px; bottom:25px;}
.c_0100_1 ul li h4 svg{ width:6px; height:6px; bottom:20px; margin-left:-3px;} 
.c_0100_1 ul .boxmn{ width:6%; padding-left:60px;}
.c_0100_1 ul .boxmn.on{ width:58%;}
.c_0100_1 ul li{ width:60px;}
}
@media screen and (max-width: 767px) {
.c_0100_1{ padding:20px 10px;}
.c_0100_1 ul .boxmn{ width:100%; padding-top:40px; padding-left:0px; height:40px;}
.c_0100_1 ul .boxmn.on{ width:100%; height:280px;}
.c_0100_1 ul li{ height:40px; width:100%; margin-left:0; margin-top:1px;}
.c_0100_1 ul .zbox{ height:240px; width:100%;}
.c_0100_1 ul .zbox a{ width:80%; height:167px;}
.c_0100_1 ul .zbox a h5{ font-size:14px; line-height:22px;}
.c_0100_1 ul .zbox a svg{ margin-top:5px; width:36px;}
.c_0100_1 ul .zbox a .p{ font-size:12px; line-height:22px; margin-top:4px; height:66px;}
.c_0100_1 ul .zbox a .btn{ width:20px; height:20px; margin-top:11px; background-size:contain;}
.c_0100_1 ul li h4{ padding:0 15px; font-size:16px; line-height:40px; text-align:left;}
.c_0100_1 ul li h4 svg{ bottom:auto; top:50%; margin:-3px 0 0 0; left:94%;}
@-webkit-keyframes fadeInUp1{
0%{ width:100%; height:0;}
100%{ width:100%; height:240px;}
}
@-moz-keyframes fadeInUp1{
0%{ width:100%; height:0;}
100%{ width:100%; height:240px;}
}
}




/*分页*/
.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;
}
/*其他*/
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}

.justify-content#{$infix}-start   { justify-content: flex-start !important; }
    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
    .justify-content#{$infix}-center  { justify-content: center !important; }
    .justify-content#{$infix}-between { justify-content: space-between !important; }
    .justify-content#{$infix}-around  { justify-content: space-around !important; }


.pagination {
  display: flex;

	width: 1200px; margin: 0px auto; padding: 20px 0px; text-align: center;
}

.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);
}