.wrap {
  width: 100%;
  margin: 0px auto;
  overflow: hidden;
}

/**header:start**/
.headerWrap{

width: 100%;

margin: 0px auto;

background: #fff;

position: fixed;
  top: 0;
  z-index: 999;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
  clear: both;



}

.header{display: flex;flex-direction: row;align-items: center;justify-content: space-around;padding: 10px 0%;}

.logo{

}

.logo a {

display: block;

}

.logo a img{max-width: 85%;height: auto;}

.menu {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 45%;background: none;}
.menu .li{

width: 16%;

position: relative;
}

.menu .li a{display: block;font-size: 16px;line-height: 48px;color: #343333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0% 4%;}

.menu .li.on{
  background: #0076bf;
  border-radius: 30px;
}

.menu .li.on a{
  color: #fff;
}



.menu_son{
    display: none;
    position: absolute;
    top: 69px;
    background: #fff;
    width: 200%;
}

.menu_son_son{
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  background: #f5f5f5;
  width: 400px;
}

.menu_son_son>dd{

}

.menu_son_son>dd>a{
  color: #333!important;
}

.menu_son_son_on{
  display: block;
}

.menu_son_on li:hover .menu_son_son{
    display: block;
}

.menu_son_on{
  display: block;
}

.menu_son li{
  margin-bottom: 0%;
  border-top: 1px solid #e0e0e0;
  position: relative;
  top: 0px;
}


.menu_son li a{
  font-size: 16px!important;
  color: #333!important;
}

.menu_son li:hover{
  background: #0076bf;
  /* border-radius:30px; */
}

.menu_son li:hover>a{
  color: #fff!important;
}


.menu_son_son dd:hover  a{
  color: #fff!important;
}

.menu_son_son dd a{
  color: #333!important;
  text-align: left!important;
  padding: 0% 2%;
  font-size: 14px!important;
}

.menu_son_son dd{
  background: #f5f5f5;
  border-top: 1px dotted #ddd;
  background-color: #f5f5f5; /* 浏览器不支持时显示 */
  background-image: linear-gradient(#f5f5f5, #dedede);
}

.menu_son_son dd:hover{
  background: #0076bf;
}


.search{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 18%;
}

.line{
  font-size: 20px;
  color: #807e7e;
}

.lang{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 35%;
}

.lang img{

width: 23px;

height: 23px;
}

.lang span{
  
font-size: 14px;
  
line-height: 48px;
  
display: block;
}

.lang dl.on{
  display: block;
}
.lang dl{
  position: absolute;
  right: 0;
  min-width: 160px;
  display: block;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  display: none;
  top: 60px;
  transition: all .3s ease;
}

.lang dl dt{

}

.lang dl dt a{
  width: auto;
  display: block;
  height: auto;
  line-height: 45px;
  background: #fff;
  color: #666;
  text-align: center;
  padding: 0;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}

.lang dl dt a:hover{
  background: #0076bf;
  color:#fff;
}
.searchCont{

}

.searchInput {

border: 2px solid #a0a0a0;

border-radius: 20px;



padding: 0%;

height: 35px;

width: 45%;

transition: all .3s ease;


}

.searchInput form{
  display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

}

.searchInput input{

border: none;

width: 80%;

margin-left: 5%;

font-size: 14px;

line-height: 26px;

border-radius: 20px;
height: 26px;

}

.searchInput img{width: 22px;height: 22px;margin-right: 5%;}

.searchInput.on{
  width:90%;
}

/**banner:start**/

.bannerWrap{
  margin-top: 4%;
}

.banner{

}

.banner img{
  width: 100%;
  height: auto;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
background-image: none;
width: 64px;
height: 64px;
text-align: center;
line-height: 64px;
color: #ffffff;
background-color: rgba(202, 202, 202, 0.5);
transition: all .3s ease;
}
.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {
background-color: rgba(0, 0, 0, 0.3);
}
.banner .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #ffffff;
margin: 0 14px;
opacity: 0.5;
color: transparent;
}
.banner .swiper-pagination-bullet-active {
opacity: 1;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.4);
background-color: transparent;
color: #ffffff;
}
.banner .swiper-pagination-bullet-active .rightcircle {
-webkit-animation: circleProgressLoad_right 4s linear infinite;
animation: circleProgressLoad_right 4s linear infinite;
}
.banner .swiper-pagination-bullet-active .leftcircle {
-webkit-animation: circleProgressLoad_left 4s linear infinite;
animation: circleProgressLoad_left 4s linear infinite;
}
.banner .swiper-pagination-bullet-active .wrapper_con {
display: block;
}
.banner .swiper-pagination {
font-size: 0;
}
.banner .swiper-pagination > span {
display: inline-block;
vertical-align: middle;
position: relative;
}
.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next {
left: calc(8.335% - 32px);
}
.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev {
right: calc(8.335% - 32px);
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
top: 58%;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 8vh;
}


.banner .swiper-button-next:after, .banner .swiper-button-prev:after{
  font-size: 0px;
}


.f-22 {
  font-size: 22px;
}


.wrapper_con {
  width: 21px;
  height: 42px;
  position: absolute;
  top: -2px;
  overflow: hidden;
  display: none;
}
.right {
  right: -2px;
}
.left {
  left: -2px;
}
.circleProgress {
  width: 42px;
  height: 42px;
  border: 2px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-135deg);
}
.rightcircle {
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  right: 0;
}
.leftcircle {
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  left: 0;
}

