.yyrem{display:none;position: absolute;top: 0px;left: -87px;opacity: 0;    box-shadow: 0px 0px 30px #fff;}
.fix-ul li{position: relative;}
.fix-ul li:hover .yyrem{opacity: 1;}
@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;}
}
.ysjs{padding:0 -15px;margin-top:30px;}

.ysjs .swiper-slide{margin:0 15px;}
.margintop20 {
    margin-top: 20px;text-align: center;}
.is-photo {
    width: 12vw;
    height: 12vw;
    margin: auto;}
.button-orange {
    background:#6e55a2;
    color: #fff !important;
        line-height: 1em;
    padding: 10px 15px;
    white-space: nowrap;
    margin-bottom: 5px;}
.button-orange:hover{box-shadow: 0px 0px 10px #6e55a2;}

.fg-list-img:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
     right: 0;
    bottom: 0;
    height: 2.55rem;
    background: url(images/mask-b.png) center no-repeat;
    background-size: 100% 100%;
        clip-path: polygon(0.15rem 0px, 100% 0px, calc(100% - 0.15rem) 100%, 0px 100%);}

.fg-list-img h2{
font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
    bottom: 0.5rem;
    position: absolute;
    left: 0px;
        z-index: 99;
        text-align: center;
    width: 100%;}

.ysjs .swiper-slide a:hover h2{display:none;}




.button-s {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-transition-property: all;
    transition-property: all;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    border-radius: 3px;
    box-sizing: border-box;}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        font-size: 1em!important;
        line-height: 1em;}



.is-textbox {
    border: 1px solid #dadada;
    border-radius: 5px;
    position: relative;
    margin-top: 20px;
    line-height:24px;
    height:114px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.padding20 {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.is-textbox::before {
    top: -10px;
    z-index: 2;
    border-bottom: 10px solid #dadada;}
.is-textbox::after {
    top: -8px;
    z-index: 3;
    border-bottom: 10px solid #f6f5fa;}

.is-textbox::before, .is-textbox::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;}
.pic{
display: block;
padding-top:140%;
position: relative;
overflow: hidden;}

.fg-list-img{
position: absolute;
top: 0;
width: 100%;
height: 100%;
    clip-path: polygon(0.15rem 0px, 100% 0px, calc(100% - 0.15rem) 100%, 0px 100%);}