.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 2%;
}

.logo{

}

.logo a {

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.logo a img{display: block;width: 75%;height: auto;margin-right: 6%;}

.logo a img:nth-child(1){
 width: 70px;
}

.menu {

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 50%;

background: none;

}
  .menu .li{
  
  width: 16%;
  
  position: relative;
  }
  
  .menu .li a{display: block;font-size: 18px;line-height: 48px;color: #343333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0% 4%;}
  
  .menu .li.on{
    background: #0b509e;
    border-radius: 30px;
  }
  
  .menu .li.on a{
    color: #fff;
  }
  
  
  
  .menu_son{
      display: none;
      position: absolute;
      top: 81px;
      background: #fff;
      width: 100%;
  }
  
  .menu_son_on{
    display: block;
  }
  .menu_son li{
    margin-bottom: 0%;
    border-top: 1px solid #e0e0e0;
  }
  
  .menu_son li a{
    font-size: 16px!important;
    color: #333!important;
  }
  
  .menu_son li:hover{
    background: #0b509e;
     
  }
  
  .menu_son li:hover a{
    color: #fff!important;
  }
  
  .tel{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 14.5%;
}

  .telLeft{

  }

  .teLeft img{

  }

  .telRight{

  }

  .telRight h3{

font-size: 18px;

color: #342f2d;

line-height: 32px;

}

  .telRight p{

font-size: 20px;

color: #000;

font-weight: 600;

line-height: 32px;

}


/**banner:start**/

.bannerWrap{
  margin-top:4.6%;
}

.banner{

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



/**proWrap:start**/

.proWrap{


}

.proContWrap{


}

.proTitle{

}

.proCont{

position: relative;
}

.proBg{

}

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

.proItem{

position: absolute;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

text-align: center;

transition: all 0.5s;

animation: mymove 3s infinite;

}

@keyframes mymove
{
0% {}
30% {
  
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px)
}
60%{
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px)
}

100%{}
}

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


.proItem img{

}

.proItem h2{

color: #0f3274;

font-size: 20px;

line-height: 20px;

margin: 6% auto;

font-weight: 600;
}



.proItem p{

font-size: 14px;

line-height: 20px;

color: #696060;
}


.proItemOne{

left: 13%;

top: 37%;
}

.proItemTwo{

top: 0px;

left: 40%;


}

.proItemThree{

right: 15%;

top: 37%;
}



/**proHotWrap:start**/

.proHotWrap{

background: #f1f1f1;

position: relative;

z-index: 9;

padding-bottom: 6%;
}

.proHotBg{
  position: absolute;
  bottom: 7%;
  left:0px;
  height: 360px;
  background: #0c519e;
  width: 75%;
  z-index: -1;
}

.proHotContWrap{

padding: 2% 0%;
}

.proHotTitle{

}

.proHotCont{

padding: 2% 0%;
}

.proHotCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 90%;

margin: 0px auto;
}

.proHotCont ul li {

width: 16.66%;
}

.proHotCont ul li.on a{

background: #fff;

color: #0b509e;

border: 1px solid #0b509e;
}

.proHotCont ul li a{border: 1px solid #0b509e;background: #0b509e;color: #fff;border-radius: 30px;line-height: 42px;font-size: 16px;text-align: center;display: block;padding: 0% 1%;width: 82%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.proHotItemWrap{

margin: 4% auto;

box-shadow: 0px 0px 10px #c5c5c5;

overflow: hidden;
}

.proHotItem{
  display:none;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e7e7;
}

.proHotItem.on{
  display: block!important;
}

.proHotItemLeft{

width: 35%;

float: left;

}

.proHotItemLeft a{



display: flex;

flex-direction: column;

align-items: center;

justify-content: flex-start;



height: 100%;

padding: 0%;

padding-top: 15%;

overflow: hidden;
}

.proHotItemLeft a div{

text-align: center;
}

.proHotItemLeft a div p{
  
font-size: 30px;
  
line-height: 32px;
  
font-weight: 600;
  
margin-bottom: 19%;

overflow: hidden;
}


.proHotItemLeft a div span{
  
display: block;
  
background: #0b509e;
  
color: #fff;
  
border-radius: 30px;
  
line-height: 40px;
  
margin: 8% auto;
  
width: 160px;
border:1px solid #0b509e;
}

