.home{
    background: url(../images/default.jpg) center top no-repeat;
    background-size: 100% auto;
}
.default{
    
    background-image: url(../images/default.jpg);
    background-size: cover;
    height: 100%;
    position:fixed;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.logo img{
    display: block;
    width: 200px;

}
header{
    width: 96%;
    height: 80px;
    margin: 0 auto;
    display:flex;
    align-items: center;
    justify-content: space-between;
  
  
}

header .top{
    display: flex;
    align-items: center;
    width: 80%;
    justify-content: flex-end;
 

}
.menu {
    margin-right: 15px;
    width: 700px;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;

}
.menu ul .item{
    position: relative;
    width: auto;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    z-index: 90;
    padding: 0 15px;
 
}
.menu  .item span{

    justify-content:space-between;
    align-items: center;
    display: flex;
    position: relative;
    padding: 8px 5px 8px 10px

}
.menu  .item span a{
 color: #000000;
 font-size: 18px;
 font-weight: bold;
} 

.menu  .item span i{
    width: 0;height: 0;border-width:5px;
    border-style: solid dashed dashed;
    border-color: #000000 transparent transparent;
    margin-top: 5px;
    -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
   
}
.menu  .item span em{
    position: absolute;
    display: none;
    transition:all .5s
}
.menu  .item span em.m1{
    width: 10px;
    height: 10px;
    border-left: 1px solid #0193dc;
    border-top: 1px solid #0193dc;
    top: 0px;
    left: 0;
}
.menu  .item span em.m2{
    width: 10px;
    height: 10px;
    border-right: 1px solid #0193dc;
    border-top: 1px solid #0193dc;
    top: 0px;
    right: 0;
}


.menu  .item span em.m4{
    width: 10px;
    height: 10px;
    border-left: 1px solid #0193dc;
    border-bottom: 1px solid #0193dc;
    bottom: 0px;
    left: 0;
}
.menu  .item span em.m3{
    width: 10px;
    height: 10px;
    border-right: 1px solid #0193dc;
    border-bottom: 1px solid #0193dc;
    bottom: 0px;
    right: 0;
}




.menu ul .secNav{
    visibility:hidden;
   
    transition:all 50ms ease-out 0ms;
    transform:translate(0%, 10px);
    position: absolute;
    width: 200px;

    top: 101%;
}


.secNav .secItem{
text-align: center;
background: #ffffff;
margin-bottom: 1px;
position: relative;
}

.menu ul .secItem .streeNav{
    display: none;
    transition:all 250ms ease-out 0ms;
    position: absolute;
    width: 110%;
    top: 0%;
    left: 101%;
    background: #ffffff;

}






.secNav .secItem:nth-child(1){
   border-radius: 4px 4px 0 0;
  
    
}
.secNav .secItem:nth-last-child(1){
    border-radius: 0px 0px 4px 4px;
 
 }
 


.menu ul .secNav li{
    font-size: 14px;
  
}
.menu ul  li a{
    color: #000000;
}
.menu ul .secNav.active{
 
    visibility:visible;
    transform:translate(0%, 0px);
}


.menu ul .secNav a{
    color: #333333;

}

.menu ul .secNav li:hover .item2{
 background: #ececec;
 position: relative;

  
}
.menu ul .secNav li:hover .streeNav{
    display: block;
}

.menu ul .secNav .item3:hover{
    background: #ececec;
}



.menu .item:hover  span a{
   
 
}

.menu .item  span  i{
 margin-left: 5px;
 display: block;

}

.menu .item  span  img{
 display: block;

}

.menu .item:hover  span  a{
    color: #336db2;


}

.menu .item:hover  span em{
display: block;

}


.menu  .item.active  span i{
    -webkit-transform: rotate(180deg);
    margin-top: 0px;   border-color: #336db2 transparent transparent;
  
}
  
  


.item2{
    text-align: left;
    padding: 7px 0;
    text-indent: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
   

}
.item2 i{
 margin-right: 5px;
 width: 0;height: 0;border-width:5px;
 border-style: solid dashed dashed;
 border-color: #000000 transparent transparent;
 margin-top: 5px;

-webkit-transform: rotate(270deg);

}

.item3{
    text-align: left;
    padding: 7px 0;
    text-indent: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
   

}
.item3 i{
 margin-right: 5px;
 width: 0;height: 0;border-width:5px;
 border-style: solid dashed dashed;
 border-color: #000000 transparent transparent;
 margin-top: 5px;
 -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;
-webkit-transform: rotate(270deg);

}



.tel{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.tel span{

    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.tel span i{
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
   
}
.shiyong  a{
    background: rgb(255, 168, 0);
    color: #503a00;
    box-shadow:0px 0px 10px 0px #cccccc;
    padding: 10px 30px;
    border-radius: 25px  25px;
    text-shadow:5px 2px 6px #ffd584;  font-weight: bold;
}
.shiyong  a:hover{
    background:  rgb(255, 168, 0,0.5);
}


.lang{
 position: relative;
 margin-right: 33px;
}
.lang p:nth-child(2){
 display: none;
}
.lang i{
font-size: 22px;
margin-right: 5px;

}



.banner{
    position: relative;
  }
.banner .swiper {
    width: 100%;
    height: 100%;

}
  
  .banner .swiper-slide {

   width: 100%;
   height: 100%;
   overflow: hidden;

  }


  
  .banner .swiper-slide img{

   display: block;

  }


.banner .aniss{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  
}
.slide-bg1  img{
    width: 100%;
    display: block;
}

.banner .aniss h1{
    font-size: 47px;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 55px;
    position: relative;
}


.banner .aniss p{
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
    margin-top: 15px;
}
.banner .swiper-pagination-bullet{ width:32px; height:12px; border-radius:12px; transition:all linear .2s; background:#fff;}
.banner .swiper-pagination-bullet-active{
 width: 32px;
 height: 12px;

 background: #e98e19;
}

.banner .swiper-button-next{
  

    background:url("../images/right1.png") center center no-repeat;
    width: 48px;
    height: 48px;
    text-align: center;
    z-index: 999;
       right: 5%;

  }
  .banner .swiper-button-prev{


 left: 5%;
    background:url("../images/left1.png") center center no-repeat;
    width: 48px;
    height: 48px;

    text-align: center;

    z-index: 999;
  }







.bannerOhter{
    position: relative;
    z-index: 2;
}
.bannerOhter img{
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.bannerOhter .tit{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #ffa800;
    font-weight: bold;
    z-index: 2;
}
.titMax{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.titMax p{
    font-size: 33px;
    color: #ffa800;
    border-bottom: 1px solid #e4e4e4;
    padding: 0  15px 15px 15px ;
    position: relative;
    font-weight: bold;
}
.titMax p span{
    color: #000000;
}
.titMax p::after{
    position: absolute;
    background: #ffa800;
    height: 3px;
    width: 55px;
    bottom: -2px;
    left: 50%;
    margin-left: -27px;
    content: '';
    
}
.titMax.ico{
    align-items:center;

}
.titMax.ico img{
    margin-bottom: 10px;
}


.titMax2{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.titMax2 p:nth-child(1){
    font-size: 33px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
}
.titMax2 p:nth-child(2){
    font-size: 16px;
    text-align: center;
 
}


.titMax3{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.titMax3 p:nth-child(1){
    font-size: 33px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
    color: #ffffff;
}
.titMax3 p:nth-child(2){
    font-size: 16px;
    text-align: center;
    color: #ffffff
}

.titMax3 p:nth-child(1) span{

    color: #ffa800;
}


.logowz {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.logowz img{
    display: block;
    max-width: 100%;
}
.logowz p{
    font-size: 20px;
    line-height: 2;
    color: #ffa800;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    
}
.aboutDesc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}
.video{
    position: relative;
    width: 41%;
}
.video img{
    display: block;
    width: 100%;
}
.aboutDesc .desc{
    width: 56%;
    font-size: 17px;
    line-height: 2;
}
#dplayer1{
    height: 332px;
}
.video p{
    position:absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.eventBg{
    background: url(../images/bgsj.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 165px 0 65px 0;
    margin-top: 55px;
}
.eventBg.home{
    background: url(../images/bgsj.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 15px 0 65px 0;
    margin-top: 55px;
}




.eventList {
    position: relative; 
     z-index: 3; 
     width: 1300px;
     margin: 0px auto;  
} 
#sw00 {
      
        width: 90%;
        margin: 0  auto;

    
    } 
    #sw00 .swiper-wrapper {
        height: 100%;
        display: flex;
        flex-wrap:nowrap;
        width: 100%;
    
    } 
    
 #sw00  .swiper-wrapper .swiper-slide{
    width: 16.33%;
    position: relative;
    height: 350px;

    display: flex;
    justify-content: center;
} 
#sw00  .swiper-wrapper .swiper-slide::before{

    content: '';
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    background: url(../images/dot.png) no-repeat;
    background-size: 100% 100%;
   
} 





#sw00  .swiper-wrapper .swiper-slide::after{
    content: '';
    height: 2px;
    background: #ffa800;
    width: 100%;
    top: 50%;
    position: absolute;
    z-index: 1;
}

#sw00  .swiper-wrapper .swiper-slide .box{
    position: absolute;
    z-index: 2;
    top: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;

}
#sw00  .swiper-wrapper .swiper-slide .box .desc{
    height: 48%;
    text-align: center;
    width: 100%;

  
}
#sw00  .swiper-wrapper .swiper-slide .box .desc  p{
    font-size: 33px;
    font-weight: bold;
    color: #ffa800;
    text-align: center;
    display: block;
    
}
#sw00  .swiper-wrapper .swiper-slide .box .desc  span{
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    display: block;
}


#sw00  .swiper-wrapper .swiper-slide .img{
    border-radius:100% 100%;
    overflow: hidden;
    height: 125px;width: 125px;

}


