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

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

.header{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

padding: 1% 0%;
}

.logoLeft{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

width: 80%;
}

.logo{

}

.logo a{

display: block;
}

.logo a img{

width: 82px;

height: auto;
}

.logoText{

margin: 0% 2%;
}

.logoText p{

color: #666;

line-height: 29px;

font-size: 24px;
}

.logoAd{

border-left: 1px solid #e4e4e4;

padding-left: 2%;
width:280px;
}

.logoAd h3{

font-size: 24px;
}

.logoAd h3 span{

color: #027bd6;
}

.logoAd p{

font-size: 16px;

color: #666;
}


.logoRight{width: 260px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.logoRight img{margin-top: 2%;}

.telTop{

}

.telTop p{

color: #666;

font-size: 14px;
}

.telTop h3{

line-height: 32px;

color: #027bd6;

font-size: 32px;

font-weight: 600;
}

.logoWrap{
  
background: #027bd6;
}


.menu{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.menu li{

width: 16.66%;

border-right: 1px solid #0c84dd;
}

.menu li:nth-child(){

   
  
  border-right: none;
  }

  

.menu li.on{

background: #8c0d04;
}

.menu li a{

font-size: 16px;

text-align: center;

color: #fff;

line-height: 60px;

display: block;
}

.menu li:hover{
background: #8c0d04;
}

 


/**banner:start*/

#banner {
    
}

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


/**searchWrap:start*/
.searchWrap{

}

.search{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

margin: 1% auto;
}

.searchLeft{

width: 70%;
}

.searchLeft p{

line-height: 40px;
}

.searchLeft p a{

margin-right: 2%;

color: #999;

font-size: 14px;
}

.searchRight{

border-bottom: 1px solid #ccc;

width: 25%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-evenly;
}

.searchRight input {

border: none;

line-height: 40px;

height: 40px;
}

.searchRight span{

line-height: 42px;

display: block;

display: flex;

align-items: center;

width: 42px;

height: 42px;

text-align: center;
}

.searchRight span img{
  
margin: 0px auto;
}

/**tel:start*/
.telWrap{

background: url(/templates/default/index/skins/img/bg.jpg) no-repeat center;

background-size: cover;

margin: 3% auto;
}

.tel{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

padding: 2% 0%;
}

.telLeft{width: 60%;}

.telLeft p{

color: #fff;

line-height: 60px;

font-size: 24px;

text-align: center;
}

.telLeft h3{

color: #fff;

font-size: 36px;

line-height: 60px;

text-align: center;
}

.telRight{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 29%;margin-top: 1%;}


.telRight img{

}


.telRightCont{

}

.telRightCont p{color: #fff;font-size: 20px;line-height: 32px;}

.telRightCont h3{color: #fff;font-size: 40px;line-height: 70px;}

.telRightCont a{color: #fff;line-height: 45px;font-size: 16px;width: 150px;display: block;border-radius: 30px;background: #8b0d05;text-align: center;}


/**pro:start*/
.proWrap{

background: url(/templates/default/index/skins/img/pro_bg.png) center;

background-size: auto;
}

.pro{

width: 1400px!important;
}

.proTitle{

margin: 4% auto;
}

.proTitle h3{

font-size: 28px;

line-height: 50px;

text-align: center;

color: #027bd6;

font-weight: 600;
}

.proTitle p{

text-align: center;

line-height: 32px;

color: #666;

font-size: 16px;
}


.proCont{

}

.lunbotuItem{

width: 86%;

margin: 0px auto;

position: relative;
}

.proItem{

width: 96%;

margin: 0px auto;

display: block;
}

.proItem img{

width: 100%;

height: auto;
}

.proItem p{

text-align: center;

background: #f0f0f0;

color: #666;

line-height: 48px;

font-size: 16px;
}

.proItem:hover p{
  background:#027bd6;
  color:#fff;
}

#banner .swiper-button-prev, #banner  .swiper-container-rtl .swiper-button-next {
  left: 14%;
  right: auto;
  background: #027bd6;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 48%;
}

#banner  .swiper-button-next,#banner  .swiper-container-rtl .swiper-button-prev {
  right: 14%;
  left: auto;
  background: #027bd6;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 48%;
}

#banner   .swiper-button-next:after,#banner .swiper-button-prev:after{
  font-size: 18px;
  font-weight: 600;
  color:#fff;
}


#banner .swiper-pagination-bullet {
  width: 60px;
  height: 6px;  
  border-radius: unset;
  background:unset;
  opacity: 1;
}