.proHotItemLeft a div img{
  
width: 80%;
  
height: auto;
  
text-align: center;

display: block;
}




.proHotItemRight{

width: 65%;

float: right;

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: space-between;

border-left: 1px solid #e7e7e7;
}

.proHotItemRight a{

display: flex;

width: 50%;

float: left;

border-right: 1px solid #e7e7e7;

border-bottom: 1px solid #e7e7e7;

flex-direction: row;

align-items: center;

justify-content: space-between;



padding: 4% 0%;
}

.proHotItemRight a:nth-child(2n+0){
  border-right:none;
}

.proHotItemRight a:nth-child(3){
  border-bottom:none;
}

.proHotItemRight a:nth-child(4){
  border-bottom:none;
}

.proHotItemRight a div{
    width: 50%;
    text-align: left;
    display: block;
}

.proHotItemRight a div p{
  
font-size: 30px;
  
line-height: 32px;
  
font-weight: 600;
  
margin-bottom: 10%;
}


.proHotItemRight a div span{
  
display: block;
  
background: #0b509e;
  
color: #fff;
  
border-radius: 30px;
  
line-height: 40px;
  
border:1px solid #0b509e;
  
width: 160px;
  
text-align: center;
}

.proHotItemRight a div img{
  
width: 100%;
  
height: auto;
}




/**shili:start**/
.shiliWrap{

  
  }
  
  .shiliContWrap{
  
  padding: 2% 0%;
  }
  
  .shiliTitle{
  
  }
  
  .shiliCont{
  
margin: 4% auto;
  
margin-bottom: 0%;
  }

  .shiliNav{

position: relative;

}

  .shiliNav ul {

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 80%;

margin: 0px auto;

}

  .shiliNav ul li{

width: 16.66%;

text-align: center;

position: relative;

}

.shiliNav ul li.on h3{
  color:#0b509e;
}


.shiliNav ul li.on p{
  color:#0b509e;
}

.shiliNav ul li.on h4{

display: block;

width: 100px;

border: 1px solid #0b509e;

top: 52%;

left: 29%;

z-index: 99;
}

.shiliNav ul li.on em{
  
border: 2px solid #0b509e;
}

  .shiliNav ul li h3{

font-size: 40px;

line-height: 34px;

color: #d3d3d3;

font-weight: 600;

margin-bottom: 10%;

text-align: center;
}

  .shiliNav ul li p{

font-size: 24px;

line-height: 48px;

color: #312f2f;

margin-top: 14%;

text-align: center;
}

  .shiliNav ul li h4{

position: absolute;

display: none;
}

  .shiliNav ul li em{

position: absolute;

width: 20px;

height: 20px;

border: 2px solid #ccc;

border-radius: 10px;

top: 44%;

left: 45%;

z-index: 9999;

background: #fff;
}

  .shiliLine{

border-bottom: 1px solid #efefef;

position: absolute;

width: 100%;

top: 52%;

}

  .shiliItemWrap{

margin-top: 2%;

}
 
  .shiliItem{

display: none;

background: url(../img/shili_img.png) no-repeat center bottom;

height: 680px;

background-size: cover;

width: 100%;

position: relative;
}

  .shiliItem.on{
    display: block!important;
  }
  
  .shiliItemCont{

background: #0b509e;

display: block;

color: #fff;

width: 650px;

position: absolute;

height: 300px;

right: 4%;

top: 32%;

padding: 3%;
}

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

  .shiliItemCont p{font-size: 16px;line-height: 36px;margin: 4% auto;}

  .shiliItemCont span{
    
background: #fff;
    
color: #0d529e;
    
width: 55px;
    
height: 35px;
    
display: block;
    
line-height: 35px;
    
text-align: center;
    
font-size: 30px;
  }



/**about:start**/
.aboutWrap{

background: url(../img/icon_about_bg.jpg) no-repeat center 340px;


}

.aboutContWrap{

padding: 2% 0%;
}

.aboutTitle{

}

.aboutCont{

margin: 4% auto;
}

.aboutCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;

width: 68%;

margin: 0px auto;
}

.aboutCont ul li{

transition: all 0.5s;
}


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


.aboutCont ul li a{
  
display: block;
}

.aboutCont ul li a img{
  
}

.aboutCont ul li a p{
  
text-align: center;
  
font-size: 20px;
  
line-height: 34px;
  
margin: 4% auto;
  
color: #fff;
}