#sw00 .swiper-wrapper .swiper-slide span{
    display: block;
}
#sw00  .swiper-wrapper .swiper-slide.two .box .desc{
    display: flex;
    align-items: flex-end;

}
#sw00  .swiper-wrapper .swiper-slide.two .box .desc div{
    width: 100%;
}
    

.eventList .swiper-button-next{
  

    background:url("../images/rights1.png") center center no-repeat;
    width: 17px;
    height: 37px;
    text-align: center;
    z-index: 999;
        background-size: contain;

  }
  .eventList .swiper-button-prev{



    background:url("../images/lefts1.png") center center no-repeat;
    width: 17px;
    height: 37px;

    text-align: center;
    background-size: contain;
    z-index: 999;
  }

  
  #sw00   .swiper-slide.swiper-slide-active .img{
   border: 4px solid #ffa800;
    
}
.events{
    position: absolute;
    width: 100%;
 
    top: -350px;
    min-height: 200px;
    display: flex;
    justify-content: center;
}
#sw11{
    width: 50%;
    margin: 0 auto;
}
.events .box2{
    background: #000000;
    border: 3px solid #ffffff;
    border-radius: 15px;
    padding: 35px;
   text-align: justify;
 
}
.events .box2 .title{
    font-size: 25px;
    color: #ffffff;
    line-height: 2;
}
.events .box2 .desc{
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
    text-indent: 22px;
    margin-top: 20px;
    height: 137px;
    overflow: hidden;
    
  
}


