@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;}
}
.ys-tp {width:30%;position: relative;padding-top: 44%;}
.ys-tp img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;    border-radius: 10px;}

.ks-lj{width:68%;}
.ks-lidt{width:100%;}
.ks-lidt h2{font-size:26px;color:#333;    font-weight: bold;text-align: center;margin-top:0px;margin-bottom:20px;}
.ks-lidt ul{width:100%;    display: flex;justify-content: center;flex-wrap: wrap;}
.ks-lidt ul li{margin:8px 10px;float:left;    border: solid 1px #7057a3;border-radius: 30px;    padding: 0 20px;}
.ks-lidt ul li a{width:100%;display:block;font-weight: bold;font-size:16px;color:#7057a3;text-align: center;line-height:20px;min-height:44px;display: flex;align-items: center;justify-content: center;}

.ks-yy{width:100%;margin-top:20px;}
.ks-yy .yy-l{width:48%;background:#f5f5f5;padding:30px; border-radius: 20px;height:240px;position: relative;}
.ks-yy .yy-l h2{margin-top:0px;font-size:28px;font-weight: bold; font-family: p22-mackinac-pro,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-align: center;}
.ks-yy .yy-l p{font-size:20px;line-height:30px;text-align: center;margin:20px 0;}
.ks-yy .yy-l a{width:200px;font-size:20px;text-align: center;font-weight: bold;background:#7057a3;color:#fff;line-height:46px;display:block;margin-top:80px;left:calc(50% - 100px);border-radius: 10px;    position: absolute;bottom: 30px;}

.ks-yy .yy-l a:hover{zoom:1.1;transition: 0.5s all;}
.ks-lidt ul li:hover{background:#7057a3;}
.ks-lidt ul li:hover a{color:#fff;}

@media(max-width:991px){
.ks-lidt ul li{width:calc(50% - 20px);}
.ks-yy .yy-l{height:350px;padding: 30px 10px;}
}

@media(max-width:700px){
.ys-tp{width:60%;margin-bottom:30px;padding-top: 61%; margin-left: calc(50% - 30%);}
.ks-lj{width:100%;}
}

@media(max-width:460px){
.ys-tp{width:80%;margin-left: calc(50% - 40%);}
.ks-lidt h2{    font-size: 22px;}
.ks-lidt ul li{    width: calc(100% - 20px);}
.ks-lidt ul li a{font-size:16px;}
.ks-yy .yy-l{width:100%;margin-bottom:20px;height:280px;}
}