.aboutDesc{

color: #fff;

margin: 4% auto;
}

.aboutDesc p{

font-size: 14px;

line-height: 28px;

color: #fff;
}

.aboutMore{

text-align: center;

display: flex;

align-items: center;

justify-content: center;

margin-bottom: 6%;
}

.aboutMore a{
  
display: block;
  
width: 140px;
  
/* border: 1px solid #ccc; */
  
line-height: 40px;
  
background: #155698;
  
color: #fff;
  
text-align: center;
}

.aboutMore a:hover{
  color: #155698;
  
  background: #fff;
}

/**cases:start**/

.casesWrap{

/* border-top: 1px solid #e8e8e8; */
}

.casesContWrap{

padding: 2% 0%;
}

.casesTitle{

}

.title{

margin: 2% auto;
}

.title h3{

text-align: center;

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;

margin-bottom: 1%;
}

.title h3 span{

font-size: 40px;

font-weight: 600;
}


.title h3 em{

background: #0b509e;

border-radius: 7px;

width: 14px;

height: 14px;

display: block;

margin: 0% 3%;
}

.title p{

text-align: center;

font-size: 18px;

color: #000;

line-height: 32px;
}


.casesCont{

margin: 4% auto;
}


.casesImg{
 overflow: hidden;
}

.casesImg img{

width: 100%;

height: auto;
transition: all 0.5s;
}


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


.casesCont p{

text-align: center;

line-height: 100px;

font-size: 18px;

text-align: center;
}


.casesCont .swiper-slide:hover p {
  color: #0b509e;
}


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

border-top: 1px solid #e8e8e8;
}

.newsContWrap{

padding-top: 3%;
}

.newsTitle{

}

.newsCont{

display: flex;

flex-direction: row;

/* align-items: center; */

justify-content: space-between;

padding-bottom: 4%;

padding-top: 3%;
}

.newsItem{

background: #f8f8f8;

width: 31%;
}


.newsItem h3{
  
background: #434343;
  
width: 120px;
  
text-align: center;
  
font-size: 18px;
  
line-height: 40px;
  
color: #f4f4f4;
}


.newsItem ul{
  
padding: 5%;
  
display: flex;
  
flex-direction: column;
  
align-items: flex-start;
  
justify-content: center;
}

.newsItem ul li{
  
margin-bottom: 4%;
}

.newsItem ul li a{
  
display: block;
}


.newsItem ul li:hover a p {
  color: #0b509e;
}

.newsItem ul li:hover a span {
  color: #0b509e;
}


.newsItem ul li a p{
  
font-size: 18px;
  
line-height: 30px;
  
color: #666;
}

.newsItem ul li a span{
  
font-size: 18px;
  
line-height: 40px;
}

.newsItemCenter{

width: 31%;

position: relative;

background: #f8f8f8;
}

.newsItemCenter h3{

background: #434343;

width: 120px;

text-align: center;

font-size: 18px;

line-height: 40px;

color: #f4f4f4;

position: absolute;

top: 0px;

left: 0px;
}

.newsItemCenter a{

 

padding: 6% 0%;
}

.newsItemCenter a div{
  padding: 6%;
}



.newsItemCenter a div:hover *{
  color: #0b509e;
}

 

.newsItemCenter a img{

width: 100%;

height: auto;
}

.newsItemCenter a h2{

font-size: 18px;

line-height: 30px;

color: #666;
}

.newsItemCenter a p{

font-size: 16px;

line-height: 20px;
}

.newsDesc{

margin: 4% auto;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

padding: 0px!important;
}

.newsDesc span{

font-size: 16px;

color: #000;

font-weight: 600;

margin-right: 10%;

padding-left: 6%;
}

.newsAddr{

background: url(../img/icon_address_news.png) no-repeat left center;
}

.newsDate{
  
background: url(../img/icon_date_news.png) no-repeat left center;
}


/**links:start**/
 
.linksWrap{
  background: #0b509e;
  color:#fff;
}

.linksContWrap{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

padding: 16px 2%;
}

.linksContWrap p{
    font-size: 16px;
}

.linksContWrap span{

font-size: 18px;

margin: 0% 1%;
}

.linksContWrap ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

width: 100%;
}

.linksContWrap ul li{

margin-left: 2%;
}

