.swiper-pagination{
 width: 100%;
}
.swiper1 .swiper-pagination{
 bottom: 10px;
}
.swiper-pagination .swiper-pagination-switch{
 width:8px;
 height:8px;
 display:inline-block;
 border-radius: 100%;
 background: #000;
 opacity: 0.2;
 margin: 0 5px;
}
.swiper-pagination .swiper-pagination-switch.swiper-active-switch{
 opacity:1;
 background: #007aff;
}
.container_main{
 width: 1200px;
 margin:0 auto;
  }
  .ks-tit{
 padding: 35px 0 48px 0;
 text-align: center;
 background: url(/Sites/Uploaded/UserUpLoad/20190618/20190618145000.png) no-repeat center bottom;
 font-size:30px;
 color: #777777
  }
  .ks-con1-bd{
 padding: 38px 0 43px 0
  }
  .jj-img{
 display: inline-block;
 width: 494px;
 height: 310px;
 overflow: hidden;
  }
  .jj-img img{
 width: 494px;
 height: 310px;
 transition: all .5s
  }
  .jj-img:hover img{
 transform: scale(1.1);
  }
  .ks-con1r{
 float: right;
 width:640px;
 color: #7f7f7f;
 font-size: 14px;
  }
  .ks-con1r-tit{
 display: block;
 font-size: 24px;
 color: #777;
 margin-bottom: 10px
  }
  .ks-con1r-des{
 max-height: 240px;
 overflow: hidden;
 line-height: 24px;
  }
  .ks-detail{
 float: right;
 width: 90px;
 height: 34px;
 text-align: center;
 line-height: 34px;
 color: #fff;
 background: #00aef0;
 margin: 20px 20px 0 0
  }
  .ks-detail:hover{
 background: #0aa2db
  }
  .ks-con2{
 background: #f7f7f7;
 padding-bottom: 40px
  }
  .xk-img{
 display: inline-block;
 width: 377px;
 margin-left: 26px;
text-align: center;
  }
  .xk-img img{
   width: 200px;
 transition: all .5s
  }
  .xk-img:hover img{
 transform: scale(1.1);
  }
  .ks-con2r{
 margin-top: 35px;
 float: right;
 width:720px;
 color: #7f7f7f;
 font-size: 14px;
  }
  .ks-con2r-tit{
 display: block;
 font-size: 20px;
 color: #777;
 margin-bottom: 10px
  }
  .ks-con2r-tit b{
 font-weight: normal;
 font-size: 14px;
 margin-left: 10px
  }
  .ks-con2r-des{
 max-height: 215px;
 overflow: hidden;
 line-height: 24px;
  }
  .ks-con3-bd{
 margin-top:45px;
 position: relative;
 width: 247px;
 height: 372px;
 overflow: hidden;
  }
  .ks-con3-bd a{
   display: block;
  }
  .ks-con3-bd img{
 width: 247px;
 display: block;
  transition: all .5s
  }
  .ks-con3-bd:hover img{
 transform: scale(1.1);
  }
  .ks-con3-bd span{
 position: absolute;
 width: 264px;
 left: 0;
 bottom: 0;
 background: rgba(19,146,194,0.8);
 color: #fff;
 text-align: center;
 padding: 10px 0
  }
  .ks-con3-bd span b{
 display: block;
 font-size: 20px;
 margin-bottom: 10px
  }
  .zhuren_con{
   width: 1200px;
   margin: 0 auto;
  }
  .ks-con2-bd{
   margin-bottom: 20px;
overflow: hidden;
  }
  .swiper2{
 padding-bottom: 20px; 
  }
  .doc_maincon{
   padding-bottom: 40px;
  }
  .swiper2.swiper-container-horizontal>.swiper-pagination{
 bottom: 35px
  }
  .ks-con4{
 background: #f7f7f7;
 padding-bottom: 35px
  }
  .ks-con4c{
 margin-top: 65px;
 height: 440px;
 background: url(/Sites/Uploaded/UserUpLoad/20190620/20190620165537.jpg) no-repeat center center;
  }
  .ks-con4c li{
   width: 75%;
   float: left;
   height: 210px;
   text-align: left;
   padding-left: 60px;
  }
  .ks-con4c li:nth-child(even){
 width: 25%; 
  }
  .ks-con4c li:first-of-type{
   background: url(/Sites/Uploaded/UserUpLoad/20190620/20190620171258.jpg) no-repeat left top;
  }
  .ks-con4c li:nth-child(2){
 background: url(/Sites/Uploaded/UserUpLoad/20190620/20190620171308.jpg) no-repeat left top;
 }
 .ks-con4c li:nth-child(3){
 background: url(/Sites/Uploaded/UserUpLoad/20190620/20190620171320.jpg) no-repeat left top;
 }
 .ks-con4c li:nth-child(4){
 background: url(/Sites/Uploaded/UserUpLoad/20190620/20190620171346.jpg) no-repeat left top;
 }
  .ks-con4c li .title_type{
 display: block;
 color: #777777;
 margin-bottom: 5px;
  }
  .ks-con4c li p{
 width: 260px;
 line-height: 23px;
 font-size: 14px;
 color: #979797;
  }
  .ks-con4clist{
 width: 325px;
 float: left;
 color: #979797;
  }
  .ks-con4clistc{
 height: 210px;
  }
  .ks-con4clistc img{
 float: left;
  }
  .ks-con4clistc-txt{
 width: 260px;
 float: right;
 line-height: 23px;
 font-size: 14px
  }
  .ks-con4clistc-txt span{
 display: block;
 color: #777777;
 margin-bottom:5px
  }
  .ks-con4c-img{
 float: left;
  }
  .ks-detail1{
 display: block;
 width: 90px;
 height: 34px;
 text-align: center;
 line-height: 34px;
 color: #fff;
 background: #00aef0;
 margin: 0 auto;
  
  }
  .ks-detail1:hover{
 background: #0aa2db
  }
  .ks-con5{
 padding: 60px 0 60px 0;
overflow: hidden;
  }
  .ks-con5 li{
   width: 30%;
   float: left;
   padding: 25px 25px 0 25px;
   background: #f6f6f6;
   position: relative;
  }
  .ks-con5 li img{
   margin-bottom: 30px;
   transition: all 0.5s ease 0s;
   width: 100%;
   max-height: 180px;
  }
  .ks-con5 li img:hover{
 transform: scale(1.1);
  }
  .ks-con5 li p{
 height: 125px;
 overflow: hidden;
 color: #777;
 font-size: 14px;
 line-height: 24px;
  }
  .ks-con5 li .title_type{
 display: block;
 text-align: center;
 color: #333;
 margin-bottom: 90px;
 font-size: 16px;
 width: 100%;
  }
  .ks-con5 li .detail{
 display: block;
 width: 90px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 background: #00aef0;
 margin: 0 auto;
 position: absolute;
 top: 280px;
 left: calc(50% - 45px);
  }

  .ks-con5 li:nth-child(2){
   margin: 0 5%;
   display: flex;
   flex-wrap: wrap;

  }
  .ks-con5 li:nth-child(2) a{
   order: 3;
  }
  .ks-con5 li:nth-child(2) a.detail{
   top: 70px;
  }
  .ks-con5 li:nth-child(2) a.title_type{
   order: 1;
  }
  .ks-con5 li:nth-child(2) p{
 order: 2;
 margin-bottom: 0px;
  }
  @keyframes rot{ 
   0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
   25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
   50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
   75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
   100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
 }
 @-webkit-keyframes rot{
   0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
   25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
   50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
   75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
   100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
 }
 @media only screen and (max-width:768px){
 .container_main{
 width: 100%;
 padding: 10px;
 overflow: hidden;
 }
 .container_main.doc_maincon{
 padding: 0px;
 }
 .swiper-container.swiper2{
 width: 1500px;
 }
 .xk-img{
 width: 100%;
 margin-left: 0px;
 margin-top: 30px;
 }
 .zhuren_con{
 width: 100%;
 }
 .ks-con1r{
 float: none;
 width: 100%;
 }
 .ks-con2r{
 float: none;
 width: 100%;
 }
 .jj-img{
 width: 100%;
 height: auto;
 }
 .jj-img img{
 width: 100%;
 height: auto;
 }
 .ks-con5 li:nth-child(2){
 margin: 0px;
 margin-bottom: 10px;
 }
 .ks-con4c{
 height: auto;
 background: none;
 }
 .ks-con4c li{
 width: 100%;
 float: none;
 }
 .ks-con4c li:nth-child(even){
 width: 100%;
 }
 .ks-con5 li{
 width: 100%;
 float: none;
 margin-bottom: 10px;
 }
 .header_bottomIn .logo.fl{
 margin-right: 10px;
 }
 .rongyu_list h1.ksname{
 font-size: 14px;
 height: 100px;
 line-height: 100px;
 }
 .ks-con3-bd{
 margin: 20px auto;
 }
 }