@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;}
}