.linksContWrap ul li a{

display: block;

color: #fff;

font-size: 12px;
}




/**footer:start**/

.footerWap{

background: #292929;

padding: 2% 0%;

width: 100%;

margin: 0px auto;

overflow: hidden;
}

.footerTop{

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

.footerTopCont{

padding-bottom: 4%;

display: flex;

flex-direction: row;

justify-content: space-between;

align-items: baseline;
}
.footerTopCont ul{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

width: 60%;
}

.footerTopCont ul li{
  
width: 20%;
}

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

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

.footerTopRight{

width: 40%;

text-align: center;

display: flex;

flex-direction: row;

justify-content: space-around;

align-items: center;

height: auto;
}

.contact{

display: flex;

flex-direction: column;

align-items: flex-start;

justify-content: center;

width: 60%;
}
 .contact h2{
   text-align: left;
   color:#fff;
   font-size: 16px;
   font-size: 16px;
   line-height: 34px;
   color: #fff;
   margin-top: -2%;
   padding-left: 10%;
   font-weight: 600;
 }
.contactItem{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

margin-top: 6%;

width: 100%;
}

.contactItem div{

margin-right: 5%;
}

.contactItem div img{

}

.contactItem div h3{
  
color: #fff;
  
text-align: left;
  
font-size: 16px;
  
line-height: 24px;
}

.contactItem div p{
  
color: #999;
  
text-align: left;
  
font-size: 14px;
  
line-height: 24px;
}



 



.wechat{

}

.wechat img{

}

.footerBottom{

padding-top: 2%;

}

.footerBottomCont{

display: flex;

flex-direction: row;

justify-content: space-between;
}

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

.footerBottomCont p:nth-child(1){

}

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

color: #999;
}

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


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


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

.swiper-container{
  padding-bottom: 1%;
}

.proHotItemLeft a:hover span{
    color: #0b509e;
    background: #fff;
    border:1px solid #0b509e;
}
.proHotItemRight a:hover span{
  color: #0b509e;
  background: #fff;
  border:1px solid #0b509e;
}



/**pro_list:start**/



.proListCont{

padding-bottom: 6%;
}

.proListCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;

margin-bottom: 4%;
}


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

.proListCont ul li{

width: 30%;

width: 23%;

margin-top: 2%;
 

border: 1px solid #eee;
}
 

.proListCont ul li:hover p{

  color:#0b509e;

  }

  .proListCont ul li:hover a .proListImg img {
    transform: scale(1.2);
  }


.proListCont ul li a{

display: block;
}

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

.proListImg{

overflow: hidden;
}

.proListImg img{

width: 100%;

height: auto;

transition: all 0.5s;
}

