@keyframes circle {
    0% {
        transform: rotate(360deg)
    ;}

    to {
        transform: rotate(0deg)
    ;}
}
.headTit .more:hover {
    animation: circle 2s linear infinite
;}
.one-left{width:46.7%;}
.contact-box{width:auto;}
  .one-right{width:53%;}
 .list-left{width:78.5%;}
 .pull-left.list-left.clearfix {
    width: 100%;}
 .banner-right{width:5.85rem;}
 .three-ul-right{width: calc(100% - 5rem);}
  .tow-box{padding:0;}
  .list-top-txt{width:44%;text-align:center;margin-right:0;text-indent:1em;}
.page-three:before{z-index:-1;}
  .tsfw-0207 .slick-prev{display:none !important;}
    .tow-box .slick-next{position: absolute;z-index: 100;right: 3rem;cursor: pointer;bottom: 0.9rem; animation: 5s linear infinite;background:url(images/raw-c.png.png) no-repeat; width:.7rem;background-size:100%;top:auto;height:.7rem;}
  .tow-raw{display:none !important;}
  
  .js-left-right{width: calc(100% - 6.5rem);}
  .bottom-left{width:501px;}
  
  
 
  
  
  
  
  
  
  
  
  
  
  
  
  
@media (min-width: 1600px) {

  .container{width:1400px !important;}
  
}

@media( min-width: 2600px){
.js-one.active .list-right-a {top: 12% !important;}
}



  @media (min-width: 1930px) {
.js-one.active .list-right-a{    top:19.5%;}
body{    max-width: 1920px;}
html{font-size:100px !important;}
.one-right-tt{font-size:24px;}
  .one-left img{width:100%;}
  .container{width:1400px !important;}
  .list-right-a{margin-left:calc(7rem - 2.5rem);}
  .three-ul-p{font-size:.14rem;}
  .bottom-left{width:5.01rem;}
  .nav-b a{font-size:.12rem;}
  .all-box-tt{width:1.65rem;}
  .pb_sys_common{font-size:.12rem !important;}
  .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a{height:.24rem !important;line-height:.24rem !important;padding:0 .1rem !important;}
  .nav-b{background: url(images/icon-home.png) left center no-repeat;background-size:.14rem;padding-left:.22rem;}
}



@media (max-width: 1900px) {
.img-hide2{padding-top:28% !important;}
.footer-border-right .pull-left { margin-right: 0.38rem;}
}
















  @media (max-width: 1600px) {
     .banner-right{width:6.55rem;padding-right:1.5rem;}
      .bottom-left{width:490px;}
      .js-one.active .list-right-a{right:auto;left:50%;margin-left:490px;}
      .list-right-a{    margin-left: 490px;}
  }
@media (max-width: 1599px) {
.list-right-a{    margin-left: 440px;}
.js-one.active .list-right-a{    margin-left: 440px;}
  .container{width:1280px !important;}
   .list-top-txt{width:55%;}
   .bottom-right{margin-left:1.3rem;}
}
@media (max-width: 1560px) {
 .bottom-left{width:408px;}
}




@media (max-width: 1300px) {
.list-right-a{    margin-left: 420px;}
.js-one.active .list-right-a{    margin-left: 420px;}
.container{width:1170px !important;}
 .banner-right{width:7.05rem;padding-right:1.9rem;}
 .bottom-right{margin-left:1.3rem;}
}

@media (max-width: 1200px) {
.container{width:1170px !important;}
.bottom-right{margin-left:1.3rem;}
}
@media (max-width: 1170px) {
.q-b{    padding: 0 18px;}
.list-right-a{    margin-left:333px;}
.js-one.active .list-right-a{    margin-left:333px;}
 .banner-right{width:7.15rem;padding-right:1.5rem;}
.container{width:970px !important;}
  .header{padding:0 1rem;}
  .bottom-right{margin-left:1.3rem;}
  .bottom-left{width:338px;}
}

@media (max-width: 991px) {
.tow-box .slick-next{    bottom:-1rem;width:40px;height: 40px;}
.sjdh{padding:0px !important;}
 .tsfw-0207 .slick-next{ right: 50%; bottom: -70px; margin-right: -20px;width:40px;height:40px;}
.banner-right{width:100%;}
.container{width:750px !important;}
.one-left{width:100%;}
  .one-right{width:100%;}
  .list-top-txt{width:100%;}


}

@media (max-width: 768px) {
.q-b {padding: 0 10px;}
.bottom-left{width:100%;}
.container{width:100% !important;}
.list-left{width:100% !important;}
.three-ul-right{width:100%;}
.js-left-right{width:100%;}

}


.nav-list{margin-left:40px;}