.rongyu {
    position: relative; 
     z-index: 3; 
     width: 1300px;
     margin: 0px auto;  
     margin-top: 35px;
} 
.rongyu .swiper {
      
        width: 90%;
        margin: 0  auto;
    
} 
.rongyu .swiper-wrapper {
        width: 100%;
        height: 300px;
        display: flex;
    
} 
    
 .rongyu   .swiper-wrapper .swiper-slide{
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    background: #f2f2f2;
    height: 100%;
} 
.rongyu   .swiper-wrapper .swiper-slide .box{
    width: 100%;
    text-align: center;
    padding: 0px 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}


.rongyu   .swiper-wrapper .swiper-slide .img{
    display: flex;
    width: 100%;
    height: 90%;
    align-items: center;
    justify-content: center;
    
}


.rongyu   .swiper-wrapper .swiper-slide .img img{
      max-width: 100%;
    max-height: 100%;

}
.rongyu   .swiper-wrapper .swiper-slide p{
    padding-bottom: 10px;
}
.rongyu .swiper-button-next{
  

    background:url("../images/right.png") center center no-repeat;
    width: 17px;
    height: 37px;
    text-align: center;
    z-index: 999;
  background-size: contain;

  }
  .rongyu .swiper-button-prev{



    background:url("../images/left.png") center center no-repeat;
    width: 17px;
    height:37px;

    text-align: center;
    background-size: contain;
    z-index: 999;
  }

  .job{
      background: #f2f2f2;
      padding: 25px 0;
      margin-top: 55px;
  }
