/**************************************

 ** - 12 - Gallery Section CSS

 **************************************/

.gallery-area {

	position: relative;

}



.gallery-area .gallery-list {

	text-align: center;

	margin-bottom: 25px;

}



.gallery-area .gallery-list .nav {

	display: inline-block;

	margin: 0;

	position: relative;

}



.gallery-area .gallery-list .nav li {

	display: inline-block;

    font-size: 21px;

    font-weight: 600;

    margin: 0 10px 15px;

    padding: 12px 30px;

    background-color: #f3ba69;

    cursor: pointer;

    border-radius: 3px;

    -webkit-box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);

    box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);

    transition: all 0.4s ease 0s;

	-moz-transition: all 0.5s ease-in-out 0s;

	-ms-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	-webkit-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}



.gallery-area .gallery-list .nav li:hover, .gallery-area .gallery-list .nav li.filter-active {

    color: #ffffff;

    background-color: #1d5495;

	-moz-transition: all 0.5s ease-in-out 0s;

	-ms-transition: all 0.5s ease-in-out 0s;

	-o-transition: all 0.5s ease-in-out 0s;

	-webkit-transition: all 0.5s ease-in-out 0s;

	transition: all 0.5s ease-in-out 0s;

}
.gallery-area .gallery-list .nav li:hover a, .gallery-area .gallery-list .nav li.filter-active a{ color: #ffffff;}



.gallery-area .gallery-container {

	display: inline-block;

	width: 100%;

}



.gallery-area .gallery-grid-item {

	overflow: hidden;
	 float:left;
}



.gallery-grid-item img {

	width: 100%;

    border-radius: 5px;

}



.gallery-item {

	position: relative;

	display: block;

	overflow: hidden;

    border-radius: 0px;

	margin-top: 30px;

}



.gallery-item .gallery-content-overlay {

    position: absolute;

    z-index: 2;

    top: 10px;

    left: 10px;

    right: 10px;

    bottom: 10px;

    border-radius: 5px;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    background-color: rgb(0, 123, 255, .6);

    -webkit-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}



.gallery-item .gallery-popup-icon {

    position: absolute;

    z-index: 3;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease;

    opacity: 0;

    visibility: hidden;

    text-align: center;

    display: inline-block;

}



.gallery-item .gallery-popup-icon i {

	color: #007bff;

	font-size: 20px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 50%;

	border: 1px solid #ffffff;

	text-align: center;

	background-color: #fff;

}

.gallery-item:hover .gallery-popup-icon {

    opacity: 1;

    visibility: visible;

}



.gallery-item:hover .gallery-content-overlay {

    visibility: visible;

    opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}



/**************************************

 ** - 12 - Gallery Two Section CSS

 **************************************/

.single-gallery-two {

	position: relative;

	margin-bottom: 30px;

	overflow: hidden;

	border-radius: 5px;

}



.single-gallery-two:before {

    content: "";

    position: absolute;

    z-index: 1;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    opacity: 0;

	visibility: hidden;

	background-color: #000;

    transition: 0.5s;

}

.single-gallery-two:hover:before {

    opacity: 0.5;

	visibility: visible;

}



.single-gallery-two .gallery-two-img-box {

    overflow: hidden;

}

.single-gallery-two .gallery-two-img-box img {

    -webkit-transition: all .5s;

    transition: all .5s;

}

.single-gallery-two:hover .gallery-two-img-box img {

	-webkit-transform: scale(1.05, 1.05);

	-ms-transform: scale(1.05, 1.05);

	transform: scale(1.05, 1.05);

    -webkit-transition: all .7s ease;

    -moz-transition: all .7s ease;

    -o-transition: all .7s ease;

    -ms-transition: all .7s ease;

    transition: all .7s ease;

}



.single-gallery-two .gallery-two-overlay-icon {

    position: absolute;

    z-index: 3;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    margin-top: 30px;

    -webkit-transition: .3s all ease;

    -o-transition: .3s all ease;

    transition: .3s all ease;

    opacity: 0;

    visibility: hidden;

    text-align: center;

    display: inline-block;

}



.single-gallery-two .gallery-two-overlay-icon i {

	color: #007bff;

	font-size: 20px;

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 50%;

	border: 1px solid #ffffff;

	text-align: center;

	background-color: #fff;

}

.single-gallery-two:hover .gallery-two-overlay-icon {

    margin-top: 0;

    opacity: 1;

    visibility: visible;

}

.injjfatu3 {
	overflow:hidden;
  width: 100%;
  height: 100%;
  background: #d5d5d5;
  aspect-ratio: 3/2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.injjfatu3 img {
  max-width: 100%;
  width: auto;
  /*max-height: 100%;*/
  object-fit: cover;
}
.injjfatitle3{ font-size:20px; color:#fff;/*font-weight:600;*/ margin:5px 0 15px; text-align:center;}
.injjfatitle4{ font-size:20px; color:#000;/*font-weight:600;*/ margin:5px 0; text-align:center;}

.injjfatu5_honor {
	overflow:hidden;
  width: 100%;
  height: 100%;
  background: #d5d5d5;
  /*aspect-ratio: 3/2;*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.injjfatu5_honor img {
  max-width: 100%;
  width: auto;
  max-height: 100%;
  aspect-ratio: 2/3;
}


/**/
.mfp-bg {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1042;
  overflow:hidden;
  position:fixed;
  background:#0b0b0b;
  opacity:.8
}
.mfp-wrap {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1043;
  position:fixed;
  outline:none !important;
  -webkit-backface-visibility:hidden
}
.mfp-container {
  text-align:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  padding:0 8px;
  box-sizing:border-box
}
.mfp-container:before {
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle
}
.mfp-align-top .mfp-container:before {
  display:none
}
.mfp-content {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 auto;
  text-align:left;
  z-index:1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width:100%;
  cursor:auto
}
.mfp-ajax-cur {
  cursor:progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor:-moz-zoom-out;
  cursor:-webkit-zoom-out;
  cursor:zoom-out
}
.mfp-zoom {
  cursor:pointer;
  cursor:-webkit-zoom-in;
  cursor:-moz-zoom-in;
  cursor:zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor:auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.mfp-loading.mfp-figure {
  display:none
}
.mfp-hide {
  display:none !important
}
.mfp-preloader {
  color:#CCC;
  position:absolute;
  top:50%;
  width:auto;
  text-align:center;
  margin-top:-0.8em;
  left:8px;
  right:8px;
  z-index:1044
}
.mfp-preloader a {
  color:#CCC
}
.mfp-preloader a:hover {
  color:#FFF
}
.mfp-s-ready .mfp-preloader {
  display:none
}
.mfp-s-error .mfp-content {
  display:none
}
button.mfp-close,
button.mfp-arrow {
  overflow:visible;
  cursor:pointer;
  background:transparent;
  border:0;
  -webkit-appearance:none;
  display:block;
  outline:0;
  padding:0;
  z-index:1046;
  box-shadow:none;
  touch-action:manipulation
}
button::-moz-focus-inner {
  padding:0;
  border:0
}
.mfp-close {
  width:44px;
  height:44px;
  line-height:44px;
  position:absolute;
  right:0;
  top:0;
  text-decoration:none;
  text-align:center;
  opacity:.65;
  padding:0 0 18px 10px;
  color:#FFF;
  font-style:normal;
  font-size:28px;
  font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,
.mfp-close:focus {
  opacity:1
}
.mfp-close:active {
  top:1px
}
.mfp-close-btn-in .mfp-close {
  color:#333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color:#FFF;
  right:-6px;
  text-align:right;
  padding-right:6px;
  width:100%
}
.mfp-counter {
  position:absolute;
  top:0;
  right:0;
  color:#CCC;
  font-size:12px;
  line-height:18px;
  white-space:nowrap
}
.mfp-arrow {
  position:absolute;
  opacity:.65;
  margin:0;
  top:50%;
  margin-top:-55px;
  padding:0;
  width:90px;
  height:110px;
  -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active {
  margin-top:-54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity:1
}
.mfp-arrow:before,
.mfp-arrow:after {
  content:'';
  display:block;
  width:0;
  height:0;
  position:absolute;
  left:0;
  top:0;
  margin-top:35px;
  margin-left:35px;
  border:medium inset transparent
}
.mfp-arrow:after {
  border-top-width:13px;
  border-bottom-width:13px;
  top:8px
}
.mfp-arrow:before {
  border-top-width:21px;
  border-bottom-width:21px;
  opacity:.7
}
.mfp-arrow-left {
  left:0
}
.mfp-arrow-left:after {
  border-right:17px solid #FFF;
  margin-left:31px
}
.mfp-arrow-left:before {
  margin-left:25px;
  border-right:27px solid #3f3f3f
}
.mfp-arrow-right {
  right:0
}
.mfp-arrow-right:after {
  border-left:17px solid #FFF;
  margin-left:39px
}
.mfp-arrow-right:before {
  border-left:27px solid #3f3f3f
}
.mfp-iframe-holder {
  padding-top:40px;
  padding-bottom:40px
}
.mfp-iframe-holder .mfp-content {
  line-height:0;
  width:100%;
  max-width:900px
}
.mfp-iframe-holder .mfp-close {
  top:-40px
}
.mfp-iframe-scaler {
  width:100%;
  height:0;
  overflow:hidden;
  padding-top:56.25%
}
.mfp-iframe-scaler iframe {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
  box-shadow:0 0 8px rgba(0,0,0,0.6);
  background:#000
}
img.mfp-img {
  width:auto;
  max-width:100%;
  height:auto;
  display:block;
  line-height:0;
  box-sizing:border-box;
  padding:40px 0 40px;
  margin:0 auto
}
.mfp-figure {
  line-height:0
}
.mfp-figure:after {
  content:'';
  position:absolute;
  left:0;
  top:40px;
  bottom:40px;
  display:block;
  right:0;
  width:auto;
  height:auto;
  z-index:-1;
  box-shadow:0 0 8px rgba(0,0,0,0.6);
  background:#444
}
.mfp-figure small {
  color:#bdbdbd;
  display:block;
  font-size:12px;
  line-height:14px
}
.mfp-figure figure {
  margin:0
}
.mfp-bottom-bar {
  margin-top:-36px;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  cursor:auto
}
.mfp-title {
  text-align:left;
  line-height:18px;
  color:#f3f3f3;
  word-wrap:break-word;
  padding-right:36px
}
.mfp-image-holder .mfp-content {
  max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left:0;
    padding-right:0
  }
  .mfp-img-mobile img.mfp-img {
    padding:0
  }
  .mfp-img-mobile .mfp-figure:after {
    top:0;
    bottom:0
  }
  .mfp-img-mobile .mfp-figure small {
    display:inline;
    margin-left:5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background:rgba(0,0,0,0.6);
    bottom:0;
    margin:0;
    top:auto;
    padding:3px 5px;
    position:fixed;
    box-sizing:border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding:0
  }
  .mfp-img-mobile .mfp-counter {
    right:5px;
    top:3px
  }
  .mfp-img-mobile .mfp-close {
    top:0;
    right:0;
    width:35px;
    height:35px;
    line-height:35px;
    background:rgba(0,0,0,0.6);
    position:fixed;
    text-align:center;
    padding:0
  }
}
@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform:scale(0.75);
    transform:scale(0.75)
  }
  .mfp-arrow-left {
    -webkit-transform-origin:0 0;
    transform-origin:0 0
  }
  .mfp-arrow-right {
    -webkit-transform-origin:100%;
    transform-origin:100%
  }
  .mfp-container {
    padding-left:6px;
    padding-right:6px
  }
}


/**/

.injjfaul{ overflow:hidden; margin:20px 0;}
.injjfaul li{width: calc(33% - 20px);
  overflow: hidden;
  float: left;
  margin: 0 10px 15px;}
.injjfatu {
	overflow:hidden;
  width: 100%;
  height: 100%;
}
.injjfatu img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.injjfatitle{ font-size:24px; color:#000;font-weight:600; margin:20px 0; text-align:center;}
.injjfades{font-size:16px; color:#7A7A7A;font-weight:400; text-align:center;line-height: 22px;}
.injjfaul li:hover .injjfatu img{transform: scale(1.1,1.1);transition: all 0.6s;}
.injjfaul li:hover .injjfatitle{color: #fcc501;}



/**/
.ys_bg { background:#ececec; padding:50px 0;  }
.ys_bg .al_bt { background: url(../images/ys_btbg.gif) no-repeat center 0; text-align:center; padding:24px 0 0; height:100px; margin-bottom:32px;}

.ys_con a { width:calc(25% - 20px); min-height:390px; background:#fff; border-radius:6px; display:block; float:left; margin: 0 10px 10px; padding:27px 0 0; text-align:center; color:#343434; }
.ys_con .nobor01 { margin:0}
.ys_con a img { display:block; width:150px; aspect-ratio: 9/9; margin:0 auto 15px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.ys_con a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	
.ys_con{overflow: hidden;
  margin-top: 12px;}
.ys_con a b { display:block; font-size:24px;line-height: 30px;padding: 0 18px;}
.ys_con a b em { color:#fcc501;font-style: normal;}
.ys_con a span { display:block; font-size:18px; line-height:20px;  padding:10px 10px 0;}
.ys_con a i { display:block; font-size:16px; color:#858585; line-height:24px; padding: 20px 40px;font-style: normal;}
.ys_con a:hover { background:#fcc501; color:#fff;}
.ys_con a:hover b em { color:#fff;}
.ys_con a:hover i { color:#fff;}
/**/

/*liucuheg*/
.nyliucheng{}
.nyliuchengul{ overflow:hidden;padding: 15px 0 0;}
.nyliuchengul li{ overflow:hidden; float:left; width:calc(12.3% - 20px); margin:0 10px; text-align:center; border:1px solid #eee;padding: 15px 0 6px;transition: all 0.6s;
transition: 0.6s;}
.nylctu{ width:100%;}
.nylctu img {
  max-width: 100%;
  width: 45px;
}
.nylctitle{ font-size:16px; color: #6e6e6e;margin: 12px 0 5px;min-height: 78px;}
.nylcshuzi{ font-size:20px; color: #fcc501;font-weight: bold;}
.nyliuchengul li:hover{ border:1px solid #fcc501;transform: translateY(-10px);transition: all 0.6s;
transition: 0.6s;}
/*liucuheg*/


.ban01 {
        background:url(../images/ding.jpg) no-repeat center 0;
        height: 300px;
        overflow: hidden;
		padding-bottom: 30px;margin-bottom: 50px;
		background-size: cover;
    }
    
    .ban01 p {
        font-size: 24px;
        color: #fff;
        line-height: 48px;
        padding: 60px 30px 0;
        width: auto;
    }
    
    .ban01 p b {
        display: block;
        font-size: 22px;
    }
    
    .ban01_tel {
        width: 500px;
        padding: 25px 30px 0;
    }
    
    .ban01_tel span {
        display: block;
        float: left;
        font-size: 18px;
        color: #fff;
        line-height: 30px;
        font-style: normal;
    }
    
    .ban01_tel b {
        display: block;
        font-size: 20px;
    }
    
    .ban01_tel em {
        display: block;
        float: right;
        width: 116px;
        padding: 10px 100px 0;
        font-style: normal;
    }
    
    .ban01_tel em a {
        display: block;
        width: 130px;
        text-align: center;
        height: 38px;
        line-height: 38px;
        background: #fff;
        font-size: 14px;
        color: #000;
        border-radius: 5px;
    }
    
    .ban01_tel em a:hover,
    .fuw_btn em a:hover {
        animation: shake 1.5s linear;
        -webkit-animation: shake 1.5s linear;
		background: #fcc501; color:#fff;
    }
	.btn-leave-message{float: right;}
	
	
	
	
@media only screen and (max-width: 767px) {	
.btn-leave-message{float: none;}
	.gallery-area .gallery-list .nav li{width: 44%;
  float: left;font-size: 14px;
  margin: 0 10px 15px;
  padding: 12px 8px;}
.injjfaul li{width: calc(50% - 20px);}
.ys_con a{width: 94%;min-height: auto;}
.nyliuchengul li{width: calc(50% - 20px);
  margin: 0 10px 10px;}
.nylctitle{min-height: auto;}

.ban01{ height:auto;}
.ban01 p{font-size: 20px;
  line-height: 32px;}
}