@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;}
}
.zjjj{
    text-align: center;
font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-top: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
    
    .ks-slick{ margin:0; padding-top: 0.6rem;}
.ks-slick .slick-slide a{ display: block; position: relative; overflow:hidden; border-radius: 0; padding-top: 140%;}
.ks-slick .slick-slide a .ks-slick-box-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ks-slick-box{ position: absolute; top: 0; overflow:hidden; bottom: 0; left: 0; right: 0; clip-path: polygon(0.15rem 0px, 100% 0px, calc(100% - 0.15rem) 100%, 0px 100%);}
.mask-b{ position: absolute; left: 0; right: 0; bottom: 0; height: 2rem; padding:0 0.26rem; padding-top:0.8rem; background: url(images/mask-b.png) center no-repeat; background-size: 100% 100%;}
.ks-slick-name{ font-size: 0.2rem; color: #fff; font-weight: bold; padding-right: 0.2rem;     display: flex;
    justify-content: flex-start;
    align-items: center;}
.ks-slick-zw{ margin-top: 0.1rem; padding-right: 0.25rem; color: #fff; font-size: 0.18rem;}
.mask-b-c {background: none;}
.gq{width:25px; height:15px;margin:2.2% 0 0 6px;}

.ks-slick .slick-slide a:hover .ks-slick-box:before {
    display: block;
    z-index: 100;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(135,115,178,0.8);}
.ks-slick-zw.txt-elise.text-center {
    text-align: left;}
.hover-tt{font-size: 0.18rem;display: flex;justify-content: center;align-items: center;}
.hover-tt .gq{margin:3px 0 0 6px;}


.img-hide1{display: block;padding-top:14%;position: relative; overflow: hidden;}