.jobLeft{
    width: 47%;
    border-right: 1px solid #d3d3d3;
    margin-top: 55px;
}
.jobLeft .title{
    width: 90%;
    font-size: 22px;
    position: relative;
    padding-bottom: 10px;
}
.jobLeft .title::after{
    content: '';
position: absolute;
bottom: 0;
width: 22px;
background: #ffa800;
height: 2px;
left: 0;
}

.jobLeft .desc{
    width: 90%;
    font-size: 14px;
    line-height: 2;
    margin-top: 10px;
    text-align: justify;
}

.jobRight{
    width: 47%;
    margin-top: 55px;
    font-size: 15px;
}

.jobRight .row{
    display: flex;
    border-bottom: 1px solid #d3d3d3;
}
.jobRight .row .col:nth-child(1){
    width: 35%;
}
.jobRight .row .col:nth-child(2){
    width: 30%;
}
.jobRight .row .col:nth-child(3){
    width: 20%;
}
.jobRight .row .col:nth-child(4){
    width: 15%
}
.jobRight .row .col{
    line-height: 3;
}
.jobRight .row.on{
    font-weight: bold;
}


footer{
    background: #000000;
    padding: 33px 0;
    margin-top: 35px;
    position: relative;
}
footer::after{
    /*content: '';*/
    position:absolute;
    width: 0;height: 0;border-width:15px;
    border-style: solid dashed dashed;
    border-color: #000000 transparent transparent;
    -webkit-transform: rotate(180deg);
   
    left: 50%;
    top: -30px;
    margin-left: -15px;

}


.code{
    width: 30%;
    border-right: 1px solid #424242;
    display: flex;
    justify-content: center;
}
.code p{
    text-align: center;
    color: #ffffff;
}