.f-14 {
  font-size: 14px;
}

@keyframes circleProgressLoad_right {
  0% {
    transform: rotate(45deg);
  }
  50%,
  100% {
    transform: rotate(225deg);
  }
}
@keyframes circleProgressLoad_left {
  0%,
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(225deg);
  }
}



/**core:start**/

.coreWrap{

width: 100%;

margin: 0px auto;

overflow: hidden;

background: url(../images/icon_core_bg.jpg) no-repeat center center;

background-size: cover;

padding: 4% 0%;
}

.coreContWrap{

}

.coreTitle{

}

.coreTitle h2{font-size: 40px;line-height: 48px;color: #0076bf;text-align: center;font-weight: 600;}

.coreCont{

margin-top: 5%;
}

.coreCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 100%;
}

.coreCont ul li{

width: 22%;

border: 1px solid #d2d2d2;

transition: all .5s ease;

height: 690px;
}

.coreCont ul li.on{

width: 54%;

display: flex;

flex-direction: row;

align-items: center;


}

.coreCont ul li.on .coreItemTitle{
  display: none;
  
}



.coreCont ul li.on .coreItemCont{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background: #0076bf;
   
}   


.coreItemTitle{

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 44% 0%;
}

.coreItemTitle img{

max-width: 100%;

height: 110px;
}

.coreItemTitle h2{

font-size: 36px;

line-height: 48px;

color: #242222;

margin-top: 14%;
}

.coreItemTitle h3{

height: 25px;

font-size: 25px;

color: #c3c3c3;

margin: 10% 0%;
}

.coreItemTitle h4{

font-size: 50px;

color: #c3c3c3;

line-height: 106px;
}


.coreItemCont{

display: none;

transition: all .5s ease;
}

.coreItemLeft{

width: 45%;

position: relative;
}
.coreItemLeft img{

width: 100%;

height: auto;
}

.coreItemTop{

position: absolute;

top: 10px;

left: 0px;

padding: 8%;
}