.proListCont ul li a p{font-size: 18px;color: #373838;text-align: center;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;}




.subnav{

padding: 1% 0%;

}
  
  .subnav ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0px auto;
  flex-wrap: wrap;
  }
  
  .subnav ul li {
  width: 16%;
  margin-bottom: 2%;
  }
  
  .subnav ul li.on a,.subnav ul li:hover a{
  
  background: #fff;
  
  color: #0b509e;
  
  border: 1px solid #0b509e;
  }
  
  .subnav ul li a{
  border: 1px solid #0b509e;
  background: #0b509e;
  color: #fff;
  border-radius: 30px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 0% 1%;
  width: 90%;
  margin: 0px auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  }

  .aboutNav ul{
    width: 50%;
  }
  
  .aboutNav ul li{
    width: 24%;
  }

  /**news_list:start**/

  .newsListWrap{

  }

  .newsListNav{

  }

  .newsListNav ul{
    width: 50%;
  }
  .newsListNav ul li{
    width:33.33%;
  }



  .newsListCont{

    padding-bottom: 6%;
    }
    
    .newsListCont ul{
    
display: flex;
    
flex-direction: column;
    
align-items: center;
    
justify-content: space-between;
    
flex-wrap: wrap;
    
margin-bottom: 4%;
    }
    
    .newsListCont ul li{
    
width: 30%;
    
width: 100%;
    
margin-top: 2%;
    
border: 1px solid #eee;
    }
     
    .newsListCont ul li:hover .newsListTitle{
      background: #0b509e;
    }
    .newsListCont ul li:hover p, .newsListCont ul li:hover h3, .newsListCont ul li:hover span{
    
color: #fff;
    
}


 


    
      .newsListCont ul li:hover a .newsListImg img {
        transform: scale(1.2);
      }
    
    
    .newsListCont ul li a{
    
display: flex;
    }
    
    .newsListCont ul li a .newsListTitle{
      
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      background: #f6f6f6;
      width: 70%;
      padding: 2%;
    }
    
    .newsListImg{
    
overflow: hidden;
    
width: 30%;
    }
    
    .newsListImg img{
    
    width: 100%;
    
    height: auto;
    
    transition: all 0.5s;
    }
    
    .newsListCont  ul li a h3{

font-size: 24px;

color: #373838;

text-align: left;

 

}
    
    .newsListDate{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

}

    .newsListDate span{

color: #666;

font-size: 18px;

}

    .newsListCont  ul li a p{
      font-size: 16px;
      color: #999;
      text-align: left;
      line-height: 32px;
      background: none;
      padding-top: 0%;
      
      margin: 2% auto;
      
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      }
    
    
    


    
  /**cases_list:start**/

  .casesListWrap{

  }

  .casesListNav{

  }

  .casesListNav ul{
    width: 50%;
  }
  .casesListNav ul li{
    width:33.33%;
  }


  .casesListCont{

    padding-bottom: 6%;
    }
    
    .casesListCont ul{
    
    display: flex;
    
    flex-direction: row;
    
    align-items: center;
    
    justify-content: space-between;
    
    flex-wrap: wrap;
    
    margin-bottom: 4%;
    }
    

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

    .casesListCont ul li{
    /* width: 30%; */
    width: 23%;
    margin-top: 2%;
    border: 1px solid #eee;
    }
     
    .casesListCont ul li:hover .casesListTitle{
      background: #0b509e;
    }
    .casesListCont ul li:hover p{
    
color: #fff;
    
}
    
      .casesListCont ul li:hover a .casesListImg img {
        transform: scale(1.2);
      }
    
    
    .casesListCont ul li a{
    
    display: block;
    }
    
    .casesListCont ul li a .casesListTitle{
      min-height: 100px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      background: #f6f6f6;
    }
    
    .casesListImg{
    
    overflow: hidden;
    }
    
    .casesListImg img{
    
    width: 100%;
    
    height: auto;
    
    transition: all 0.5s;
    }
    
    .casesListCont  ul li a p{font-size: 18px;color: #373838;text-align: center;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;}
    
    
    
    /**cases_show: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: 90px;

font-size: 30px;

font-weight: 600;
}


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

 
}

.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%;

 
}

.casesDetailsRight ul li{
  line-height: 50px;
  font-size: 18px;
  color: #b5b5b5;
  border: 1px solid #eee;
  margin-bottom: 8%;
  vertical-align: bottom;
  overflow: hidden;
  zoom:1;
  padding: 0px;
}

.casesDetailsRight ul li:after{
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

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

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

.casesDetailsRight ul li a .casesListTitle{
  min-height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  background: #f6f6f6;
  padding: 0% 2%;
}

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

.casesDetailsRight ul li:hover .casesListTitle{
  background: #0b509e;
}

.casesDetailsRight ul li:hover a .casesListTitle p{
  color: #fff;
}

  .casesDetailsRight ul li:hover a .casesListImg img {
    transform: scale(1.2);
  }




.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 #f2f2f2;
      
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:#0b509e;    
  }

  .pageUpDownNews{
    flex-direction: column;
}

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

.searchWrap{

background: #fff;

border-bottom: 1px solid #ddd;

margin-top: -1%;
}

.searchContWrap{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-around;

width: 100%;
}

.searchLeft{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-around;

width: 30%;

margin-left: 2%;
}

.searchLeft h3{

font-size: 22px;

line-height: 32px;

color: #0a4c99;

font-weight: 600;
}

.searchLeft img{

}

.searchCenter{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 52%;
}

.searchCenter span{

text-align: right;

font-size: 18px;

line-height: 48px;

color: #4d4747;

width: 30%;
}

.searchCenter ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 70%;
}

.searchCenter ul li{

font-size: 18px;

line-height: 48px;

color: #4d4747;

width: 25%;

text-align: center;
}

.searchRight{

width: 35%;
}

#form{
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: space-between;
  
padding-left: 8%;
}

.searchRight .keyword{

border: 1px solid #ddd;

border-radius: 30px;

line-height: 40px;
height: 40px;

padding: 0% 3%;
}

.searchRight div{

background: #0a4c99;

width: 55%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

padding: 0% 10%;
}

.searchRight div img{

}

.searchRight div span{

width: 50%;

height: 80px;

line-height: 80px;

border-left: 1px solid #ddd;
}

.pageContWrap{

padding: 2%;

margin: 2% auto;
}

.pageContWrap p{

line-height: 32px;

font-size: 16px;

margin: 0% auto;

color: #666;
}

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

.proShowWrap{

}

.proShowContWrap{

}

.proShowTop{

display: flex;

flex-direction: row;

/* align-items: baseline; */

justify-content: flex-start;

padding-top: 3%;

/* width: 89%; */

/* margin: 0px auto; */
}