footer .footTel .tel2{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.tel2 span{
    background: #ffa800;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    font-size: 22px;
    color: #000000;
}
.tel2 em{
    color: #ffa800;
    font-size: 35px;
        font-weight: bold;
   
}
.tel em{
  color: #000000;
    font-size: 25px;
        font-weight: bold;
     font-style: italic;
   
}






.tel2 span i{
    color: #000000;
    font-size: 35px;
   
}
.shiyong2{
    margin-top: 30px;
}
.shiyong2  a{
    background: rgb(255, 168, 0);
    color: #503a00;
    padding: 10px 30px;
    border-radius: 25px  25px;
    text-shadow:5px 2px 6px #ffd584;
    font-weight: bold;
}
.shiyong2  a:hover{
    background:  rgb(255, 168, 0,0.5);
}
.footTel{
    border-right: 1px solid #424242;
    width: 30%;
    display: flex;
    justify-content: center;
}

footer .address{
    font-size: 14px;
    color: #ffffff;
    line-height: 2;
}

.location{
    border-bottom: 1px solid #ebebeb;
    line-height: 4;
       font-weight: bold;
    font-size: 15px;

}
.location .container{
    display: flex;
    align-items: center;
}
.location .container p{
    margin-left: 10px;
}
.location .container span{
    color: #267cbf;
 
}


.projectList li{
    float: left;
    box-shadow:0px 0px 10px 0px #cccccc;
    width: 31%;
    padding-bottom: 25px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 3%;
    margin-top: 25px;
    position: relative;

}
.projectList li  .img{
    height: 240px;
   
   
    overflow: hidden;
}
.projectList li  img{
    width: 100%;
}

.projectList li p{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 3;
}
.projectList li .desc{
    font-size: 14px;
    color: #666666;
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     height: 80px;
     line-height: 2;

}
.projectList li:nth-child(3n){
    margin-right: 0;
}

.projectList li:hover:after{
    content: '';
    height: 2px;background: #fcaa00;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}



.project{
    background-color: #000000;
    position: relative;
}
.project img.bg{
    display: block;
    width: 100%;

}
.project .box{
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    position: absolute;
    justify-content: space-between;

}
.project .left{
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: center;
 
}
.project .left:nth-child(1) .box2{
    margin-left: 55px;
}
.project .left:nth-child(3) .box2{
    margin-right:  55px;
}


.project .left .box2{
    width: 85%;
}
.project .left .box2 .title {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 155px;
}
.project .left .box2 .title span{
    font-size: 22px;
    color: #ffffff;
    position: relative;
    padding-bottom: 15px;
    display: block;
  
}
.project .left .box2 .title span::after{
  content: '';
  background:#ffffff ;
  height: 2px;
  bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
}
.project .left .box2 .title:hover span::after{
    background:#fcaa00 ;
}



.project .left .box2 .desc{
    margin-top: 15px;
    font-size: 14px;
    line-height: 2;
    color: #ffffff;
}
.project .left .box2  ul li{
    float: left;
    display: flex;
    align-items: center;
    margin-right: 3%;
    width:auto;
    margin-top: 15px;
    width: 46%;
}
.project .left .box2  ul li i{
    font-size: 12px;
    margin-right: 5px;
    color: #ffffff;
}
.project .left .box2  ul li a{
    border-bottom: 1px  solid rgb(255, 255, 255,0.5);
    display: block;
    font-size: 15px;
    line-height: 3;
    color: #ffffff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.project .left .box2  ul li:hover i{
    color: #ffa800;
}
.project .left .box2  ul li:hover a{
    color: #ffa800;
        border-bottom: 1px  solid #ffa800;

}

.project .left .box2  ul li:nth-child(2n){
    margin-right: 0;
}
.project .mid .title{
    text-align: center;
    min-height: 200px;
}
.project .mid .title p:nth-child(1){
    font-size: 32px;
    color: #ffffff;
    margin-top: 25px;
    line-height: 2;
    font-weight: bold;

}
.project .mid .title p:nth-child(2){
    font-size: 12px;
    color: #ffffff;
 
}



.project .mid2{
    width: 80%;
    margin: 20px auto;
}
.project .mid{
    width: 30%;
    background-image: linear-gradient(to bottom right, #009ae1,#0055aa); 
    display: flex;
    justify-content: center;
    align-items:flex-start;
}
.project .mid .box2{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    position: relative;

}
.project .mid .box2::after{
    background: #2489cc;
    position: absolute;
    height: 100%;
    width: 1px;
    content: '';
    left: 50%;
}

.project .mid .box2 .list .img{
    height: 130px;
   display: flex;
   justify-content: center;
   align-items: flex-start;
}
.project .mid .box2 .list .img img{
    width: 79%;
}
.project .mid .box2 .list p{
   display: flex;
   align-items: center;
   color: #ffa800;
   font-size: 18px;
   font-weight: bold;
}


.project .mid .box2 .list p b{
    width: 0;height: 0;border-width:7px;
    border-style: solid dashed dashed;
    border-color: #ffa800 transparent transparent;
    transform:rotate(90deg);
    margin-right: 10px;
}

.case{
    background: url(../images/bg2.jpg) center top no-repeat;
    background-size: 100% auto;overflow: hidden;
}
.zhuanti{
    max-width: 1300px;
    margin: 0px auto;
}

.zhuanti .swiper-slide .bigImg::after{
    background: #000000;
    content: '';
    transform:rotate(-5deg);
    position: absolute;
    left: 0;right: 0;
    top: 0;bottom: 0;
    z-index: 1;
}
.zhuanti .swiper-slide .bigImg{
    width:40%;
    position: relative;
    margin-left: 5%;
}
.zhuanti .swiper-slide .bigImg div{
    content: '';
    position: absolute;
    left: 0;right: 0;
    top: 0;bottom: 0;
    z-index: 2;
}


.zhuanti .swiper-slide .bigImg img{
    width: 100%;
}

.zhuanti .swiper{
    width: 100%;
    height: 100%;
}

.zhuanti .swiper .swiper-slide{
    height: 350px;
    display: flex;
    align-items: flex-start;
    margin-top: 95px;
    justify-content: space-between;
}


.zhuanti .swiper .swiper-slide .box{
    width: 51%;
    padding-bottom: 10px;

}

.zhuanti .swiper .swiper-slide .box .title{
    font-size: 30px;
    font-weight: bold;
    color: #ffa800;
}

.zhuanti .swiper .swiper-slide .box .desc{
    font-size: 17px;
    line-height: 2;
    text-indent: 22px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.zhuanti .swiper .swiper-slide .box a.view{
    background: #ffa800;
    font-weight: bold;
    font-size: 16px;
    width: 132px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    background: url(../images/ts.png);
    display:inline-block;
    margin-bottom: 10px;
}
.zhuanti .swiper .swiper-slide .box a.view:hover{
     background: url(../images/ts2s.png);color: #000000;
         width: 136px;
    height: 41px;  line-height: 41px;
    
}



.zhuanti .swiper-button-next{
    background:url("../images/right1.png") center center no-repeat;
    width: 28px;
    height: 28px;
    text-align: center;
    z-index: 999;
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
     background-size: contain;
  }
  .zhuanti .swiper-button-prev{
    background:url("../images/left1.png") center center no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    text-align: center;
    z-index: 999;
    bottom: 0;
    top: auto;
    right: 80px;
    left: auto;
  }






#home {
      
    width: 90%;
    margin: 0  auto;
    margin-top: 55px;

} 
#home .swiper-wrapper {
    height: 100%;
    display: flex;
    flex-wrap:nowrap;
    width: 100%;

} 

#home  .swiper-wrapper .swiper-slide{
width: 16.33%;
position: relative;
height: 330px;

display: flex;
justify-content: center;
} 
#home  .swiper-wrapper .swiper-slide::before{

content: '';
border-radius: 100%;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
position: absolute;
background: url(../images/dot.png) no-repeat;
background-size: 100% 100%;

} 