.lunbotuItem .swiper-button-prev,#banner  .swiper-container-rtl .swiper-button-next {
  left: -60px;
  right: auto;
  background: #027bd6;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 37%;
}

.lunbotuItem .swiper-button-next,.lunbotuItem .swiper-container-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
  background: #027bd6;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 37%;
}

.lunbotuItem  .swiper-button-next:after,.lunbotuItem .swiper-button-prev:after{
  font-size: 18px;
  font-weight: 600;
  color:#fff;
}

.proBottom{

display: flex;

flex-wrap: wrap;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

margin: 4% auto;
}

.proBottomLeft{

width: 50%;
}

.proBottomLeft img{

width: 100%;

height: auto;
}

.proBottomRight{

width: 50%;

background: #fff;

padding: 5% 4%;

display: flex;

flex-direction: column;

align-items: flex-start;

justify-self: flex-start;

min-height: 420px;
}

.proBottomRight h3{

font-size: 28px;

line-height: 50px;

color: #333;

font-weight: 600;
}

.proBottomRight p{

font-size: 15px;

line-height: 32px;

color: #7d7d7d;
}

.proBottomMore{

display: flex;

margin-top: 16%;
}

.proBottomMore a{

width: 170px;

display: block;

line-height: 42px;

background: #027bd6;

color: #fff;

text-align: center;

margin-left: 5%;
}

.proBottomMore a:last-child{
  
background: #949494;
}



/**cases:start*/


/**youshiWrap:start*/

.youshiWrap{

}

.youshi{padding-bottom: 4%;}

.youshiTop{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;
}

.youshiTopLeft{

width: 47%;
}

.youshiTopLeft img{

width: 100%;

height: auto;
}

.youshiTopRight{

width: 47%;

padding: 0%;

display: flex;

flex-direction: column;
}


.youshiItemWrap{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: flex-start;

flex-wrap: wrap;

padding-bottom: 8%;
}


.youshiLeft{

width: 15%;

text-align: center;

display: flex;

align-items: baseline;
}

.youshiLeft span{

width: 66px;

height: 66px;

background: #027bd6;

display: block;

text-align: center;

display: flex;

align-items: center;

justify-content: center;

font-size: 32px;

color: #fff;

font-weight: 600;

border-radius: 15px;
}

.youshiRight{

width: 80%;
}

.youshiItem{

}

.youshiItem h2{font-size: 26px;line-height: 40px;font-weight: 600;margin-bottom: 4%;}

