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


.wrap2 {
  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%;*/

overflow: visible;
}
 

.logoWrap{

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

width: 100%;
}


.logo{
    margin: 26px 0;
}

.logo a{

display: block;
}

.logo a img{

max-width: 100%;

height: auto;
}
 
 

.header {
    position: relative;
}

.head {
   /* position: fixed;*/
    z-index: 1000;
    width: 100%;
    height: 114px;
    background: rgba(255,255,255);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.head .wrap {
    overflow: visible;
    position: relative;
}
/*nav*/
.nav{margin-top:50px; position: relative;margin-left: 12%;}
.nav ul li{margin:0 44px;box-sizing: border-box;position: relative;float: left;text-align: center;z-index: 9999;}
.nav ul li:after{display: block;content: ""; width: 11px;height: 7px;background: url(../img/nav-icon.png)no-repeat center;position: absolute; transition: all 0.3s;top:6px;left:80px; }
.nav ul li:first-child:after{display: none;}
.nav ul li:hover:after{background: url(../img/nav-icon-on.png)no-repeat center;}
.nav ul li.on>a,.nav ul li:hover>a{color:#006cb6;}
.nav ul li>a{height: 75px;font-size: 18px;box-sizing: border-box;  line-height: 18px;color:#333333;display: block;}


.nav ul li .dropmenu{width:22rem;
    padding: 2.5rem;
    background: #fff;
    position: absolute;
    left: 0%;
    left: auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    top: 50px;
    display: none;
    font-size: 1rem;
    transition: 400ms ease-in-out;
    }

.nav ul li dl dd {height: 46px;line-height:46px;color: #666;}
.nav ul li dl dd a{position: relative;  font-size: 16px;text-align: left; line-height: 36px;  color: #666666; display: block;margin-bottom: 10px;} 
.nav ul li dl dd a:after{position: absolute;left:0;top:46px;   display: block;content: ""; width:160px;height: 1px;background: #dddddd;}
.nav ul li:hover dl {display: block;}
.nav ul li dl dd:hover a,.nav ul li dl dd.on a{color:#006cb6;}
.nav ul li dl dd:hover a:after,.nav ul li dl dd.on a:after{background:#006cb6;}
.nav ul li:hover .dropmenu{display: block;}

.head-ver{margin-top: 42px;}
.head-ver a{font-size: 18px;}
.head-ver a.on{color:#006cb6;}


 


.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 64%;
  background: none;
  margin-left: 6%;
  margin-right: 7%;
}

.menu .li {
  width: 16.66%;
  position: relative;
}

.menu .li a {
  display: block;
  font-size: 1.6rem;
  line-height: 48px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0% 4%;
  text-decoration: none;
  font-weight: 500;
}

.menu > .li > a:hover{
  color:#006cb6;
}

.menu .li.on {
 
}

.menu > .li.on > a {
  color: #006cb6;
}

.menu_son {
  display: none;
  position: absolute;
  top: 75px;
  background: white;
  width: 150%;
  z-index: 2;
  left: -24%;
}

.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: #006cb6;
}

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


.search{

width: 2%;

position: relative;

margin-right: 4%;
} 

.search input::-webkit-input-placeholder{
  color:#fff;
}

.lang{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 6%;
}

.lang a {

display: block;

font-size: 1.6rem;



width: 120px;
padding:0 20px;
height: 36px;
border:solid 1px #ccc;
border-radius: 6px;

text-align: center;

display: flex;

align-items: center;

justify-content: center;

color: #222;
}

.lang a.one{
background: #fafafa;
}

.lang a.two{


}





/**home:pro:start**/

.proWrap{

margin-bottom: 4%;
}

.pro{

}

.proTitle{

margin: 4% auto;
}


.proTitle h3{

text-align: center;

font-size: 38px;

line-height: 50px;
}


.proCont{

display: flex;

flex-direction: row;

align-items: baseline;

justify-content: space-between;
}

.proItem{

width: 49%;

position: relative;
}

.proItem img{

width: 100%;

height: auto;
}

.proItem h3{

position: absolute;

bottom: 0px;

line-height: 80px;

background: #e9e9e9;

width: 100%;

text-align: center;

font-size: 20px;
}

.proItem .mask {
  background: #fff;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  /* border-radius: 25px; */
  display: none;
}

.maskCont{
  display: none;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 55;
  transition: all 0.3s;
  
}

.maskCont h4{

line-height: 40px;

color: #666;

font-size: 36px;

margin-bottom: 3%;
}

.maskCont a{

color: #0f0f0f;

opacity: 1;

display: block;

line-height: 37px;

border: 1px solid #006cb6;

width: 300px;

text-align: center;

border-radius: 30px;

margin-top: 2%;

font-size: 16px;
}


.proItem.on .mask{
  display: block;
}
.proItem.on .maskCont{
  display: flex;
}


.maskCont a:hover{

  background: #006cb6;
  color:#fff;
}


/**home:case:start**/

 .caseWrap{

  margin-bottom: 4%;
  }
  
  .pro{
  
  }
  
  .caseTitle{
  
  margin: 3% auto;
  }
  
  
  .caseTitle h3{
  
  text-align: center;
  
  font-size: 38px;
  
  line-height: 50px;
  }

  .caseCont{

  }

  .swiper-case{

  }

  .caseItem{

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

width: 100%;

}

  .caseItemLeft{

width: 24%;

background: #006cb6;

height: 100%;

height: 714px;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

}

  .caseItemLeft h3{

font-size:26px;

color: #fff;

line-height: 50px;

margin-bottom: 5%;

}
  
  .caseItemLeft a{

color: #fff;

line-height: 36px;

font-size: 18px;

}

  .caseItemRight{

width: 76%;

}

  .caseItemRight img{

width: 100%;

height: auto;

} 

/**home:news:start**/ 


.newsWrap{

margin-bottom: 4%;

background: url(../img/news_bg.jpg) no-repeat center;
}
  
  .news{
  
margin-bottom: 2%;
  }
  
  .newsTitle{
  
margin: 3% auto;
  
margin-bottom: 3%;
  }
  
  
  .newsTitle h3{
  
  text-align: center;
  
  font-size: 38px;
  
  line-height: 50px;
  }


  .newsCont{

display: flex;

flex-direction: row;

align-items: baseline;

justify-content: space-between;

}

  .newsLeft{

width: 66%;

background: #fff;

}

  .newsItem{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

padding: 3%;

width: 100%;
}

  .newsItemLeft{

width: 40%;
}

  .newsItemLeft img{

width: 100%;

height: auto;

}

  .newsItemRight{

width: auto;

padding: 2%;

padding-top: 0%;

width: 58%;
}

  .newsItemRight h3{

line-height: 32px;

font-size: 22px;

}

  .newsItemRight span{

line-height: 36px;

margin-top: 1%;

display: block;

margin-bottom: 2%;

}


  .newsItemRight p{

line-height: 32px;

}

  .newsItemRight em{

display: block;

width: 100px;

/* height: 36px; */

text-align: center;

font-weight: 600;

border: 2px solid #333;

/* vertical-align: middle; */

line-height: 36px;

margin-top: 3%;

}
 
  .newsRight{

width: 32%;

/* background: #fff; */

}

  .newsRight ul{

display: flex;

flex-direction: column;

}

  .newsRight ul li{

background: #fff;

margin-bottom: 6%;

margin-top: 0%;
}

  .newsRight ul li a{

display: flex;

flex-direction: row;

justify-content: space-between;

padding: 6%;
}

   .newsRightCont{

   }

   .newsRightCont p{

line-height: 32px;

font-size: 20px;

}

   .newsRightCont span{

line-height: 42px;

color: #666;

}

   .newsMore{

border-left: 1px solid #fadfc1;

padding-left: 8%;

display: flex;

align-items: center;

}

   .newsMore span{

display: block;

width: 100px;

/* height: 36px; */

text-align: center;

font-weight: 600;

border: 2px solid #333;

/* vertical-align: middle; */

line-height: 36px;

}


/*新news*/
.newsWrap{padding-bottom: 3%;}
.newsList{margin-bottom: 3%;padding-bottom: 1%;}
.newsList ul {display: flex;width:102% ;}
.newsList ul li{border:solid 1px #ffa846;padding: 2%;margin-right: 2%;width:23%;box-sizing: border-box;}
.newsList ul li span{}
.newsList ul li h3{font-size:20px;font-weight: bold;line-height: 36px;margin: 10% 0 2%;color: #333;}
.newsList ul li p{font-size:15px;line-height:26px;margin-bottom: 10%;}
.newsList ul li b{font-weight: normal;font-size: 14px;color: #ffa846;}
.newsList ul li:hover b{color:#ffa846;}

.news-more{margin:0 auto;width: 200px; height: 40px;   text-align: center;border:solid 1px #ccc;cursor: pointer;}
.news-more a{ height: 40px;line-height: 40px;font-size: 16px;color: #333;}
.news-more:hover{background:#ffa846;color: #fff; }



/**home:pro:start**/ 

/**home:pro:start**/ 

/**home:pro:start**/  

/**home:pro:start**/ 

/**home:pro:start**/ 

/**home:footer:start**/

.footerWrap{

background: #f1f1f1;
}

.footer{

display: flex;

flex-direction: row;

/* align-items: baseline; */

justify-content: flex-start;

padding: 2% 0%;

padding-bottom: 5%;
}

.footerWrap .footer{padding:2vh 0;}


.footerLeft{

width: 10%;

display: flex;

align-items: baseline;

padding-top: 0%;
}

.footerLeft img{

margin-top: 0%;

display: block;
}

.footerCenter{

width: 66%;

margin-left: 8%;

margin-right: 2%;
}

.footerCenter ul{

display: flex;

flex-direction: row;

align-items: flex-start;

justify-content: space-between;

width: 100%;
}

.footerCenter ul li{

display: flex;

align-items: center;

flex-direction: column;

width: 20%;
}

.footerCenter ul li h3{

width: 100%;

color: #333;

text-align: center;

line-height: 40px;

font-size: 18px;

display: flex;

align-items: center;
}

.footerCenter ul li h3 span{

/* color: red; */

width: 16px;

height: 2px;

background: #006cb6;

display: block;

margin-right: 4%;
}

.footerCenter ul li a{
  
color: #939393;
  
font-size: 15px;
  
line-height: 30px;
  
width: 100%;
  
text-align: left;
  
padding-left: 12%;
}


.footerRight{

border-left: 1px solid #dcdcdc;

padding-left: 3%;

padding-right: 0%;
}

.footerRight h3{
  
color: #333;
  
font-size: 18px;
  
line-height: 40px;
  
display: flex;
  
align-items: center;
  
justify-content: flex-start;
}


.footerRight h3 span{
  
width: 16px;
  
height: 2px;
  
background: #006cb6;
  
display: block;
  
margin-right: 4%;
}

.footerRight p{
  
color: #8a8a8a;
  
padding-left: 8%;
  
line-height: 30px;
}



.copyRightWrap{

}

.copyRight{

display: flex;

padding: 2% 0%;

align-items: center;

justify-content: space-between;
}

.copyRight p{

}

.copyRight p:nth-child(1){

}

.copyRight p:nth-child(2){

}


.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% - 90px);}
.sjj_nav>ul>li:first-child .language{float:right;width: 70px;overflow:hidden;line-height:30px;margin-top:5px;display: flex;justify-content: space-between;margin-right: 4%;}
.sjj_nav>ul>li:first-child .language a{width: 30px;float:left;/* border-left:1px #ddd solid; */text-align:center;color: #fff;background: #006cb6;height: 30px;border-radius: 15px;}
.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: #006cb6;}
.sjj_nav ul li .sjj_nav_i_se svg{fill: #006cb6;}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sjj_nav>ul>li:first-child .language a:nth-child(2){
  background:#aeaeae;
}
.sp_text{

width: 62%;

float: left;

margin-left: 5%;

padding-top: 4px;
}

.sp_text p{

font-size: 16px;

line-height: 24px;

color: #666;
}




#banner .swiper-button-prev, #banner  .swiper-container-rtl .swiper-button-next {
  left: 4%;
  right: auto;
  /*background: #006cb6;*/
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 60px;
  opacity:1;
  top: 48%;
  color:#fff;
  opacity: 0.8;
  display: none;
}

#banner  .swiper-button-next,#banner  .swiper-container-rtl .swiper-button-prev {
  right: 4%;
  left: auto;
  /*background: #006cb6;*/
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 60px;
  opacity:1;
  top: 48%;
  color:#fff;
  opacity: 0.8;
  display: none;
  
}

#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:#fff;
  opacity: 0.45;
  
  
  
}

 

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 18px;
}
#banner .swiper-pagination-bullet-active{ opacity: 1;}





#caseCont .swiper-button-prev, #caseCont  .swiper-container-rtl .swiper-button-next {
  left: 1%;
  right: auto;
  background-color:rgba(0,0,0,0.2); 
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 49%;
  color:#fff;
}

#caseCont  .swiper-button-next,#caseCont  .swiper-container-rtl .swiper-button-prev {
  right: 1%;
  left: auto;
  background-color:rgba(0,0,0,0.2); 
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 49%;
  color:#fff;
}

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


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


.newsRight ul li:hover .newsMore span{
  background: #006cb6;
  color:#fff;
  border-color:#006cb6;
}
 

.newsItem:hover .newsItemRight em{
  background: #006cb6;
  color:#fff;
  border-color:#006cb6;
}





#news .swiper-button-prev, #news  .swiper-container-rtl .swiper-button-next {
  right: 9%;
  left: auto;
/*  background: #ffa846;*/
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 86%;
  color:#333;
  border: 2px solid #333;
}

#news  .swiper-button-next,#news  .swiper-container-rtl .swiper-button-prev {
  right: 4%;
  left: auto;
  /*background: #ffa846;*/
  border-radius: 24px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  opacity:1;
  top: 86%;
  color:#333;
  border: 2px solid #333;
}

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


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

.footerCenter ul li a:hover{
  color:#006cb6;
}


.inBanner{

position: relative;
overflow: hidden;
}

.inBanner img{

width: 100%;

height: auto;
}

.inBannerText{

position: absolute;

top: 32%;

left: 4%;
}

.inBannerText h3{

color: #fff;

font-size: 32px;

line-height: 40px;
}

.inBannerText p{

line-height: 64px;

color: #fff;

font-size: 14px;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;

width: 378px;
}

.inBannerText p span{

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

background-size: cover;

width: 15px;

height: 15px;

display: block;

margin-right: 0%;

padding-right: 0%;

margin-right: 5%;
}

.inBannerText p a{
color: #ffff;
display: block;
font-size: 16px;
}

.inAboutWrap{

margin: 2% auto;
}

.inAbout{

display: flex;

flex-direction: row;

align-items: baseline;

justify-content: space-between;
}


.inSideLeft{

width: 18%;

/* border: 1px solid #ccc; */

min-height: 38em;
}

.inSideLeft h3{

border-left: 5px solid #006cb6;

font-size: 24px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 6%;

font-weight: 600;
}

.inSideLeft ul{

border: 1px solid #f8f8f8;
}

.inSideLeft ul li{

border-bottom: 1px solid #f0f0f0;
}

.inSideLeft ul li a{

display: block;

line-height: 54px;

padding: 0% 6%;

overflow: hidden;

font-size: 16px;
}


.inSideLeft ul li a span{
  float:right;
}

.inSideLeft ul li.on{
  background: #006cb6;
}


.inSideLeft ul li.on a{
  color:#fff;
}

.inSideLeft ul li:hover{
  background: #006cb6;
}


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


.inSideRight{

width: 78%;
}

.inSideTitle{

border-left: 5px solid #006cb6;

font-size: 24px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 3%;

font-weight: 600;
}

.inSideCont{

margin: 2% auto;
}

.inSideCont p{

line-height: 32px;

font-size: 16px;

color: #5a5a5a;
}

.inSideCont img{

max-width: 100%;

height: auto;
}


.inSideHonor{

}

.inSideHonor ul{

overflow: hidden;

margin: 2% auto;
}

.inSideHonor ul li{

width: 31.33%;

float: left;

margin-bottom: 2%;

margin-left: 1%;

margin-right: 1%;

border:1px solid #fff;
}

.inSideHonor ul li a{

}

.inSideHonor ul li a img{

width: 100%;

height: auto;
}

.inSideHonor ul li a p{

line-height: 56px;

background: #e8e8e8;

padding: 1% 4%;

font-size: 16px;

height: 56px;

overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.inSideHonor ul li:hover{
border:1px solid #006cb6;

}

.inSideHonor ul li:hover img{
  -webkit-transition: -webkit-transform 1s,height 1s,width 1s;
  -webkit-transform: rotateY(-360deg);
  }

   



.inSideHonor ul li:hover p{
color:#fff;
background:#006cb6;
}


.inSideContact{

}

.contactTitle{
  
margin: 2% auto;
  
font-size: 18px;
  
font-weight: 600;
}

.contactCont{

background: #f7f7f7;

padding: 2% 4%;
}

.contactCont p{

font-size: 15px;

line-height: 30px;
}

.contactItem{

margin: 4% auto;
}

.contactItemTitle{

}


.contactItemTitle p{
  font-size: 16px;
  line-height: 30px;
}


.contactItemMap{

margin-top: 2%;
}

.allmap{
  width: 100%;
  height: 300px;
}


.inSideNewsList{

}

.inSideNewsList ul {

overflow: hidden;

margin-bottom: 6%;
}

.inSideNewsList ul li{
  
border: 1px solid #ededed;
  
margin: 2% auto;
}

.inSideNewsList ul li a{
  
display: flex;
  
flex-direction: row;
  
justify-content: space-between;
  
align-items: flex-start;
  
padding: 2%;
}

.inNewsLeft{

width: 35%;
overflow: hidden;
}

.inNewsLeft img{

width: 100%;

height: auto;
transition: all 0.5s;
}


.inSideNewsList ul li:hover .inNewsLeft img{
  transform: scale(1.2);
}



.inNewsRight{

width: 62%;

padding-left: 0%;

padding-top: 0%;
}

.inNewsRight h3{

font-size: 18px;

line-height: 48px;

/* margin-top: 3%; */

/* padding-top: 4%; */
}

.inNewsRight p{

font-size: 14px;

line-height: 24px;
}

.inNewsRight span{display: block;margin-top: 10%;}



.inSideNewsShow{

padding: 2%;
}

.inNewsShowTitle{

border-bottom: 1px solid #f0f0f0;

padding-bottom: 4%;
}

.inNewsShowTitle h2{
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 60px;
margin-bottom: 2%;
font-weight: bold;
}


.inNewsShowTitle p{
display: flex;
align-items: center;
justify-content: center;
}

.inNewsShowTitle p span{
margin: 0% 4%;
color: #999;
}

.inNewsShowCont{
padding: 2%;
margin: 2% auto;
}

.inNewsShowCont p{
  line-height: 32px;
  font-size: 16px;
  text-indent: 24px;
}
.inNewsShowCont img{
  max-width: 100%;
  height: auto;
  margin: 0px auto;
  text-align: center;
  display: block;
}

.inNewsShowCont table{
 border-collapse:collapse;
}

.inNewsShowCont table tr{
   
 }

.inNewsShowCont table tr td
{border: 1px solid #999!important;font-family: "微软雅黑"!important;}



.inSideCont table{
  border-collapse:collapse;
 }
 
 .inSideCont table tr{
    
  }
 
 .inSideCont table tr td
 {border: 1px solid #999!important;font-family: "微软雅黑"!important;padding: 4px 8px;}
 

 

.inCasesShowTitle{
  padding-bottom: 0%;
}

.inSideLeftCases{

width: 18%;
}

.inSideLeftCases h3{

border-left: 5px solid #006cb6;

font-size: 24px;

line-height: 60px;

background: #f8f8f8;

text-align: left;

padding-left: 6%;

font-weight: 600;
}

.inSideLeftCases ul{

border: 1px solid #f0f0f0;
}


.inSideLeftCases ul li{

border-bottom: 1px solid #f0f0f0;

padding: 2% 0%;
}

.inSideLeftCases ul li p{

font-size: 16px;

line-height: 40px;

color: #006cb6;

padding-left: 15%;

display: flex;

align-items: center;

font-weight: 600;
}
.inSideLeftCases ul li p span{

color: #006cb6;

width: 13px;

display: flex;

font-size: 30px;

margin-right: 2%;

/* line-height: 34px; */

justify-content: center;

align-items: baseline;
}

.inCasesNav{

}

.inCasesNav a{
  
display: block;
  
padding-left: 30%;
  
line-height: 34px;
  
font-size: 16px;
}

.inCasesNav a:hover{
  
  color: #006cb6;
  }
  

.inSidejobsList{

}

.inSidejobsList ul{

}

.inSidejobsList ul li{

margin: 2% auto;
}

.inJobsTitle{

background: #eeeeee;

padding: 1% 2%;

display: flex;

align-items: center;

justify-content: space-between;
}

.inJobsTitle h3{

font-size: 16px;

line-height: 36px;

font-weight: 600;
}

.inJobsTitle span{

background: #006cb6;

width: 36px;

height: 36px;

border-radius: 18px;

}

.inJobsTitle span em{

color: #fff;

display: flex;

align-items: center;

display: flex;

justify-content: center;

line-height: 36px;

vertical-align: middle;

font-size: 24px;
}

.inJobsCont{

padding: 2%;

border: 1px solid #eeeeee;
}

.inJobsCont p{

font-size: 14px;

line-height: 32px;
}

.jnJobsMore{

}

.inJobsMore a{
  
display: block;
  
background: #eeeeee;
  
margin: 3% auto;
  
width: 160px;
  
line-height: 40px;
  
text-align: center;
  
border: 1px solid #eeeeee;
  
font-size: 18px;
}



.inSidejobsList ul li.on .jia{

  display: none;

 }


.inSidejobsList ul li.on .jian{

  display: block;

 }


.inSidejobsList ul li .jian{

   display: none;

  }


  .inJobsCont{
    display: none;
  }


  .inSidejobsList ul li.on .inJobsCont{

    display: block;
  
   }

  .inJobsMore a:hover{
    background-color: #006cb6;
    color:#fff;
  }


  .inSideSoftList{

margin: 3% auto;

}

  .inSoftTitle{

background: #006cb6;

display: flex;

flex-direction: row;

align-items: center;

padding: 0% 6%;

justify-content: space-between;

}

  .inSoftTitle span{

font-size: 18px;

color: #fff;

font-weight: 600;

line-height: 53px;

}


  .inSideSoftList ul{

  }

  .inSideSoftList ul li{

margin: 2% auto;

border-bottom: 1px solid #f0f0f0;

padding-bottom: 2%;

}

  .inSideSoftList ul li a{
    
display: flex;
    
flex-direction: row;
    
align-items: center;
    
justify-content: space-between;
    
padding: 0% 5%;
  }
  .inSideSoftList ul li a span{

font-size: 16px;

}

  .inSideSoftList ul li a span img{

  }


  .inSideSoftList ul li a:hover span{
      color:#006cb6;
  }

.inSideLeftSoft{
  width: 25%;  
  min-height: 38em;

}
.inSideLeftSoft h3{

  border-left: 5px solid #006cb6;
  font-size: 20px;
  line-height: 60px;
  background: #f8f8f8;
  text-align: left;
  padding-left: 6%;
  font-weight: 600;
}

.inSideLeftSoft ul{

margin: 0% auto;

border: 1px solid #f8f8f8;
}

.inSideLeftSoft li{

border-bottom: 1px solid #f0f0f0;
}

.inSideLeftSoft li.on{

}

.inSideLeftSoft li.on p {

background: #006cb6;

color: #fff;
}

.inSideLeftSoft li.on p span{

}


.inSideLeftSoft li.on .inSoftNav{
  display: block;
}


.inSideLeftSoft li p{

line-height: 55px;

padding: 0% 8%;

font-size: 16px;

overflow: hidden;

font-weight: 600;
}

.inSideLeftSoft li p span{

float: right;

display: block;

font-weight: initial;
}

.inSoftNav{
  display: none;
}

.inSoftNav a{

display: block;

line-height: 55px;

font-size: 16px;

padding-left: 14%;

font-weight: 600;

border-bottom: 1px solid #f0f0f0;
}

.inSoftNav a span{

color: #006cb6;

font-size: 31px;
}


.zhuan{
  -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */
  /* transform:rotate(90deg); */
}


.inSoftNav a:hover{
  color: #006cb6;   
}

.inSideGuestbook{

padding: 4%;
}

.inSideGuestbook h3{

text-align: center;

line-height: 32px;

font-size: 20px;

margin: 2% auto;
}

.inGuestbook{

}

.inGuestbook ul{

}

.inGuestbook ul li{

margin: 2% auto;
}


.inGuestbook ul li .one{

display: flex;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .one span{

width: 100px;

text-align: right;
}


.inGuestbook ul li .one input{

width: 84%;

line-height: 42px;

border: 1px solid #ddd;

margin: 2% auto;

height: 42px;
}

.inGuestbook ul li .one em{

color: #006cb6;

font-size: 30px;
}


.inGuestbook ul li .two{

display: flex;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .two div{

width: 50%;

display: flex;

flex-direction: row;

align-items: center;

justify-content: flex-start;
}


.inGuestbook ul li .two div span{

width: 100px;

text-align: right;

font-size: 14px;
}


.inGuestbook ul li .two div input{

line-height: 42px;

border: 1px solid #ddd;

width: 70%;

margin: 0% 2%;

height: 42px;
}

.inGuestbook ul li .two div em{

color: #006cb6;

font-size: 30px;
}


.inGuestbookBtn{

display: flex;

align-items: center;

justify-content: center;

margin: 6% auto;
}

.inGuestbookBtn a{

display: block;

font-size: 16px;

background: #006cb6;

margin: 0% 2%;

color: #fff;

width: 140px;

height: 40px;

line-height: 40px;

text-align: center;

border-radius: 9px;
}

.guestbook_btn{

}

.guestbook_btn2{

background: #8e8e8e!important;
}

.inGuestbookText{

}

.inGuestbookText p{

}

.inGuestbook ul li .three{

display: flex;

flex-direction: row;

align-items: center;
}

.inGuestbook ul li .three span{

width: 100px;

text-align: right;
}

.inGuestbook ul li .three div{

margin: 0% 2%;

display: flex;

align-items: center;

justify-content: flex-start;

width: 61%;
}

.inGuestbook ul li .three div input{

line-height: 40px;

/* display: block; */

margin-left: 4%;

}

  


.inGuestbook ul li .three em{

color: #006cb6;

font-size: 30px;

line-height: 40px;
}


.inSideTouzi{

}

.inTouziTop{

margin: 2% auto;

margin-top: 2%;
}

.inTouziTop img{

width: 100%;

height: auto;
}

.inTouziTop p{

line-height: 32px;

font-size: 16px;

margin: 2% auto;

margin-top: 6%;
}

.inTouziCenter{

margin: 2% auto;
}

.inTouziCenter h3{

font-size: 20px;

font-weight: 600;

line-height: 52px;
}

.inTouziCenter p{

display: flex;

align-items: center;

justify-content: flex-start;

margin-top: 2%;

font-size: 16px;
}


.inTouziCenter p img{

margin-right: 3%;
}

.inTouziCenter p span{

}

.inTouziBottom{

margin: 4% auto;
}

.inTouziItem{

margin-bottom: 6%;
}

.inTouziItem h2{

border-bottom: 2px solid #006cb6;

display: flex;

align-items: center;

justify-content: flex-start;
}

.inTouziItem h2 span{

border: 2px solid #006cb6;

width: 160px;

height: 50px;

line-height: 50px;

display: block;

/* float: left; */

text-align: center;

font-size: 18px;

border-bottom: none;
}

.inTouziItem ul{

margin: 2% auto;

margin-top: 4%;
}

.inTouziItem ul li{

margin-bottom: 4%;
}


.inTouziItem ul li a{

display: flex;

align-items: center;

justify-content: space-between;
}

.inTouziLeft{

width: 14%;

background: #f4f4f4;

padding: 1%;
}

.inTouziLeft span{

display: block;

text-align: center;

line-height: 36px;

font-size: 16px;
}

.inTouziLeft span:nth-child(1){

border-bottom: 1px solid #ccc;
}

.inTouziLeft span:nth-child(2){

}


.inTouziRight{

width: 83%;
}

.inTouziRight h3{

font-size: 18px;

line-height: 42px;

font-weight: 600;

}
  


.inTouziRight p{

font-size: 14px;

line-height: 26px;
}


.inTouziItem ul li:hover .inTouziLeft{
  background-color: #006cb6;
  color:#fff;
}


.inTouziItem ul li:hover .inTouziRight{
     color:#006cb6;
}

 
.inSideHistory{
  margin: 4% auto;
}

 #banner { 
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;  
	object-fit: cover;	
}


#banner img{
  max-width: 100%;
  height: auto;
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    object-fit: cover;
}

.inSideNewsList ul li:hover {
  border:1px solid #006cb6;
}


#banner .swiper-button-next:after, #banner .swiper-button-prev:after{
  display: none;
}

#caseCont .swiper-button-next:after, #caseCont .swiper-button-prev:after{
  display: none;
}

#news .swiper-button-next:after, #news .swiper-button-prev:after{
  display: none;
}


.inSideSearch{

padding: 4%;
}

.inSideSearch ul{

}
.inSideSearch ul li{

border-bottom: 1px dotted #f0f0f0;

margin-bottom: 2%;
}

.inSideSearch ul li a{

display: block;
}

.inSideSearch ul li a p{
  
line-height: 32px;
  
font-size: 16px;
}




.searchWapWrap{

margin-top: 8%;
}

#form_wap{

display: flex;

align-items: center;

justify-content: space-evenly;
}

#form_wap input{

border: 1px solid #dbdbdb;

border-radius: 32px;

line-height: 24px;

/* height: 32px; */

padding: 2% 5%;

width: 79%;
}

#form_wap img{

width: 26px;

height: auto;
}

.isWapShow{
  display: none;
}

.isPcShow{
  display: block;
}

.imgWap{

}

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

.tableDiy {
  width: 100%;
  width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0 0 1em;
}


.inSideCont table tr:nth-child(1) {
  background: #f79646;
  color:#fff;
  line-height: 45px;
}


.inSideCont table tr:nth-child(3n) {
  background: #ffead9;
}


.inSideCont table {
  border-collapse: collapse;
  width: 100%!important;
}

 .isWapShow{
		   display:none;
 }




/**pc:style**/