#home  .swiper-wrapper .swiper-slide::after{
content: '';
height: 2px;
background: #ffa800;
width: 100%;
top: 50%;
position: absolute;
z-index: 1;
}

#home  .swiper-wrapper .swiper-slide .box{
position: absolute;
z-index: 2;
top: 0;
display: flex;
flex-flow: column;
justify-content: space-between;
height: 100%;

}
#home  .swiper-wrapper .swiper-slide .box .desc{
height: 48%;
text-align: center;
width: 100%;

}
#home  .swiper-wrapper .swiper-slide .box .desc  p{
font-size: 33px;
font-weight: bold;
color: #ffa800;
text-align: center;
display: block;
margin: 0 auto;
}
#home  .swiper-wrapper .swiper-slide .box .desc  span{
font-size: 17px;
font-weight: bold;
color: #ffffff;
}


#home  .swiper-wrapper .swiper-slide .img{

overflow: hidden;
height: 107px;width: 103px;text-align: center;
margin: 0 auto;

}

#home  .swiper-wrapper .swiper-slide .img img{

    display: inline-block;

}






#home .swiper-wrapper .swiper-slide span{
display: block;
}
#home  .swiper-wrapper .swiper-slide.two .box .desc{
display: flex;
align-items: flex-end;

}
#home  .swiper-wrapper .swiper-slide.two .box .desc div{
width: 100%;
}
.link {
    
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
 
}
.link li{
    float: left;
    width: 10%;
    margin-right:12.3%;
    
    margin-top: 33px;
    

}
.link li .img{
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align:center;
      margin: 0 auto;
   
}
.link li .img img{
    width: 100%;
    margin: 0 auto;
}
.link li p{
    text-align: center;
    line-height: 2;
    font-size: 14px;

}
.link li:nth-child(5n){
    margin-right: 0;
}

.daohang{
    border-bottom: 1px solid #ebebeb;
    height: 57px;
}


.daohang .swiper {
      
    width: 90%;
    margin: 0  auto;

} 
.daohang .swiper-wrapper {
    width: 100%;
 
    display: flex;
    overflow: hidden;

} 

.daohang   .swiper-wrapper .swiper-slide{
width: auto;
line-height: 55px;
display: flex;
justify-content: center;
height: 60px;

} 
.daohang   .swiper-slide  a{
   display: block;
   height: 55px;
   width: 99%;
   text-align: center;
   position: relative;
   color: #666666;
   font-size: 16px;
   margin-right: 15px;margin-left: 15px;
   padding-right: 1%;

}
.daohang   .swiper-slide  a::after{
    content: '';
    position: absolute;
    background: #999999;
    width: 1px;
    height: 10px;
    right: 0;
    top: 50%;
    margin-top: -5px;
}




.daohang   .swiper-slide.on a{
    border-bottom: 3px solid #2782c4; color: #2782c4;
     
}



.newTit{
    border-bottom: 1px solid #ebebeb;
    line-height: 3;
    font-size: 30px;
    color: #2782c4;
    text-align: center;
    font-weight: bold;
}
.newTit2{

    line-height: 3;
    font-size: 30px;
    color: #2782c4;
    text-align: center;
    font-weight: bold;
}



.tedian{
    background: #f2f2f2;
    padding: 55px 0;
    margin-top: 35px;
}