.header-right .tel{
    cursor: default;
    width: 0.38rem;
    line-height: 0.35rem;
    overflow: hidden;
    -webkit-transition: all .38s;
    transition: all .38s;
   position: absolute;
margin-right:20px;
    top: 34%;
        z-index: 9;}

.header-right .tel p {
    height: 0.4rem;
    line-height: 0.38rem;
    vertical-align: top;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #fff;
    padding:0.02rem;}
.header-right .tel p:before {
    display: inline-block;
    width: 0.36rem;
    height: 0.35rem;
    float: left;
    margin-right: 0.07rem;
    content: "";
    background: url(images/dh-tb.png) no-repeat 50%/100% 100%;}
.header-right .tel:hover {width: 2.5rem;    background: #614092;border-radius: 0.5rem;}

@media(max-width:991px){
.header-right .tel{top:7px;right:90px;width:38px;line-height: 35px;}
.header-right .tel p { height: 40px;line-height: 33px; font-size: 22px; padding:2px;}
.header-right .tel p:before{    width: 31px;height: 30px;margin-right: 7px;}
.header-right .tel:hover {width: 210px;}
.header {padding: 0 0.2rem;}
}
.xj-l{width:calc(100% - 1000px);}
.xj-l h2{font-size: 30px;
    line-height: 1.3;
    color:#6e55a2;    font-weight: bold;
    font-family: Futura hv bt, sans-serif;}
    .xj-l p{
    font-size: 16px;
    line-height: 1.6;}
    
    .xj-click{width:100%;display:block;}
    .xj-click-l{
    padding: 50px 20px 40px;
    background: #fff;
    border-radius: 0;
    transition: all 1s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-image: url(ks-img/testi-bg.jpg);
    background-size: auto;
    background-position: top right;
    background-repeat: no-repeat;
    margin:15px;
    border:none !important;}
    
    .xj-click-l img{
        margin-left: 30px;
    margin-bottom: 20px;
    max-height: 40px;
    max-width: 100%;}
    
    .xj-click-l p{
        font-size: 16px;
    overflow: hidden; 
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    line-height: 32px !important;}
    
    
    .xj-click-l h5{
     margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
    font-size: 16px;
    color: #555;
        line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: Futura hv bt, sans-serif;
    user-select: none;}
    
    .xj-click-l h5 span{
        color: #6e55a2! important;
        font-weight: bold;}
    
    
    .xj-r{width:900px;}
    
    
    .xj-click .slick-prev{width:50px;height:50px;background:url(images/left-j.png)center no-repeat;background-size:100% 100%;left:-200px;bottom: 20%;top: auto;}
    .xj-click .slick-next{width:50px;height:50px;background:url(images/right-j.png)center no-repeat;background-size:100% 100%;right:none;left:-120px;bottom: 20%;top: auto;}
    
    @media(max-width:1300px){
    .xj-click .slick-prev{bottom: 7%;}
    .xj-click .slick-next{bottom: 7%;}
    }
    
    
    
        @media(max-width:1170px){
        .xj-l{width:100%;margin-bottom:40px;    text-align: center;}
        .xj-l br{display:none;}
        .xj-r{width:100%;}
        .xj-click .slick-prev{bottom: 50%;left:-50px;display:none !important;}
        .xj-click .slick-next{bottom: 50%;right:-50px;left:auto;display:none !important;}
        }

.img-ul li{ float: left; width: 33%; padding:0 15px; margin-bottom: 56px;}
.img-ul{margin:0 -15px;}
.img-ul-img{ position: relative; padding-top:62%;}

.img-ul-img:before {
    display: block;
    content: "";
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(ks-img/video.png) center no-repeat;}
.img-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img-ul-bottom{ height: 170px; padding:20px;}
.img-ul-tt{ font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.img-ul-p{ font-size: 16px; color: #999; line-height: 25px; height: 50px; margin-top: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.img-ul-date{ font-size: 16px; color: #999; margin-top: 20px;}
.img-ul li a{ display: block; box-shadow: 0 0 12px rgba(22,120,125,0.2);}
.img-ul li a:hover .img-ul-bottom{ background:#8266bc; background-size: cover;}
.img-ul li a:hover .img-ul-tt{ color: #fff;}
.img-ul li a:hover .img-ul-p{ color: #fff;}
.img-ul li a:hover .img-ul-date{ color: #fff;}
.img-ul{padding-top: 65px;}
.list-back{ padding-bottom: 70px;}

@media(max-width:1200px){
.img-ul li{ float: left; width: 33.333%;}
}

@media(max-width:991px){
.img-ul li{ float: left; width: 50%;}
}

@media(max-width:520px){
.img-ul li{ float: left; width: 100%;}
}