.ny-warp{ padding:60px 0;}

.ny-pro-head-box{ background:#fff;  padding:60px; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border-radius: 8px; box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);}

.ny-pro-paly{width: 46%;float: left;  }
.mySwiper-propay .swiper-slide{cursor: url(../images/saf.cur),auto;}
.mySwiper-propay .swiper-slide img{ width:100%;}
.mySwiper-propay .swiper-button-white{ background-size: 16px auto; opacity: .5;}
.mySwiper-propay .swiper-button-disabled{pointer-events:auto;}
.mySwiper-propay .swiper-pagination-bullet{width: 10px;height: 10px;}
.mySwiper-propay .swiper-pagination-bullet-active{background: #60b637;}

.pro-head-r{ width:54%; float:right; position:relative; padding:30px 0px 30px 60px;}
.pro-head-r h1{font-size: 28px;    color: #60b637;}
.pro-head-r .info{font-size: 14px;color: #60b637; padding-top: 15px;}
.pro-head-r .note{ margin-top:15px;font-size: 16px;color: #666;line-height:2; max-height: 310px;overflow-y: auto;}
.pro-head-r .note::-webkit-scrollbar{width:4px;height:160px;border-radius:4px;background:#e1e1e1}
.pro-head-r .note::-webkit-scrollbar-thumb{width:4px;height:90px;border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#60b637}
.pro-head-r .note::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}
.pro-head-r .btns{}
.pro-head-r .btns{position:absolute;left:12%;bottom:0}
.pro-head-r .btns .btn{z-index:2;display:inline-block;vertical-align:top;position:relative;overflow:hidden;min-width:120px;padding: 12px 55px;border-radius:6px;text-align:center;font-size:16px;border:#e0e0e0 solid 1px;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.pro-head-r .btns p{ margin-top:15px; color:#999;}
.pro-head-r .btns .btn:after{background-color:#60b637;opacity:1;z-index:-1}
.pro-head-r .btns .btn:nth-child(1n+2){margin-left:.6rem}
.pro-head-r .btns .btn2{color:#60b637;border-color:#60b637}
.pro-head-r .btns .btn:hover{ color:#fff;}
.pro-head-r .btns .aBtnSc{position:relative;overflow:hidden;z-index:1;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04); background:#60b637; color:#fff;}
.pro-head-r .btns .aBtnSc:after{z-index:-1;content:" ";position:absolute;border-radius:50%;left:50%;top:50%;background-color:#fff;width:108%;padding-bottom:108%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);pointer-events:none}
.pro-head-r .btns .aBtnSc:hover:after {
    -webkit-transition: all 350ms ease-in 0ms;
    transition: all 350ms ease-in 0ms;
   background: #60b637;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
.nypromain{ margin-top:20px; background:#fff; border-top:1px solid #eee; background:#f5faff; border-radius: 8px; box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);}
.nypromain .left{ width:75%; float:left; padding:40px; background:#fff; border-radius: 8px 0px 0px 8px;}
.fa-tiew{ border-bottom:1px solid #eee; margin-top:-15px;}
.fa-tiew span{ display:inline-block; padding:15px 0; font-size:18px; font-weight:bold; background:url(../images/icon-fa.png) 0 center no-repeat; background-size:20px auto; padding-left:30px; color:#60b637; border-bottom:2px solid #60b637;}
.ny-procontentmain{ margin-top:20px; margin-bottom:30px; line-height:2;}

.nypromain .right{ width:25%; float:right; padding:40px;}
.nypromain .right .prrtit{ font-size:18px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:15px;}
.nypromain .right .prr-list{ margin-top:15px;}
.nypromain .right .prr-list ul li{ margin-bottom:15px;}
.nypromain .right .prr-list ul li a{ display:block; background:#fff;}
.nypromain .right .prr-list ul li a i{ display:block; overflow:hidden;}
.nypromain .right .prr-list ul li a i img{ transition:all .3s linear;}
.nypromain .right .prr-list ul li a:hover i img{ transform:scale(1.05)}
.nypromain .right .prr-list ul li a p{ font-size:14px; padding:10px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



@media screen and (max-width:1024px){
.ny-pro-paly{ width:100%; float:none;}
.mySwiper-propay .swiper-button-black{background-size: 12px auto;}

.pro-head-r{ width:100%; float:none; padding:15px;}
.pro-head-r h1{font-size: 18px;}
.pro-head-r .info{font-size: 12px;}
.pro-head-r .note{font-size: 12px;}
.pro-head-r .btns{ position:relative; padding:0; left:0; margin-top:20px;}
.pro-head-r .btns .btn{ font-size:12px;padding: 10px 26px;}
.pro-head-r .btns p{ font-size:12px;}
.ny-pro-head-box{ display:block; padding:15px;}
.nypromain .right{ width:100%; float:none; padding:15px;}
.nypromain .left{ width:100%; float:none; padding:15px;}
.ny-procontentmain{ margin-bottom:15px; font-size:12px;}
.nypromain .right .prr-list ul{ margin:0 -5px;}
.nypromain .right .prr-list ul li{ width:50%; float:left; padding:0 5px;}
.ny-warp{ padding:20px 0;}
}

@media screen and (max-width:1200px){
.pro-head-r h1{font-size: 24px;}
}