.newstitle{
     font-size: 30px;
    color: #2782c4;
     border-bottom: 1px solid #ebebeb;
     text-align: center;
     line-height: 1.5;
     margin: 25px 0;
     padding-bottom: 15px;
}

.date{
    text-align: center;
        color: #999999;
    font-size: 14px;
}




#project {
      
    width: 90%;
    margin: 0  auto;
    margin-top: 55px;

} 
#project .swiper-wrapper {
    height: 100%;
    display: flex;
    flex-wrap:nowrap;
    width: 100%;

} 

#project  .swiper-wrapper .swiper-slide{
width: 16.33%;
position: relative;
height: 330px;

display: flex;
justify-content: center;
} 
#project  .swiper-wrapper .swiper-slide::before{

content: '';
border-radius: 100%;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
position: absolute;
background: #056dbe;
z-index: 8;

} 





#project  .swiper-wrapper .swiper-slide::after{
content: '';
height: 2px;
background: #d4d4d4;
width: 100%;
top: 50%;
position: absolute;
z-index: 1;
}

#project  .swiper-wrapper .swiper-slide .box{
position: absolute;
z-index: 2;
top: 0;
display: flex;
flex-flow: column;
justify-content: space-between;
height: 100%;

}
#project  .swiper-wrapper .swiper-slide .box .desc{
height: 38%;
text-align: center;
width: 100%;

}
#project  .swiper-wrapper .swiper-slide .box .desc  p{
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: center;
display: block;
margin: 0 auto;
}
#project  .swiper-wrapper .swiper-slide .box .desc  span{
font-size: 17px;
font-weight: bold;
color: #ffffff;
}


#project  .swiper-wrapper .swiper-slide .img{

overflow: hidden;
height: 137px;width: 133px;

}

.content{
    font-size: 17px;
    line-height: 2;

    text-align: justify;

}