.proShowImg {

border: 1px solid #f2f2f2;

overflow: hidden;

 
 
}

.proShowImg img{

width: 100%;

height: auto;
transition: all 0.5s;
}


 

.proShowImg:hover img{
  transform: scale(1.2);
}

.proShowRight{

width: 50%;

margin-left: 5%;

padding-top: 0%;
}

.proShowRight h2{

font-size: 38px;

font-weight: 600;

line-height: 60px;

margin-top: 5%;
}

.proShowRight p{

margin: 6% auto;

font-size: 18px;

line-height: 32px;
}

.proShowLianXi{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

width: auto;

margin-top: 10%;
}

.proShowLianXi div{

background: #000;

width: 38%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

padding: 0% 4%;
}

.proShowLianXi div:nth-child(1){

}

.proShowLianXi div:nth-child(2){
  
background: #0b509e;
  
text-align: center;
  
width: 20%;
  
margin-left: 10%;
}

.proShowLianXi div img{

}


.proShowLianXi div span{

color: #fff;

font-size: 20px;

line-height: 50px;
}


.proShowLianXi div a{

color: #fff;

display: block;

line-height: 50px;

font-size: 18px;

text-align: center;
}

.proShowCont{

}

.proShowContLeft{

width: 65%;

/* display: flex; */

/* flex-direction: column; */

/* align-items: baseline; */
}

.proShowNav{

background: #0b509e;

color: #fff;

line-height: 50px;

font-size: 24px;

text-align: center;

width: 20%;
}

.proShowCont{

display: flex;

flex-direction: row;

 

justify-content: space-between;

margin-top: 4%;
}


.proShowCont2{

padding: 4% 1%;

border-top: 1px solid #f2f2f2;
}


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

.proShowCont2 p{

font-size: 16px;

line-height: 32px;

text-align: left;
}

.proShowContRight{

width: 30%;

border: 1px solid #f2f2f2;

margin-bottom: 8%;
}

.proShowContRight h3{

background: #0b509e;

color: #fff;

line-height: 50px;

font-size: 24px;

padding-left: 7%;
}

.proShowContRight ul{

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

margin-top: 0%;

padding: 6%;
width: 100%;
}

.proShowContRight ul li{

border: 1px solid #f2f2f2;

margin-bottom: 9%;
width: 100%;
}

.proShowContRight ul li a{

display: block;
}

.proShowTitle{

text-align: center;
}

.proShowTitle p{
  
line-height: 60px;
  
font-size: 20px;
  
background: #f8f8f8;
}

.proShowImg2{

overflow: hidden;
}

.proShowImg2 img{

width: 100%;

height: auto;

transition: all 0.5s;

}

.proShowContRight ul li:hover .proShowImg2 img {
   transform: scale(1.2);
}


.proShowContRight ul li:hover .proShowTitle{
   
}

.proShowContRight ul li:hover .proShowTitle p{
   background: #0b509e;
   color:#fff;
}


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



.menuWrap{
  display: none;
}

.sp_header{height: 60px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding: 5px;float:left;height: auto;}
.sp_logo img{margin:auto;max-height: 52px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 18px;}
.sp_nav span{display:block;background: #0c519e;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: #f5f5f5;width:100%;height: calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top: 62px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.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: 16px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width: 30px;height: 30px;fill: #3e75b2;}
.sjj_nav ul li .sjj_nav_i_se svg{fill: #3e75b2;}
.sjj_nav ul li ul li>ul{margin-left:10px}


.pageSiteMapWrap{
  margin-top:3%;
}