:root{
    --blue:#1266c0;
    --blue-dark:#0d529c;
    --text-dark:#222;
    --text-gray:#8b95a6;
    --ico_casen-gray:#5f6b7a;
    --bg:#f3f5f9;
    --card_case:#f8f9fc;
    --card_case-border:#e4e8f0;
    --desc_case-bg:#e9edf5;
  }
.blue_bg{ background:#F3F7F9;padding: 80px 0;}
  .card_case{
    background:#fff;border:1px solid var(--card_case-border);border-radius:6px;
    padding:clamp(16px,3vw,40px);
    display:flex;gap:clamp(20px,4vw,60px);align-items:flex-start;flex-wrap:wrap;
  }
  .card_case-left{flex:1 1 420px;min-width:280px}
  .photo_case img{width:100%;height:auto;border-radius:2px}

  /* 社交图标 */
  .social_case{display:flex;gap:12px;margin-top:18px}
  .social_case a{
    width:40px;height:40px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    transition:transform .2s,filter .2s;background: #005cb9;
  }
  .social_case a:hover{transform:translateY(-3px);filter:brightness(1.1)}
  .social_case svg{width:20px;height:20px;fill:#fff}
  .social_case i {
  color: #fff;
}

  /* 右侧详情 */
  .card_case-right{flex:1 1 340px;min-width:280px;padding-top:8px}
  .card_case-right h1{font-size:clamp(24px,3vw,32px);color:#111;margin:12px 0 42px}
  .details_case{list-style:none}
  .details_case li{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}
  .ico_case{flex:0 0 26px;color:var(--ico_casen-gray);margin-top:2px}
  .ico_case svg{width:26px;height:26px}
  .details_case p{color:var(--text-gray)}
  .details_case strong{color:var(--text-dark)}

  .btn_case{
    display:inline-block;margin-top:14px;background:var(--blue);color:#fff;
    font-weight:700;letter-spacing:.6px;text-transform:uppercase;
    padding:15px 32px;border-radius:3px;text-decoration:none;transition:background .2s;
  }
  .btn_case:hover{ color:#fff;}

  /* ===== 底部描述 ===== */
  /*.desc_case{
    margin-top:20px;
    padding:clamp(16px,3vw,28px) clamp(16px,4vw,44px);color:#333;
  }
  .desc_case p + p{margin-top:10px}*/

  /* ===== 自适应 ===== */
  @media (max-width:820px){
    .card_case{flex-direction:column}
    .card_case-left,.card_case-right{min-width:100%}
    .card_case-right h1{margin-bottom:28px}
    .details_case li{margin-bottom:22px}
  }
  
  
   .grid_solu{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%}
  .card_solu{display:flex;flex-direction:column;background:#fff;border:1px solid #d8dce3;
        text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s}
  .card_solu:hover{border-color:#2f7fd6;/*box-shadow:0 8px 20px rgba(20,60,120,.18);transform:translateY(-3px)*/}
  .card_solu-media{overflow:hidden}
  .card_solu-media img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
                  transition:transform .5s;background:#d7dfe9}
  .card_solu:hover .card_solu-media img{transform:scale(1.06)}
  .card_solu-title{padding:13px 10px;text-align:center;font-size:15px;font-weight:700;
              color:#222;background:#f2f3f5;border-top:1px solid #e3e6ea}
			  
  @media (max-width:1400px){.grid_solu{grid-template-columns:repeat(4,1fr)}}
  @media (max-width:1100px){.grid_solu{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:800px){
    .grid_solu{grid-template-columns:repeat(2,1fr)}
    .header_solu{gap:18px}
    .desc_solu{min-width:100%}
  }
  @media (max-width:520px){.grid_solu{grid-template-columns:1fr}}






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

 ** - 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: #005CB9;

    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 a{ color:#fff;}

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

    color: #ffffff;

    background-color: #000000;

	-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: rgba(234, 19, 14, 0.63);

    -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: #005CB9;

	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: #005CB9;}



/**/
.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:#005CB9;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:#005CB9; 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: #005CB9;font-weight: bold;}
.nyliuchengul li:hover{ border:1px solid #005CB9;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: #005CB9; color:#fff;
    }
	.btn-leave-message{float: right;}
	
	
	
	
@media only screen and (max-width: 767px) {	
    .injjfatitle4{font-size: 16px;}
.btn-leave-message{float: none;}
.gallery-area .gallery-list .nav{display: flex;}
	.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;}
}