.jobTit{
    border-bottom: 1px solid #ebebeb;
    line-height: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jobTit .left{
    font-size: 30px;
    color: #2782c4;
}
.jobTit .left em{
    color: #999999;
    font-size: 14px;
}
.jobTit .right{
    color: #999999;
    font-size: 16px;
}
.shenqing{
    display: flex;
    justify-content: center;
    margin-top: 33px;
}
.shenqing a{
    color: #000000;
    background: #ffa800;
    border-radius: 5px;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 15px;
}







.zhuanye {
    position: relative; 
     z-index: 3; 
     width: 100%;
     margin: 0px auto;  
     margin-top: 35px;
} 
.zhuanye .swiper {
      
        width: 100%;
        margin: 0  auto;
    
    
} 
.zhuanye .swiper-wrapper {
        width: 100%;
      
        display: flex;
    
} 
    
 .zhuanye   .swiper-wrapper .swiper-slide{
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    height: 100%;
    width: 100%;
} 



.zhuanye   .swiper-wrapper .swiper-slide .box{
    width: 90%;
    text-align: center;
    padding: 15px 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 90%;
}

.zhuanye   .swiper-wrapper .swiper-slide .box p{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    line-height: 2;
    margin-top: 10px;
}

.zhuanye   .swiper-wrapper .swiper-slide .box .desc{
    font-size: 14px;
    color: #666666;
    line-height: 2;
    height: 66px; margin-top: 10px;
}




.zhuanye   .swiper-wrapper .swiper-slide .img{
    width: 100%;
   height: 233px;
   text-align: center;
    
}


.zhuanye   .swiper-wrapper .swiper-slide img{
    max-width: 100%;
    height: 233px;
    display: inline-block;
}

.zhuanye .swiper-button-next{
  

    background:url("../images/right.png") center center no-repeat;
    width: 27px;
    height: 47px;
    text-align: center;
    z-index: 999;

  }
  .zhuanye .swiper-button-prev{



    background:url("../images/left.png") center center no-repeat;
    width: 27px;
    height: 47px;

    text-align: center;

    z-index: 999;
  }








.caseList ul{
    display: flex;
    justify-content: space-between;
}

.caseList li{
    width: 47%;
    padding-bottom: 25px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 3%;
    margin-top: 25px;

}
.caseList li  .img{
    height: 240px;
   
    overflow: hidden;
}
.caseList li  img{
    width: 100%;
}

.caseList li p{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 3;
}
.caseList li .desc{
    font-size: 14px;
    color: #666666;
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     height: 80px;
     line-height: 2;

}

.caseListEs li{
    float: left;
    width: 31%;
    margin-right: 2%;
    background: #fff;
    box-shadow:0px 0px 10px 0px #cccccc;
    margin-top: 35px;
    border-radius: 10px;
    position: relative;
}

.caseListEs li:nth-child(3n){
    margin-right: 0;
}
.caseListEs li .box{
    width: 85%;
    margin: 0 auto;
    padding: 25px 0;
}
.caseListEs li .box .img{
    width: 100%;
    height: 226px;
    overflow: hidden;
}


.caseListEs li .box .desc{
    width: 100%;
    height: 226px;
    overflow: hidden;
    display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 75px;
        font-size: 14px;
        color: #999999;
        line-height: 1.8;
}
.caseListEs li .box p{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 3;
}

.caseListEs li:hover:after{
    content: '';
    height: 2px;background: #fcaa00;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}





.newsbox2{
    position: relative; 
}
.newsBox{
    background-image: linear-gradient(#1b78cb , #fdfdfe); 
    min-height: 300px;
    overflow: hidden;
    box-shadow:0px 0px 10px 0px #cccccc;
    padding-bottom: 25px;
    z-index: 91;

   
    left: 0;
    width: 100%;
  
  
   
}

.gsxx{
    width: 48%;
}
.gsxx .list{
   
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.gsxx .list li{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.gsxx .list .img{
    width: 150px;
}
.gsxx .list .img img{
    width: 100%;
      border-radius: 10px;height: 80px;
}
.gsxx .list .desc{
    width:calc(100% -  170px);
    float: right;
}
.gsxx .list .desc a{
    font-size: 15px;
}
.gsxx .list li a:hover{
    color: #ffa800;
}

.gsxx .list .desc p:nth-child(3){
    margin-top: 10px;
}









.newsBox .title{
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.newsBox .title span{
    font-size: 18px;
    line-height: 2;
    border-bottom: 1px solid #eff6fb;
    color: #ffffff;
}
.gsxx {
    position: relative;
}
.gsxx::after{
    content: '';
background: rgb(108, 167, 222,.8);
right: 0;
top: 10%;
height: 90%;
position: absolute;
width: 2px;
}



.gshd{
    width: 50%;
}
.gshd .list{
   
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.gshd .list li{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.gshd .list .img{
        width: 150px;
}
.gshd .list .img img{
    width: 100%; border-radius: 10px;height: 80px;
}
.gshd .list .desc{
    width: calc(100% - 170px);
}
.gshd .list .desc a{
    font-size: 15px;
}
.gshd .list li a:hover{
    color: #ffa800;
}

.gshd .list .desc p:nth-child(3){
    margin-top: 10px;
}



.newslist {
    margin-top: 153px;
}
.newslist  li{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
}
.newslist  li a{
    font-size: 17px;
    color: #010101;
}
.newslist  li a:hover{
    color: #ffa800;
}
.newslist  .img{
    width:150px;
}
.newslist  .img img{
    width: 100%;
    border-radius: 10px;height: 80px;
}
.newslist  .desc{
    width:calc(100% - 170px);
    color: #a5a5a5;
}
.newslist  .desc p{
    margin-top: 10px;
}
.newslist  .desc a:hover{
    color: #ffa800;
}



.pages ul{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.pages a,.page .current,.pages span{
    width: 55px;
    height: 55px;
    border: 1px solid #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #415058;
    margin: 0 10px;
    float: left;
}
.pages a.pre i{
    font-size: 28px;
   
}
.pages a:hover{
    border: 1px solid #128370;
    color: #128370;
}

.pages a.active ,.page .current{
    border: 1px solid #128370;
    color: #128370;
}

.pages a.next i{
    -webkit-transform: rotate(180deg);
    font-size: 28px;
}


.firends{
    width: 80%;
    position: relative;
    margin: 55px auto;
}
.firends .swiper{
    width: 100%;
    height: 100%;
}
.firends .swiper .swiper-slide{
    width: 100%;
    overflow: hidden;
}
.firends .swiper .swiper-slide a{
    display: block;
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 105px;
 
   
}
.firends .swiper .swiper-slide a:nth-child(5n){

}

.firends .swiper .swiper-slide a img{
    display: block;
    width: 100px;
    border-radius: 100%;
    height: 100px;

}
#pages ul{
    text-align: center;
}
#pages ul li{
    
display: inline-block;
margin: 10px;
font-size: 14px;
}