﻿

.price{background: #fedb0c;position: relative;}
.price-name{color: #818282;position: relative;}
.price-name strong{font-size: 25px;width: 25px;display: inline-block;font-weight: normal;}
.price-name span{color: #818282;font-size: 14px;display: inline-block;transform:rotate(90deg);
				width: 112px;
        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
        -o-transform:rotate(90deg); /* Opera */
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); position: absolute;left: 0;bottom: 0;}
.price-box{width: 100%;height: 100%;max-width: 1173px}
.price .padding-box{width: 10%;height: 100%;position: absolute;left: 50px;top: 80px;}
.price-bin{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.price-ctrl .ctrl-left{position: absolute;left: 10%;top: 50%;}
.price-ctrl .ctrl-right{position: absolute;right: 10%;top: 50%;}
@media (max-width:1200px ) {
	.price-name{
		display: none;
	}
	.price-box{width: 80%;}
	.price-ctrl .ctrl-left{left: 2%;}
	.price-ctrl .ctrl-right{right: 2%;}
}
@media (max-width:768px ) {
	.zpside .product-class .swiper-pagination-bullet-active{background: #3b3b3b;}
	.price-ctrl .ctrl-left{position: absolute;right: calc(10% + 37px); left: inherit; top: 2%; background-color: #FFFFFF !important; width: 35px; height: 35px;}
	.price-ctrl .ctrl-right{position: absolute;right: 10%;top: 2%; background-color: #FFFFFF !important; width: 35px; height: 35px;}
	.price .padding-box{top: 0; left: 7%; width: 100%;}
	.price-name strong{width: 100%;}
	.price-name span{
		-ms-transform:rotate(0); /* Internet Explorer 9*/
        -moz-transform:rotate(0); /* Firefox */
        -webkit-transform:rotate(0); /* Safari and Chrome */
        -o-transform:rotate(0); /* Opera */
		position: relative;
		
	}
	.title-box>div{display: block; width: 100% !important;     margin-top: 5%;}
	.case  .ctrl-box span.ctrl-left{background-color: #f7f7f7}
	.case  .ctrl-box span.ctrl-right{background-color: #f7f7f7}
	.price-ctrl{top: -3%; position: relative;}
}

.price-ctrl.ctrl-box span{background-color: transparent;}
.price-ctrl.ctrl-box span i{color: #fff;}

.price1 .img img {
    width: 100%;
	height:220px;
    transition: all 1s ease 0s;
    z-index: 2;
}

.price1:hover .img img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;
    z-index: 2;
}
.price1 .title:before{height: 100%;position: absolute;left: 0;top:0;width:0%;background:#71ba70;transition: all 0.3s ease 0s;content: "";}
.price1:hover .title:before{width:100%;transition: all 0.3s ease 0s;}
.price1:hover .title a{color: #fff;}

.price .window-back{height: 88%;}
.ppxm {/*width:382px;*/width:100%;border-right:1px solid #767676;height:100%;float:left;transition:all 0.5s ease 0s;}

.ppxm .img{width:100%;  height:172px;text-align:center;margin:auto;margin-top:0%;transition:all 0.5s ease 0.2s;overflow:hidden;position:relative;}

.ppxm .img img{width:100%;max-width:100%; transition:all 0.5s ease 0s; height:auto;margin-top:0;opacity: 0;transition:all 0.5s ease 0s;}
.ppxm .img p{color:#767676;font-size:56px;position:absolute;bottom:0;bottom: 18px; font-family:'myFirstFont'; width:100%;transition:all 0.5s ease 0.2s;opacity:1;}
.ppxm.ppxm-xq .img{background:#fff;height:350px;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq .img img{opacity: 1;transition:all 0.5s ease 0.2s;}
.ppxm.ppxm-xq .img p{opacity:0;transition:all 0.2s ease 0s;}
.ppxm .title{text-align:center;color:#767676;font-size:18px;margin-top:12px;transition:all 0.5s ease 0s;}
.ppxm .title p{text-align:center;color:#fff;font-size:14px;transition:all 0.5s ease 0s; width:90%; margin:auto;height: auto;overflow:hidden;}
.ppxm.ppxm-xq .title{transition:all 0.5s ease 0s;color:#fff;}
.ppxm.ppxm-xq .title p{color:#838383;transition:all 0.5s ease 0s;}
.ppxm .desc{text-align:left;color:#767676;font-size:12px;width:95%;margin:auto;margin-top:24px;line-height:1.75em;transition:all 0.5s ease 0s;}
.ppxm .desc p{color:#fff;transition:all 0.5s ease 0s;}
.ppxm .desc span{color:#fff;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq .desc{color:#fff;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq .desc p{color:#838383;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq .desc span{color:#838383;transition:all 0.5s ease 0s;}
.ppxm .more{width:101px;height:27px;border:1px solid #767676;text-align:center;line-height:27px;color:#767676;margin:auto;margin-top:25px;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq .more{border:1px solid #fff;color:#fff;transition:all 0.5s ease 0s;}
.ppxm.ppxm-xq{transition:all 0.5s ease 0s;background:#619961;}

.case .case-ctrl{display: none;}
.editorlightgallery .address p{width:30%; float:left;}
@media (max-width: 2100px) {
.swiper-slide-active .ppxm .img{background:#fff;height:188px;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm .img img{transition-delay: 2s; opacity: 1;transition:all 0.5s ease 0.2s;}
    .swiper-slide-active .ppxm .img p{transition-delay: 2s;opacity:0;transition:all 0.2s ease 0s;}
    .swiper-slide-active .ppxm .title{transition-delay: 2s;transition:all 0.5s ease 0s;color:#ffffff;}
    .swiper-slide-active .ppxm .title p{transition-delay: 1s;color:#838383;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm .desc{transition-delay: 1s;color:#ffffff;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm .desc p{transition-delay: 1s;color:#838383;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm .desc span{transition-delay: 1s;color:#838383;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm  .more{transition-delay: 1s;transition-delay: 1s;border:1px solid #ffffff;color:#ffffff;transition:all 0.5s ease 0s;}
    .swiper-slide-active .ppxm {transition-delay: 1s;transition:all 0.5s ease 0s;background:#e12626;}
 /* .ppxm .img, .price-bin:first-child .img{height: 273px;border-bottom:2px solid #ffffff; }*/
/*.price1 .img img {width: 100%;height:170px;}*/
}