.youshiItem p{font-size: 16px;line-height: 24px;color: #666;margin-top: 2%;margin-bottom: 2%;/* display: none; *//* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 3; *//* overflow: hidden; */}

.youshiItem h3{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 3%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;/* height: 60px; */}


.youshiBottom{
  
}



.youshiBottom .youshiTopLeft{
   order:2;
}




.youshiBottom .youshiTopRight{
  order:1;
}
.youshiItem h3 span{
  margin-right:2%;
}

.dot {
  width: 14px;
  height: 14px;
  font: 12px/18px Arial;
  border-radius: 7px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
  background: -moz-linear-gradient(top, #18345d 0%,#6d8390 100%);  /*Firefox*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#18345d), to(#6d8390));  /*Chrome,Safari*/
  background: -o-linear-gradient(top, #18345d 0%,#6d8390 100%);  /*Opera*/
}
.dot:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: inline-block;
  margin: 1px 0 0 1px;
  background: -moz-linear-gradient(top, #fff 0%,#5da2db 30%,#fff 100%);  /*Firefox*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(30%, #5da2db), color-stop(100%, #fff));  /*Chrome,Safari*/
  background: -o-linear-gradient(top, #fff 0%,#5da2db 30%,#fff 100%);  /*Opera*/
}
.dot:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
  background: #143345;
}


/**guestbookWrap:start*/

.guestbookWrap{

background: url(/templates/default/index/skins/img/liuyan_bg.jpg) no-repeat center;

background-size: cover;
}

.guestbook{

margin: 0% auto;
}

.liuyan{

margin: 5% auto;
}

.liuyan ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;
}

.liuyan ul li{

width: 50%;

margin-bottom: 3%;

display: flex;

flex-direction: row;

justify-content: flex-start;
}

.liuyan ul li p{

color: #fff;

width: 10%;

line-height: 44px;
}

.liuyan ul li input{

border: none;

line-height: 44px;

width: 80%;

padding: 0% 1%;
}

.liuyanCont{

width: 100%!important;
}

.liuyanCont p{

width: 5%!important;
}

.liuyanCont textarea{

width: 90%;

min-height: 180px;
}


.liuyan ul li.submit{

width: 100%!important;

text-align: center;

margin: 0px auto;

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;
}

.submit a{

color: #fff;

background: #8c0d04;

width: 166px;

height: 44px;

line-height: 44px;

text-align: center;

margin: 1% 9px;
}

.submit a:last-child{
  
background: #626262;
}


/**links:start*/
.linksWrap{

}

.links{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

padding: 2% 0%;
}

.links p{
  
width: 100px;
}

.links ul{
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: flex-start;
  
width: 100%;
}

.links ul li{
  
margin-right: 3%;
  
width: auto;
}

.links ul li a{
  
line-height: 32px;
  
font-size: 14px;
  
text-align: center;
}



/**footerWrap:start**/

.footerWrap{

background: url(/templates/default/index/skins/img/footer_bg.jpg) no-repeat center;

background-size: cover;
}
.footer{

}

.footerTopCont{

border-bottom: 1px solid #515151;

margin: 4% auto;

padding-bottom: 3%;
}

.footerTopCont ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.footerTopCont ul li{

border-right: 1px solid #ccc;

width: 16.66%;
}

.footerTopCont ul li:last-child{
    border-right:none;
}

.footerTopCont ul li a{

display: block;

line-height: 14px;

color: #fff;

font-size: 14px;

text-align: center;
}

.footerTopCont ul li:hover a{
  
}

.footerBottom{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-evenly;

padding-bottom: 4%;
}

.footerBottomLeft{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 52%;
}

.footerBottomLeft img{

width: 80px;

height: auto;
}
.copyRight{

color: #fff;

line-height: 30px;

border-left: 1px solid #4c4c4c;

padding-left: 8%;

color: #fff;

font-size: 14px;
}

.copyRight p{

}

.copyRight p a{

color: #fff;
}

.footerBottomRight{

width: 128px;

float: right;
}

.footerBottomRight img{

width: 100%;

height: auto;
}

.footerBottomRight p{

text-align: center;

line-height: 50px;

color: #fff;

font-size: 16px;
}


/**pro_list:start**/

.inPageWrap{

}

.inPage{

margin-top: 2%;
}


.inCateTop{

width: 280px;

margin: 0px auto;

position: relative;

margin-bottom: 8%;

margin-top: 2%;
}

.inCateTop span{

font-size: 26px;

line-height: 33px;

font-weight: 600;

display: block;

text-align: center;

background: #fff;

width: 140px;

margin: 0px auto;
}

.inCateTop .inCateBorder{

border: 1px solid #000;

width: 280px;

height: 48px;

position: absolute;

top: 15px;

z-index: -1;
}

.inCate{

margin: 4% auto;
}

.inCate ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

flex-wrap: wrap;
}


.inCate ul li{

background: #027bd6;

width: 15%;

text-align: center;
}

.inCate ul li a{color: #fff;line-height: 48px;font-size: 16px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0px 5px;display: block;}


.inCate ul li.on{

background: #8c0d04;
}

.inCate ul li.on a{

color: #fff;
}

.inCate ul li:hover{
  background: #8c0d04;
}

.inCate ul li:hover a{
  color: #fff;
}



.inProListWrap{

padding-bottom: 6%;
}

.inProList{

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: space-between;
}

.inProList li{

width: 49%;

margin-bottom: 3%;
}

.inProList li a{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;
}


.inProListLeft{

width: 50%;
}

.inProListLeft img{

width: 100%;

height: auto;
}

.inProListRight{

background: #eff8ff;

width: 50%;

min-height: 196px;

padding: 3%;
}

.inProListRight h2{

font-size: 20px;

line-height: 50px;
}

.inProListRight p{

line-height: 50px;

font-size: 14px;
}

.inProListRight span{

display: block;

border: 1px solid #027bd6;

width: 102px;

text-align: center;

line-height: 40px;

margin-top: 5%;

width: 136px;
}

.inProList li:hover span{
  background:#027bd6;
  color:#fff;
}
 
/**pro_show:style**/

.inProShowWrap{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;
}

.inProShowLeft{

width: 42%;

border: 1px solid #ddd;

text-align: center;

padding: 5%;
}

.inProShowLeft img{

}


.inProShowRight{

width: 58%;

padding: 0% 5%;
}

.inProShowRight h2{

font-size: 20px;

line-height: 71px;

font-weight: 600;

border-bottom: 1px solid #f0f0f0;
}

.inProShowRight p{

line-height: 24px;

font-size: 14px;

margin: 4% auto;

color: #777;
}

.inTelWrap{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-evenly;
}

.inTelWrap div{

display: flex;

align-items: center;

width: 30%;
}

.inTelWrap div img{

}

.inTelWrap div span{

font-size: 14px;

line-height: 24px;

margin-left: 1%;
}

.inProMore{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-evenly;

margin-top: 5%;
}

.inProMore a{

display: block;

width: 180px;

border-radius: 20px;

background: #0987d4;

text-align: center;

color: #fff;

line-height: 40px;

margin: 0% 2%;
}


.inProShowNavWrap{

background: #0362b3;

margin: 4% auto;

margin-bottom: 2%;
}


.inProShowNav{

}

.inProShowNav ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;
}

.inProShowNav ul li{

width: 20%;
}

.inProShowNav ul li a{

color: #fff;

line-height: 80px;

font-size: 18px;
}


.inProShowContWrap{

}

.inProShowCont{

}

.inProShowItem{

margin-bottom: 7%;
}

.inProShowTitle{

font-size: 24px;

color: #0987d4;

display: flex;

font-weight: 600;

align-items: center;

width: 24%;
}

.inProShowTitle span{

width: 6px;

height: 25px;

background: #027bd6;

margin-right: 6%;
}

.inProShowItemCont{

margin: 2% auto;
}

.inProShowItemCont p{

line-height: 32px;

font-size: 16px;

color: #666;
}

.inProShowItemCont img{

}

.inProShowTitleWrap{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.inProShowMore{

}

.inProTuijian{

margin: 3% auto;
}

.inProTuijian ul{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.inProTuijian ul li{

width: 32%;
}

.inProTuijian ul li a{

display: block;
}


.inProTuijian ul li a img{

width: 100%;

height: auto;
}

.inProTuijian ul li a p{

text-align: center;

line-height: 56px;

font-size: 16px;

color: #666;

background: #f0f0f0;
}


.inProTuijian ul li:hover a p{
  background: #027bd6;
  color:#fff;
}

.inYoushiCont{

margin: 2% auto;

position: relative;

padding-top: 1%;
}

.inYoushiTop{
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: space-between;
  
margin-bottom: 2%;
  
width: 96%;
  
margin: 0px auto;
  
margin-bottom: 2%;
}

.inYoushiTop div{

}

.inYoushiTop div img{

width: 100%;

height: 360px;
}


.inYoushiTop div p{

background: #0987d4;

color: #fff;

line-height: 54px;

text-align: center;
}


.inYoushiTop div:nth-child(1){

width: 59%;

overflow: hidden;

/* display: flex; */

/* flex-direction: row; */

/* align-items: center; */

/* justify-content: space-between; */
}

.inYoushiTop div:nth-child(2){
  
width: 39%;
}



.inYoushiBottom{
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: space-between;
  
margin-bottom: 2%;
  
width: 96%;
  
margin: 0px auto;
  
margin-bottom: 2%;
  }
  
  .inYoushiBottom div{
  
  }
  
  .inYoushiBottom div img{
  
width: 100%;
  
height: 260px;
  }
  
  
  .inYoushiBottom div p{
  
  background: #0987d4;
  
  color: #fff;
  
  line-height: 54px;
  
  text-align: center;
  }
  
  
  .inYoushiBottomLeft{
  
width: 59%;
  
overflow: hidden;
  
display: flex;
  
flex-direction: row;
  
align-items: center;
  
justify-content: space-between;
  }

  .inYoushiBottomLeft div{

  }

  .inYoushiBottomLeft div:nth-child(1){

width: 49%;

}
  .inYoushiBottomLeft div:nth-child(2){

width: 47%;

}
  

  .inYoushiBottomRight{
    
  width: 39%;
  }

  .inYoushiBg{
    
background: #027bd6;
    
width: 100%;
    
height: 333px;
    
position: absolute;
    
top: -2%;
    
z-index: -1;
  }


/**about:start:style**/

.inAboutWrap{

}

.inAbout{

}

.inAbout p{
  
line-height: 32px;
  
font-size: 16px;
  
color: #666;
}



.inAboutItemWrap{

padding: 2% 0%;

background: #027bd6;

margin-top: 3%;

margin-bottom: 4%;
}

.inAboutItem{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;
}

.inAboutItem li{
  
width: 24%;
  
background: #f5f5f7;
  
display: flex;
  
flex-direction: column;
  
align-items: center;
  
justify-content: center;
  
padding: 3% 4%;
  
padding-bottom: 7%;
}

.inAboutItem li:hover .inAboutImg{
  border:2px solid #027bd6;
}

.inAboutItem li h3{
  
text-align: center;
  
color: #000;
  
line-height: 80px;
  
font-size: 24px;
  
/* font-weight: 600; */
}


.inAboutItem li p{
  
font-size: 16px;
  
line-height: 30px;
  
color: #333;

height:60px;

}



.inAboutImg{

width: 120px;

height: 120px;

border-radius: 60px;

background: #fff;

display: flex;

align-items: center;

justify-content: center;
}

.inAboutImg img{

height: 52px;
}



.inGongsiWrap{

}

.inGongsi{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;
}

.inGongsiLeft{

position: relative;

width: 58%;
}

.inGongsiLeft img{

width: 100%;

height: auto;
}

.inGongsiLeft p{

position: absolute;

right: 0px;

top: 46%;

text-align: center;

line-height: 32px;

background: #027bd6;

color: #fff;

width: 50%;

line-height: 60px;

font-size: 20px;

font-weight: 600;
}

.inGongsiRight{

width: 40%;

margin-bottom: 2%;

display: flex;

flex-direction: column;
}

.inGongsiItem{

position: relative;

margin-bottom: 7%;
}

.inGongsiItem img{

width: 100%;

height: auto;
}

.inGongsiItem p{

position: absolute;

right: 0px;

top: 40%;

text-align: center;

line-height: 32px;

background: #027bd6;

color: #fff;

width: 50%;

line-height: 60px;

font-size: 20px;

font-weight: 600;

text-align: left;

padding-left: 8%;
}


/**inPage:Start**/

.inPageCont{

padding: 2%;

margin-bottom: 4%;
}

.inPageCont p{

font-size: 16px;

line-height: 32px;

color: #666;
}

.inPageCont img{

}


/**home:news:start**/

.newsWrap{

background: url(/templates/default/index/skins/img/bg.jpg) no-repeat top center;

background-size: auto;

padding-top: 3%;

padding-bottom: 3%;
}

.news{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

padding: 1%;

background: #fff;

box-shadow: 0px 5px 15px 8px #e1e1e1;
}

.newsLeft{

width: 42%;
}

.newsLeft img{width: 100%;height: auto;margin-bottom: 6%;}

.newsLeft h3{font-size: 20px;line-height: 25px;color: #027bd6;font-weight: 600;display: flex;align-items: center;/* margin: 5% auto; */}

.newsLeft h3 span{

width: 5px;

height: 25px;

background: #1d88da;

display: block;

margin-right: 3%;
}

.newsLeft p{font-size: 15px;line-height: 30px;color: #666;margin-top: 2%;}

.newsRight{

width: 56%;
}

.newsNav{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

border-bottom: 1px solid #ddd;

padding-bottom: 0%;
}

.newsNavLeft{

/* border-bottom: 1px solid #ddd; */

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 73%;
}

.newsNavLeft a{

color: #fff;

background: #037bd6;

line-height: 46px;

font-size: 16px;

display: block;

width: 240px;

text-align: center;
}

.newsNavLeft a.on{

background: #8c0d04;
}

.newsNavRight{

}
.newsNavRight a{

}

.newsCont{

padding: 4% 0%;
}

.newsItem{

}

.newsItemTop{

padding-bottom: 4%;

border-bottom: 1px solid #ddd;
}

.newsItemTop a{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;
}


.newsItemImg{

width: 50%;
}

.newsItemImg img{

width: 100%;

height: auto;
}

.newsItemRight{

width: 50%;

padding: 2%;
}

.newsItemRight h3{font-size: 18px;line-height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 44px;}

.newsItemRight p{font-size: 15px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;}

.newsItemRight span{

margin-top: 4%;

display: block;

font-size: 14px;
}

.newsItemBottom{

margin-top: 4%;
}

.newsItemBottom li{

}

.newsItemBottom li a{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

padding-left: 6%;

background: url(/templates/default/index/skins/img/icon_news.png) no-repeat left center;
}

.newsItemBottom li a span{

line-height: 41px;

font-size: 15px;

color: #666;
}

.newsItemBottom li a em{

color: #c3c3c3;

font-size: 14px;
}


/**cases_list:start**/


.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: 24%;
  margin-top: 2%;
  border: 1px solid #eee;
  }
   
  .casesListCont ul li:hover .casesListTitle{
    background:#027bd6;
  }
  .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: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    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: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
  
  



  
    
.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: 60px;

font-size: 24px;

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: 80px;

font-size: 24px;

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: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  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: 32px;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.casesDetailsRight ul li:hover .casesListTitle{
  background: #027bd6;
}

.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: 54px;
      
font-size: 16px;
      
padding: 0% 2%;
      
width: 38%;
      
overflow: hidden;
      
text-overflow: ellipsis;
      
white-space: nowrap;
  }
  
  
  .pageUpDown p a{
      
  }

   
  .pageUpDown p a:hover{
    color:#027bd6;    
  }

  .pageUpDownNews{
    flex-direction: column;
}

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





.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: #027bd6;
  }
  .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: 20px;

color: #373838;

text-align: left;
}
  
  .newsListDate{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

}

  .newsListDate span{

color: #666;

font-size: 16px;
}

  .newsListCont  ul li a p{
    font-size: 14px;
    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;
    }
  
  
.inCate ul.inCateNews{

width: 32%;

margin: 0px auto;
}

.inCate ul.inCateNews li{
  width: 48%;
}






.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: 0px auto;height: 50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 18px;}
.sp_nav span{display:block;background: #027bd6;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: 60px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 0px)}
.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: 100%;display: block;}
.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}


.sp_text{

width: 62%;

float: left;

margin-left: 5%;

padding-top: 4px;
}

.sp_text p{

font-size: 16px;

line-height: 24px;

color: #666;
}


.inBanner{

}

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

.inProMore a:hover{
  background: #8c0d04;
}

.cases {
  width: 1400px!important;
}

.seo_keywords{
  color:#037bd6;
}
/**pc:style**/