.coreItemTop h2{font-size: 30px;line-height: 48px;color: #fff;}


.coreItemTop h3{

width: 65px;

background: #fff;

height: 5px;

margin-top: 8%;
}

.coreItemBottom{

position: absolute;

left: 0px;

bottom: 0px;

padding: 0%  8%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 100%;
}

.coreItemBottom span{

font-size: 14px;

color: #fff;

line-height: 48px;

font-size: 14px;

color: #fff;

line-height: 48px;

display: block;
}

.coreItemRight{

width: 55%;

text-align: center;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

height: 100%;
}

.coreItemRight img{

max-width: 100%;

height: auto;

margin-bottom: 15%;
}

.coreItemRight dl{

width: 100%;
}

.coreItemRight dl dd{border-top: 1px solid #fff;/* height: 113px; */}

.coreItemRight dl dd a{
  display: block;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  /* overflow: hidden; */
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  padding: 8% 6%;
}

/**about:start**/

.aboutWrap{

width: 100%;

margin: 0px auto;

position: relative;
}

.aboutContWrap{

width: 100%;

display: flex;

flex-direction: row;

/* position: relative; */
}

.aboutLeft{

width: 60%;
}

.aboutLeft img{

width: 100%;

height: auto;
}

.aboutRight{

width: 40%;

background: #0076bf;
}

.aboutCont{

position: absolute;

top: 14%;

right: 12%;

background: #fff;

width: 820px;

height: 580px;

padding: 4% 3%;
}

.aboutCont h2{
  font-size: 40px;
  line-height: 48px;
  color: #0076bf;
  font-weight: 600;
  margin-bottom: 4%;
}

.aboutCont p{
  font-size: 16px;
  line-height: 48px;
  color: #000;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.aboutMore{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

margin-top: 0%;
}

.aboutMore a:nth-child(1){

background: #000;

line-height: 60px;

height: 60px;

width: 230px;

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

padding: 0% 4.5%;
}

.aboutMore a:nth-child(1) img{

}


.aboutMore a:nth-child(1) span{

font-size: 18px;

color: #fff;
}



.aboutMore a:nth-child(2){

background: #0076bf;

color: #fff;

width: 230px;

height: 60px;

line-height: 60px;

text-align: center;

font-size: 18px;
}


.overlay
{
  position: fixed;
  z-index: 8888;
  top: 0;
  left: 0;

  display: none;

  width: 100%;
  height: 100%;

  opacity: .8;
  background: #000;

  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.video-box
{
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;

  width: 640px;
  height: 360px;
  margin: auto;
}

.video-box video
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 640px;
  height: 360px;
  margin: auto;
}

/**youshi:start**/
.youshiWrap{

width: 100%;

margin: 0px auto;

overflow: hidden;

padding-top: 4%;
}

.youshiContWrap{

}

.youshiTitle{

/* margin-bottom: 2%; */
}

.youshiTitle h2{font-size: 40px;line-height: 48px;color: #0076bf;text-align: center;font-weight: 600;}

.youshiCont{

margin-top: 2%;
}



.other-service{margin-top: 6%;}
.other-service .text{
  padding: 20px 60px 0;
  height: 700px;
  width: 24%;
  box-shadow: 0 0 5px #ddd;
  box-sizing: border-box;
  background-color: #f5f5f5;
}
.other-service .text h3{
  font-size: 30px;
  font-weight: bold;
  line-height: 50px;
}
.other-service .text p{
  margin-top: 10px;
  font-size: 14px;
  line-height: 28px;
}
.other-service .text a{ font-size: 16px;margin-top: 30px; display: block; background: #f5f5f5; width: 160px; height: 40px; line-height: 40px; text-align: center;}
.other-service .text ul li,.other-service .picture .bg img{
  display: none;
}
.other-service .text ul li:first-child,.other-service .picture .bg img:first-child{
  display: block;
}
.other-service .picture{
  position: relative;
  height: 700px;
  width: 76%;
  box-sizing: border-box;
  z-index: 9;
}
.other-service .picture .bg{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
}
.other-service .picture .bg img{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s;
}
.other-service .picture ul li{
  padding-top: 260px;
  float: left;
  height: 700px;
  width: 25%;
  border-right: 1px solid rgba(255,255,255,0.3);
  box-sizing: border-box;
}
.other-service .picture ul li span {
  display: block;
  width: 60px;
  height: 60px;
  opacity: 1;
  transition: .1s;
  transform: translateZ(0);
  margin: 0 auto;
}
.other-service .picture ul li span::before {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(.75);
  transition: .4s;
  border: 1px solid hsla(0, 0%, 100%, .3);
  border-radius: 100%;
  height: 40px;
  width: 40px;
}

.other-service .picture ul li span i,
.other-service .picture ul li span em {
  background: hsla(0, 0%, 100%, .8);
  border: 1px solid #fff;
  border-radius: 100%;
  height: 22px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(.5);
  transition: .4s;
  width: 22px;
}

.other-service .picture ul li span::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(.75);
  transition: .4s;
  border: 1px solid hsla(0, 0%, 100%, .1);
  border-radius: 100%;
  height: 60px;
  width: 60px;
}
.other-service .picture ul li h3{
  margin-top: 30px;
  text-align: center;
  font-size: 30px;
  color: #fff;
}
.other-service .picture ul li:hover span::before {
  animation: scalepulse 1.3s linear .3s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.other-service .picture ul li:hover span i,
.other-service .picture ul li:hover span em {
  background: #fff;
  animation: scalepulse 1.3s linear 0s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.other-service .picture ul li:hover span::after {
  animation: scalepulse 1.3s linear .15s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
@keyframes scalepulse {
  20% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
      transform: translate3d(-50%, -50%, 0) scale(1.15);
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
  }

  50% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1);
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease
  }
}




/**cases:start**/
.casesWrap{width: 100%;margin: 0px auto;overflow: hidden;padding-top: 4%;background: url(../images/icon_cases_bg.jpg) no-repeat center center;background-size: cover;margin-top: 6%;padding-bottom: 2%;}

.casesContWrap{

}

.casesTitle{

}

.casesTitle h2{
  font-size: 40px;
  line-height: 48px;
  color: #0076bf;
  text-align: center;
  font-weight: 600;
}

.casesCont{

margin-top: 4%;
}


.casesCont .swiper-slide{

}

.casesCont .swiper-slide a{
  
display: block;
  
position: relative;
}

.casesCont .swiper-slide .casesImg{
  
  overflow: hidden;
}

.casesCont .swiper-slide .casesImg img{
  
 width: 100%;
 height: auto;
 transition: all 0.5s;
 
}

.casesCont .swiper-slide:hover .casesImg img {
  transform: scale(1.2);
}


.casesCont .swiper-slide p{
  font-size: 18px;
  color:#373838;
  text-align: center;
  line-height: 140px;
  background: #fff;
  padding-top: 0%;
}


.casesCont .swiper-slide .yuan{
  
text-align: center;
  
position: absolute;
  
bottom: 22%;
  
left: 34%;
  
margin: 0px auto;

transition: all 0.5s;

}

.casesCont .swiper-slide:hover .yuan{
  -webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}

.casesCont .swiper-slide .yuan img{
    border-radius: 70px;
    width: 140px;
    height: 140px;
    box-shadow: 4px 4px 15px -3px #666;
}



.casesCont .swiper-pagination-bullet{
  width:18px;
  height:18px;
}



/**news:start**/
.newsWrap{

width: 100%;

margin: 0px auto;

padding: 4% 0%;
}

.newsContWrap{

}
.newsTitle{

margin-bottom: 4%;
}

.newsTitle h2{font-size: 40px;line-height: 48px;color: #0076bf;text-align: center;font-weight: 600;}

.newsCont{

}

.newsCont ul {

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.newsCont ul li{

width: 31%;

border: 1px solid #d2d2d2;

transition: all 0.5s;

}


.newsCont ul li:hover{
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}


.newsCont ul li:hover a .homeNewsImg img {
  transform: scale(1.2);
}

.newsCont ul li a{

display: block;

padding: 4%;
}

.newsCont ul li a .homeNewsImg{

    overflow: hidden;
  }

  .newsCont ul li a .homeNewsImg img{
    width: 100%;
    height: auto;
    transition: all 0.5s;
  } 




.newsCont ul li a span{

font-size: 16px;

line-height: 48px;

color: #666;
}


.newsCont ul li a  .homeNewsTitle{

min-height: 64px;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;
}

.newsCont ul li a p{

font-size: 16px;

line-height: 32px;

color: #666;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;
}

.newsCont ul li a div{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

margin-top: 2%;
}

.newsCont ul li a div em{

font-size: 16px;

color: #666;

line-height: 36px;
}

.newsCont ul li a div img{

}



/**footer:start**/

.footerWap{background: #0076bf;padding: 0% 0%;width: 100%;margin: 0px auto;overflow: hidden;}

.footerTop{

border-bottom: 1px solid #4e77a6;
}

.footerTopCont{padding-bottom: 0%;display: flex;flex-direction: row;justify-content: space-between;align-items: baseline;padding-top: 2%;}
.footerTopCont ul{display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;width: 50%;}

.footerTopCont ul li{
  
width: 20%;
}

.footerTopCont ul li p{
  
text-align: center;
  
font-size: 16px;
  
line-height: 34px;
  
color: #d4e2f0;
}

.footerTopCont ul li a{display: block;text-align: center;font-size: 14px;line-height: 34px;color: #d4e2f0;}

.footerTopRight{

width: 25%;

text-align: center;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

height: auto;
}

.footerTopRight h2{

text-align: center;

font-size: 16px;

line-height: 34px;

color: #d4e2f0;
}

.footerTopRight h3{text-align: center;font-size: 22px;line-height: 34px;color: #fff;margin: 2% 0%;font-weight: bold;}

.footerTopRight img{

max-width: 100%;

height: auto;
}

.footerBottom{padding-top: 10px;padding-bottom: 10px;}

.footerBottomCont{

display: flex;

flex-direction: row;

justify-content: space-between;
}

.footerBottomCont p{color: #d4e2f0;font-size: 14px;line-height: 34px;}

.footerBottomCont p:nth-child(1){

}

.footerBottomCont p:nth-child(1) a{

color: #d4e2f0;
}

.footerBottomCont p:nth-child(2){
  
}


.footerBottomCont p:nth-child(2) a{
  
color: #d4e2f0;
  
font-size: 14px;
  
line-height: 34px;
}


/**neiye:location:start**/

.locationWrap{

width: 100%;

margin: 0px auto;

overflow: hidden;
}

.location{

width: 100%;
}

.location p{

line-height: 75px;

font-size: 14px;

font-weight: 600;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;
}

.location p span{

width: 8px;

height: 18px;

background: #0076bf;

display: block;

/* float: left; */

margin-right: 1%;
}

.location p a{
  
}

/**neiye:about:start**/

.aboutBoxWrap{

}

.aboutBox{
  padding-top:2%;
}

.aboutBox1 {
  margin-bottom: 8%;
}

.aboutBox1Title{


}
.aboutBoxTitle{
  margin: 4% 0%;
}

.aboutBoxTitle h3{

display: flex;

align-items: center;

justify-content: center;

flex-direction: row;
}

.aboutBoxTitle h3 span{display: block;font-size: 40px;line-height: 48px;text-align: center;font-weight: 600;display:inline-block;vertical-align:middle;position:relative;padding: 0px 40px;}

.aboutBoxTitle h3 span::before{
  left:0;top:0;background-image:url(../images/icon_about_left.png)
}

.aboutBoxTitle h3 span:after{
  right:0;bottom:0;background-image:url(../images/icon_about_right.png)
}


 
.aboutBoxTitle h3 span:before{
  content:'';
  position:absolute;
  width:17px;
  height:17px;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
  background-size:cover;
  top: -10px;
}

 
.aboutBoxTitle h3 span:after{
  content:'';
  position:absolute;
  width:17px;
  height:17px;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
  background-size:cover;
  bottom: -10px;
}





.aboutBox1Cont{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.aboutBox1Left{

width: 48%;
}

.aboutBox1Left p{

font-size: 16px;

line-height: 36px;

text-align: left;

text-indent: 39px;
}

.aboutBox1Right{

width: 48%;
}

.aboutBox1Right img{
  max-width: 100%;
  height: auto;
}

.aboutBox2Wrap{

/* background: url(../images/icon_wenhua_bg.jpg) no-repeat center center; */

/* background-size: contain; */
}

.aboutBox2 {
  margin-bottom: 8%;
}

.aboutBox2Cont{



background-size: cover;

width: 100%;

margin: 0px auto;

/* padding: 15% 0%; */
}

.aboutBox2Cont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.aboutBox2Cont ul li{

width: 25%;

text-align: center;

border-left: 1px solid rgba(255,255,255,.3);

line-height: 740px;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

height: 740px;
position: relative;

}

.aboutBox2Cont ul li:last-child{
  border-right: 1px solid rgba(255,255,255,.3);
}

.aboutBox2Top{

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

height: auto;


-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;


}

.aboutBox2Top img{

display: block;

max-width: 100%;

height: auto;
}

.aboutBox2Top p{

text-align: center;

color: #fff;

line-height: 90px;

font-size: 28px;
}

.aboutBox2Bottom{
  
display: none;
  
position: relative;
  
left: 0;
  
top: 0;
  
width: 100%;
  
background: url(../images/icon_wenhua_mask.png) center center no-repeat;
  
-webkit-background-size: cover;
  
background-size: cover;
  
line-height: 1.4;
  
z-index: 2;
  
height: 0;
  
overflow: hidden;
  
-webkit-transition: .5s;
  
-o-transition: .5s;
  
transition: .5s;
  
vertical-align: middle;
  
padding-top: 63%;
}

.aboutBox2Bottom img{

}

.aboutBox2Bottom h2{
  
font-size: 28px;
  
line-height: 70px;
  
color: #fff;
}

.aboutBox2Bottom p{
  
font-size: 18px;
  
color: #fff;
  
line-height: 36px;
}

.aboutBox2Cont ul li:hover .aboutBox2Top{
  display: none;
}

.aboutBox2Cont ul li:hover .aboutBox2Bottom{
  display: block;
  height: 100%;
}


.aboutBox3{
  margin-bottom: 8%;
}

.aboutBox3Cont .swiper-slide .rongyuImg{
  
  overflow: hidden;
}

.aboutBox3Cont .swiper-slide .rongyuImg img{
  
 width: 100%;
 height: auto;
 transition: all 0.5s;
 
}

.aboutBox3Cont .swiper-slide:hover .rongyuImg img {
  transform: scale(1.2);
}


.aboutBox3Cont .swiper-slide p{
  font-size: 20px;
  color:#373838;
  text-align: center;
  line-height: 66px;
  /* background: #fff; */
  padding-top: 0%;
} 


.aboutBox3Cont .swiper-pagination-bullet{
  width:18px;
  height:18px;
}
.aboutBox3Cont  .swiper-container{
  padding-bottom:2%;
}

.aboutBox4 {
  margin-bottom: 8%;
}


.aboutBox4Cont{
  display: none;
}

.aboutBox4ContNew{

}

.aboutBox4ContNew ul {
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: space-between;
  
flex-wrap: wrap;
}


.aboutBox4ContNew ul li{
  
width: 31%;
  
margin-bottom: 2%;
}


.aboutBox4ContNew ul li .tuanduiImg{
   overflow: hidden;
}

.aboutBox4ContNew ul li .tuanduiImg img{
  
width: 100%;
  
height: auto;

transition: all 0.5s;

}

.aboutBox4ContNew ul li:hover .tuanduiImg img {
  transform: scale(1.2);
}




.aboutBox4ContNew ul li p{
  
text-align: center;
  
font-size: 20px;
  
color: #373838;
  
line-height: 66px;
}



.aboutBox4Cont .swiper-slide .tuanduiImg{
  
  overflow: hidden;
}

.aboutBox4Cont .swiper-slide .tuanduiImg img{
  
 width: 100%;
 height: auto;
 transition: all 0.5s;
 
}

.aboutBox4Cont .swiper-slide:hover .tuanduiImg img {
  transform: scale(1.2);
}


.aboutBox4Cont .swiper-slide p{
  font-size: 22px;
  color:#373838;
  text-align: center;
  line-height: 140px;
  background: #fff;
  padding-top: 0%;
} 


.aboutBox4Cont .swiper-pagination-bullet{
  width:18px;
  height:18px;
}

.aboutBox4Cont  .swiper-container{
  padding-bottom:4%;
}

.aboutBox3Wrap{
  background:#f5f5f5;
}

/**neiye:news_list:start**/

.newsBoxCont{

}

.newsBoxCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;

margin-bottom: 4%;
}

.newsBoxCont ul li{

width: 30%;
margin-top: 3%;

/* margin-right:3.5%; */

}


.newsBoxCont ul::after{
  content: "";
  display: block;
  width: 30%;
  height: 0px;
}


.newsBoxCont ul li:nth-child(3n+0){
  margin-right: none;
}

.newsBoxCont ul li:hover p{

  color:#0076bf;

  }

  .newsBoxCont ul li:hover a .newsImg img {
    transform: scale(1.2);
  }


.newsBoxCont ul li a{

display: block;
}

.newsBoxCont ul li a .newsTitleDiy{
  min-height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newsImg{

overflow: hidden;
}

.newsImg img{

width: 100%;

height: auto;

transition: all 0.5s;
}

.newsBoxCont ul li a p{font-size: 18px;color: #373838;text-align: left;line-height: 32px;background: none;padding-top: 0%;font-weight: 600;margin: 4% auto;min-height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.newsTime{
  
width: 30%;
  
/* background: #f5f5f5; */
  
padding: 1% 3%;
  
font-size: 16px;
  
color: #4c4c4c;
  
background-color: #f2f4f5;
  
text-align: center;
}

/**neiye:news_details:start**/



/**neiye:products_list:start**/


/**neiye:products_details:start**/

.proWrap{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

margin-bottom: 2%;
}

.proLeft{

width: 30%;

border: 1px solid #eee;

margin-bottom: 10%;

padding-bottom: 0%;
}


.proLeft h2{line-height: 66px;text-align: center;font-size: 24px;color: white;background: #0076bf;}

.proLeft dl{

padding: 0% 2%;

margin-top: 2%;
}

.proLeft dl dt{

border-bottom: 1px solid #eee;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

margin-bottom: 4%;
}

.proLeft dl dt em{

background: #0076bf;

width: 10px;

height: 20px;

margin-right: 4%;

}
  


.proLeft dl dt span{line-height: 70px;font-size: 24px;text-align: left;}


.proLeft dl dd{

padding-top: 0%;
}

.proLeft dl dd a{

display: block;

font-size: 16px;

line-height: 48px;

color: #202020;

font-weight: 600;

padding-left: 6%;

margin:2% auto;

}

.proLeft dl dd a:hover,.proLeft dl dd a.on{
  background:#0076bf;
  color:#fff;
  border-radius: 30px;
}

.telLeft{

margin-top: 6%;
}

.telLeft img{

width: 100%;

height: auto;
}

.telLeft div{

background: #f5f5f5;

padding: 6% 0%;
}

.telLeft div h3{

text-align: center;

color: #0076bf;

font-size: 24px;

line-height: 34px;

font-weight: 600;
}

.telLeft div p{
  
font-weight: 600;
  
text-align: center;
  
color: #0076bf;
  
font-size: 24px;
  
line-height: 34px;
}

.casesLeft{

margin-top: 8%;
}



.casesLeft ul{

  display: flex;
  
  flex-direction: column;
  
  align-items: center;
  
  justify-content: space-between;
  
  flex-wrap: wrap;
  }
  
  .casesLeft ul li{
  width: 90%;
  margin-top: 2%;
  border: 1px solid #eee;
  margin-bottom: 6%;
  }
  
  .casesLeft ul li a{
  display: block;
  /* position: relative; */
  padding: 4%;
  }
  
  
  .casesLeft ul li a p{
    font-size: 16px;
    color:#373838;
    text-align: center;
    line-height: 32px;
    background: #fff;
    padding-top: 0%;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

  } 

  .casesLeft ul li:hover .huobanImg img{
    transform: scale(1.2);
  }



  
  /*
  .casesLeft ul li a .casesImg{
  
   overflow: hidden;
  }
  
  .casesLeft ul li a .casesImg img{
    width: 100%;
    height: auto;
    transition: all 0.5s;
  }
  
  .casesLeft ul li:hover a .casesImg img {
    transform: scale(1.2);
  }
  
  .casesLeft ul li a .yuan{
     
  text-align: center;
    
  position: absolute;
    
  bottom: 22%;
    
  left: 34%;
    
  margin: 0px auto;
  
  transition: all 0.5s;
  }
  
  
  .casesLeft ul li:hover  a .yuan{
    -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px)
  }
  
  
  .casesLeft ul li a .yuan img{
    border-radius: 70px;
      width: 140px;
      height: 140px;
      box-shadow: 4px 4px 15px -3px #666;
  }
*/







.proRight{

width: 67%;

border: 1px solid #eee;

padding: 6% 1%;
}
.proTitle{

margin-bottom: 6%;
}

.proTitle h2{

line-height: 36px;

text-align: center;

font-size: 24px;

font-weight: 600;

color: #202020;
}


.proTitleSmall{

background: #f5f5f5;

line-height: 60px;

padding: 0% 4%;
}

.proTitleSmall span{

font-size: 18px;

line-height: 36px;

color: #0076bf;

font-weight: 600;
}

.proImg{

margin: 2% auto;
}

.proImg img{

width: 100%;

height: auto;
}


.proCont{

padding: 3% 2%;
}

.proCont p{

font-size: 16px;

line-height: 30px;

color: #000;

text-indent: 24px;

text-align: left;

 
}

.proCont img{
  width: 100%;
  height: auto;
}




/**neiye:cases_list:start**/
.casesBoxCont{

}

.casesBoxCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;
}

.casesBoxCont ul li{

width: 31%;

margin-top: 2%;
}

.casesBoxCont ul li a{
display: block;
position: relative;
}


.casesBoxCont ul li a p{
  font-size: 18px;
  color:#373838;
  text-align: center;
  line-height: 140px;
  background: #f5f5f5;
  padding-top: 0%;
}


.casesBoxCont ul li a .casesImg{

 overflow: hidden;
}

.casesBoxCont ul li a .casesImg img{
  width: 100%;
  height: auto;
  transition: all 0.5s;
}

.casesBoxCont ul li:hover a .casesImg img {
  transform: scale(1.2);
}

.casesBoxCont ul li a .yuan{
   
text-align: center;
  
position: absolute;
  
bottom: 22%;
  
left: 34%;
  
margin: 0px auto;

transition: all 0.5s;
}


.casesBoxCont ul li:hover  a .yuan{
  -webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}


.casesBoxCont ul li a .yuan img{
  border-radius: 70px;
    width: 140px;
    height: 140px;
    box-shadow: 4px 4px 15px -3px #666;
}

/**neiye:cases_details:start**/

.casesDetailsWrap{

}


.casesDetails{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.casesDetailsLeft{

width: 65%;
}

.casesDetailsTitle{

border-bottom: 1px solid #ddd;
}

.casesDetailsTitle h2{

line-height: 50px;

font-size: 30px;

font-weight: 600;

margin:3% auto;

}


.casesDetailsTitle p{
  display:flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  line-height: 50px;
  color: #7d7d7d;
}

.casesDetailsTitle p span{

margin-right: 6%;
}


.casesDetailsCont{padding: 1% 0%;overflow: hidden;}

.casesDetailsCont p{
  line-height: 32px;
  font-size: 16px;
  margin: 2% auto;
  color: #666;
}


.casesDetailsCont img{
   max-width: 100%;
   height: auto;
}
.casesDetailsRight{

width: 30%;

display: flex;

flex-direction: column;

justify-content: start;

justify-items: center;

margin-top: 0%;

padding-top: 0%;
}

.casesDetailsRight h2{

line-height: 90px;

font-size: 30px;

font-weight: 600;

border-bottom: 1px solid #ddd;
}

.casesDetailsRight ul{

display: flex;

flex-direction: column;

padding: 6% 4%;

list-style-type: circle;
}

.casesDetailsRight ul li{line-height: 50px;font-size: 18px;list-style-type: square;color: #b5b5b5;margin-bottom: 2%;}

.casesDetailsRight ul li a{
  display: block;
  line-height: 32px;
}

.casesDetailsRight ul li a:hover{
  color: #0076bf;
}

.pageUpDownNews{
  flex-direction: column;
}

.pageUpDownNews p{
  width: 100%;
  margin-bottom: 4%;
}


.pageUpDown{

  display: flex;
  
  flex-direction: row;
  
  justify-content: space-between;
  
  padding: 0% 1%;
  
  margin-bottom: 4%;
  }
  
  
  .pageUpDown p{
      
  border: 1px solid #ddd;
      
  line-height: 70px;
      
  font-size: 18px;
      
  padding: 0% 2%;
      
  width: 38%;
      
  overflow: hidden;
      
  text-overflow: ellipsis;
      
  white-space: nowrap;
  }
  
  
  .pageUpDown p a{
      
  }

   
  .pageUpDown p a:hover{
    color:#0076bf;    
  }

  .pageUpDownNews{
    flex-direction: column;
}

.pageUpDownNews p{
    width: 100%;
    margin-bottom: 4%;
}


.aboutBoxNav{

margin-bottom: 0%;
}

.aboutBoxNav ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-evenly;

flex-wrap: wrap;
}

.aboutBoxNav ul li{

width: 20%;

margin-bottom: 2%;
}

.aboutBoxNav ul li a{

display: block;

font-size: 18px;

line-height: 48px;

text-align: center;

width: 70%;

margin: 0px auto;

border: 1px solid #ddd;

border-radius: 30px;
}

.aboutBoxNav ul li.on{

}

.aboutBoxNav ul li.on a{

background: #0076bf;

color: #fff;
}


.aboutBoxNav ul li:hover a{

  background: #0076bf;
  
  color: #fff;
  }


  .newsBoxNav ul{
    width:50%;
    margin:0px auto;
    text-align: center;
  }

  .newsBoxNav ul li{
    width: 33.33%;
  }

  .contactBoxNav ul{
    width:50%;
    margin:0px auto;
  }

  .contactBoxNav ul li{
    width: 33.33%;
  }


  .contactBoxCont{

    padding:3% 2%;

  }

  .contactBoxCont p{
    font-size: 16px;
    line-height: 30px;
    color: #000;
    text-indent: 24px;
    text-align: left;
    
  }

  .contactBoxCont img{
    
  }


  .contactBoxContNew{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 4%;}


  .baiduMapLeft{width: 50%;}

  #dituContent{
    
  }

  .baiduMapRight{width: 50%;background: #f5f5f5;padding: 2%;line-height: auto;}

  
  
.guestbookWrap{

  width: 90%;
  
  margin: 2% auto;
  }
  
  .guestbookWrap form {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
  }
  .guestbookWrap form .item {
      width: 50%;
      padding-right: 20px;
      margin-bottom: 30px;
  }
  
  .guestbookWrap form .item .f_tit {
      font-size: 16px;
      line-height: 1;
      margin-bottom: 16px;
  }
  .guestbookWrap form .item .f_tit span {
      color: #e60012;
  }
  .guestbookWrap form .item input, .contactbox-section4 .cont form .item textarea {
      width: 80%;
      padding: 16px 20px;
      font-size: 16px;
      color: #999;
      border: none;
      background-color: #eef5fd;
  }
  .guestbookWrap form .texta textarea {
      height: 228px;
      width: 89%;
      border: none;
      background: #eef5fd;
      padding: 2%;
  }

  #captcha{
    width: 40%;
  }
  .guestbookWrap form .texta {
      width: 100%;
      padding: 0;
  }
  .guestbookWrap form .test .an {
      display: flex;
      align-items: center;
  }
  .guestbookWrap form .but {
      width: 100%;
      display: flex;
      margin-top: 30px;
      text-align: center;
      justify-content: center;
      width: 40%;
  }
  
  
  
  .guestbookWrap form .but .joinbox-but {
      text-align: center;
      background-color: transparent;
      border: none;
      width: 40%;
      text-align: center;
      background: #0076bf;
      color: #fff;
      margin-right: 8%;
      font-size: 18px;
      height: 58px;
      line-height: 58px;
  }
  .joinbox-but {
      color: #333;
     
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
  }

  

  .banner .swiper-slide img {
    display: block;
    width: 100%;
  }

  .menuWap{
    display: none;
  }

  .menuCont{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .logoWap{

width: 35%;

}

  .logoWap a{

display: block;

text-align: left;

padding-left: 15%;
}

  .logoWap a img{

width: auto;

height: 50px;
}

  .menuWapRight{

width: 65%;



display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

 
}



.menuWapRight .searchInput {

  border: 2px solid #a0a0a0;
  
  border-radius: 20px;
  
  display: flex;
  
  flex-direction: row;
  
  align-items: center;
  
  justify-content: space-between;
  
  padding: 0%;
  
  height: 35px;
  
  width: 45%;
  
  transition: all .3s ease;
  
  
  }
  
  .menuWapRight  .searchInput input{
  
  border: none;
  
  width: 80%;
  
  margin-left: 5%;
  
  font-size: 14px;
  
  line-height: 26px;
  
  border-radius: 20px;
  }
  
  .menuWapRight .searchInput img{width: 22px;height: 22px;margin-right: 5%;}
  
  .menuWapRight .searchInput.on{
    width:65%;
    margin-right:5%;
  }



  .menuBtn{
    width:30%;
    background: #0176bf;
  }

  .menuBtn span{
    /* padding: 0 15px; */
    margin: 29px auto;
    width: 45px;
    height: 45px;
    position: relative;
    display: block;
    width: 30px;
    height: 0.25em;
    background: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    transition: transform .2s ease;
  }


 .menuBtn span:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 0.25em;
    top: -0.5em;
    background: #ffffff;
    border-radius: 3px;
    transition: transform .3s ease;
}


.menuBtn span:after {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 0.25em;
  top: 0.5em;
  background: #ffffff;
  border-radius: 3px;
  transition: transform .3s ease;
}



.nav-app {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  display: none;
}
.nav-app > .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  /* background-color: rgba(0, 0, 0, 0.15); */
}
.nav-app > .child {
  position: absolute;
  height: 100%;
  width: 60%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  background-color:#0076bf;
  top: 0;
  right: 0;
  z-index: 5;
}
.nav-app > .child > ul > li {
  position: relative;
}
.nav-app > .child > ul > li > i {
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 24px;
  top: 0;
  font-size: 12px;
  width: 44px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.nav-app > .child > ul > li > a {
  border-top: 1px rgba(8, 32, 56, 0.3) solid;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  text-shadow: none;
  display: inline-block;
  width: 100%;
  color: #fff;
  height: 44px;
  line-height: 44px;
  font-weight: bold;
  font-size: 14px;
  padding: 0 24px;
}
.nav-app > .child > ul > li.go-child.on > i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.nav-app > .child > ul > ol {
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.nav-app > .child > ul > ol > li > a {
  width: 100%;
  display: inline-block;
  color: #fff;
  height: 38px;
  line-height: 38px;
  padding: 0 24px;
  text-indent: 10px;
  opacity: 0.9;
}
.nav-app > .child > div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
}
.nav-app > .child > div > a {
  width: 60px;
  text-align: center;
  color: #fff;
}
.nav-app.on {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.nav-app.on > .child {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}


.swiper-pagination-bullet-active{
  background: #0076bf;
}


.huobanBoxCont{

}

.huobanBoxCont ul{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}

.huobanBoxCont ul li{border: 1px solid #eee;width: 18%;margin-bottom: 2%;margin-right:2%;}

.huobanBoxCont ul li a{display: block;padding: 4%;}

.huobanImg{text-align: center; overflow: hidden;}

.huobanImg img{transition: all 0.5s;
max-width: 100%;height: auto;}

.huobanTitle {

}

.huobanTitle p{    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;line-height: 32px; height:32px;font-size: 16px;text-align: center;}

.huobanBoxCont ul li:hover .huobanImg img{
  transform: scale(1.2);
}





.casesBoxContNew{

}

.casesBoxContNew ul{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}

.casesBoxContNew ul li{border: 1px solid #eee;width: 18%;margin-bottom: 2%; margin-right:2%;}

.casesBoxContNew ul li a{display: block;padding: 4%;}


.casesImg2{text-align: center; overflow: hidden;}

.casesImg2 img{transition: all 0.5s;
max-width: 100%;width:100%;height: auto;}

.casesTitle {

}

.casesTitle p{    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;line-height: 32px; height:32px;font-size: 16px;text-align: center;}

.casesBoxContNew ul li:hover .casesImg2 img{
  transform: scale(1.2);
}







.casesContNew{margin-top: 4%;}

.casesContNew ul{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;flex-wrap: wrap;}

.casesContNew ul li{border: 1px solid #eee;width: 18%;margin-bottom: 2%;margin-right:2%;background: #fff;}

.casesContNew ul li a{display: block;padding: 4%;}


.casesImg3{text-align: center; overflow: hidden;}

.casesImg3 img{transition: all 0.5s;
max-width: 100%;height: auto;}

.casesTitle3 {

}

.casesTitle3 p{    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;line-height: 32px; height:32px; font-size: 16px;text-align: center;}

.casesContNew ul li:hover .casesImg3 img{
  transform: scale(1.2);
}


/*
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#3e75b2;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
*/




.sjj_nav{position:fixed;z-index:9;background: #0176bf;width:100%;height:auto;font-size:14px;line-height:40px;top:62px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width: calc(100% - 100px);}
.sjj_nav>ul>li:first-child .language{float:right;width: 100px;overflow:hidden;line-height:30px;margin-top:5px;}
.sjj_nav>ul>li:first-child .language a{width: 50px;float:left;border-left:1px #ddd solid;text-align:center;color: #fff;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; padding-left:6%;padding-right:6%;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color: #fff;width: 98%;line-height: 28px;margin: 4% auto;}
.sjj_nav ul li ul li a{color: #fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill: #fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill: #fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}


.footerInfoCont{margin-bottom: 1%;}

.footerInfoCont p{color: #d4e2f0;line-height: 34px;font-size: 14px;}
.inside_con{ padding:10px 0; min-height:300px;}
/**pc:style**/