/** page loading **/
.page-loader{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#36012d;z-index:99999;}
.page-loader .spinner {margin:100px auto;margin-bottom:25px;width:70px;height:60px;text-align:center;}
.page-loader .spinner>div{background-color:#EB0170;height:100%;width:6px;margin:0 3px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.page-loader .spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.page-loader .spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.page-loader .spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.page-loader .spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)} 20%{-webkit-transform:scaleY(1)}}
@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)} 20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
.page-loader .text{font-size:28px;color:#FFF;text-align:center;padding:0 20px;font-weight:300;}

/** notice **/
.col-notice{margin-bottom:10px;background-color:#5d144c;font-size:18px;color:#E8FC12;padding:8px 10px;}

/** slide **/
.slide-prev, .slide-next{position:absolute;background-color:rgba(0,0,0,0.5);width:0;height:50px;color:#FFF;top:40%;z-index:10;text-align:center;cursor:pointer;overflow:hidden;
transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;}
.slide-prev{left:0;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;}
.slide-next{right:0;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;}
.slide-prev .fa, .slide-next .fa{line-height:48px;font-size:22px;}
.slide:hover .slide-prev, .slide:hover .slide-next{width:28px;}
.slide{float:left;width:820px;position:relative;overflow:hidden;}
.slide-box img{width:100%;height:auto;}
.slide-tabs{position:absolute;bottom:10px;left:0;width:100%;text-align:right;z-index:100;}
.slide-tabs li{display:inline-block;width:8px;height:8px;margin-right:8px;background-color:transparent;border:2px solid #999;cursor:pointer;}
.slide-tabs li.on{background-color:#e40770;border:2px solid #e40770;}

/** bn **/
.bn1{float:right;width:250px;overflow:hidden;}
.bn1 li{margin-top:10px;}
.bn1 a, .bn2 a{display:block;position:relative;overflow:hidden;}
.bn1 a:after, .bn2 a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color: rgba(255,255,255,.2);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.bn1 a:hover:after, .bn2 a:hover:after{width:150%;background-color:transparent;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;}
.bn1 li:nth-child(1){margin-top:0;}
.bn2{margin-bottom:25px;}

/** floor **/
.floor-slide{margin:10px 0 25px 0;}
.floor-product{margin-bottom:15px;}
.floor-product .tabs{margin-bottom:10px;text-align:center;}
.floor-product .tabs li{display:inline-block;float:inherit;}

/** product **/
.col-product li{float:left;width:208px;margin:0 10px 10px 0;}
.col-product li.nm{margin-right:0;}
.col-product li.line{width:100%;height:0;overflow:hidden;margin:0;clear:both;}
.col-product .thumb{overflow:hidden;position:relative;min-height:298px;background-color:#FFF;}
.col-product .thumb img{width:100%;min-height:298px;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.col-product li:hover .thumb img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.col-product .text{padding:10px;position:relative;background-color:#FFF;}
.col-product a{color:#333;font-size:12px;} .col-product a:hover{text-decoration:none;color:#000;}
.col-product li:hover .product-op{height:38px;}
.col-product .name{margin-bottom:8px;}
.col-product .line5, .col-product .line3, .col-product .line2{width:100%;clear:both;height:0;overflow:hidden;}
.col-product .line3, .col-product .line2{display:none;}

.title-h{border-bottom:2px solid #e40770;margin-bottom:10px;}
.title-h h2{display:inline-block;background-color:#e40770;padding:10px 25px;font-weight:400;color:#FFF;margin:0;font-size:14px;}
.title-h h2 a{font-size:100%;color:#FFF;}
.title-h h2 a:hover{text-decoration:none;}
.floor-product .tabs-box .title-h{display:none;}

.floor-product1{margin-bottom:25px;}
.floor-product1 .i-bn{float:left;width:250px;position:relative;}
.floor-product1 .i-bn img{min-height:396px;width:100%;}
.floor-product1 .i-bn .text{position:absolute;z-index:1;background-color:rgba(0,0,0,0.7);left:0;bottom:0;width:100%;}
.floor-product1 .i-bn h3{color:#DDD;font-size:16px;font-weight:400;margin:0;line-height:38px;padding:0 15px;}
.floor-product1 .i-product{float:left;width:830px;}
.floor-product1 .i-product li{float:left;width:16.66%;overflow:hidden;}
.floor-product1 .i-product li.line6,  .floor-product1 .i-product li.line3{float:inherit;width:100%;height:0;clear:both;}
.floor-product1 .i-product li.line3{display:none;}
.floor-product1 .i-product .b{position:relative;}
.floor-product1 .i-product .text{overflow:hidden;position:absolute;left:0;bottom:0;height:0;width:100%;background-color:rgba(0,0,0,0.7);}
.floor-product1 .i-product li:hover .text{height:75px;}
.floor-product1 .i-product .text .t-b{padding:10px;}
.floor-product1 .i-product .thumb img{width:100%;min-height:198px;}
.floor-product1 .i-product a{color:#DDD;font-size:12px;}
.floor-product1 .product-price{font-size:12px;margin-top:3px;}
.floor-product1 .op{margin-top:3px;text-align:center;}
.floor-product1 .op button{border:none;background-color:transparent;cursor:pointer;color:#DDD;}

/** news **/
.col-news, .col-testimonial{float:left;width:50%;margin-bottom:15px;}
.col-news .cn-b{margin-right:25px;}
.col-news .thumb{float:left;width:100px;height:120px;overflow:hidden;}
.col-news .text{float:left;width:360px;}
.col-news .b{padding:15px 20px;}
.col-news .s{margin-top:8px;color:#777;}
.col-news li{margin-bottom:10px;background-color:#FFF;}
.col-news h3{font-size:100%;}
.col-news h3 a{font-size:15px;color:#333;}

/** testimonial **/
.col-testimonial li{margin-bottom:10px;}
.col-testimonial .text{float:left;width:70%;background-color:#FFF;position:relative;}
.col-testimonial .text .b{padding:15px 15px 15px 40px;font-family:Georgia, sans-serif;font-style:italic;color:#666;}
.col-testimonial .text .fa{position:absolute;font-size:18px;color:#999;top:10px;left:10px;}
.col-testimonial .text .arrow{position:absolute;background-color:#FFF;width:10px;height:10px;right:-5px;top:15px;
transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.col-testimonial .u{float:right;width:22%;}
.col-testimonial .u img{float:left;width:50px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.col-testimonial .name{float:right;color:#999;width:50px;text-align:right;}
.col-testimonial .name strong{display:block;margin-bottom:4px;font-size:12px;color:#DDD;}

/** why **/
.col-why{background-color:#FFF;margin-bottom:25px;padding:30px;}
.col-why .h{margin-bottom:30px;}
.col-why h2{font-size:24px;font-weight:400;text-align:center;margin:0;}
.col-why h3{font-size:16px;font-weight:400;margin:0 0 10px 0;}
.col-why li{float:left;width:50%;}
.col-why li.m h3, .col-why li.m p{padding-left:30px;}
.col-why li.line{float:inherit;width:100%;clear:both;height:30px;}

/** common **/
.col-product .label-sale, .floor-product1 .label-sale{position:absolute;right:10px;top:10px;z-index:1;}
.floor-product1 .i-product .text{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}

@media screen and (max-width:1080px) {
.slide{width:76%;}
.bn1{width:23%;}

.floor-product, .floor-product1{padding-left:10px;padding-right:10px;}
.col-product li{width:20%;margin:0;overflow:hidden;}
.col-product .thumb{margin:4px 4px 0 4px;min-height:200px;}
.col-product .thumb img{min-height:200px;}
.col-product .text{margin:0 4px 4px 4px;}
.col-product li:hover .product-op{height:auto;}

.floor-product1 .i-bn{width:23.1%;}
.floor-product1 .i-product{width:76.9%;}
.floor-product1 .i-bn img, .floor-product1 .i-product .thumb img{min-height:100px;}

.col-news .cn-b{margin:0 10px;}
.col-news .text{width: -moz-calc(100% - 100px);width: -webkit-calc(100% - 100px);width: calc(100% - 100px);}
.col-testimonial .title-h, .col-testimonial ul{margin-right:10px;}
.col-testimonial .text{width:79%;}
.col-testimonial .u{width:20%;}
.col-testimonial .u img{float:right;}
.col-testimonial .name{float:inherit;clear:both;width:100%;margin-top:10px;}

}

@media screen and (max-width:890px) {
.slide{width:76.5%;}
.bn1{width:22.8%;}

.floor-product .tabs{display:none;}
.floor-product .tabs-box{padding-bottom:25px;}
.floor-product .tabs-box .title-h{display:block;}
.col-product .thumb, .col-product .thumb img{min-height:120px;}
.col-product li{width:33.33%;}
.col-product .line5{display:none;}
.col-product .line3{display:block;}
}

@media screen and (max-width:720px) {
.floor-slide{margin-top:0;}
.slide,.bn1{width:100%;}
.bn1{margin-top:10px;}
.bn1 li{float:left;width:59.8%;margin:0;}
.bn1 li:first-child{width:40.2%;}
.bn1 img{width:100%;}

.col-news, .col-testimonial{width:100%;clear:both;}
.col-testimonial .title-h, .col-testimonial ul{margin-left:10px;}
}

@media screen and (max-width:640px) {
.slide-tabs li{width:5px;height:5px;margin-right:4px;}
.floor-slide{margin-bottom:10px;}
.bn1{margin-top:8px;}

.title-h{height:19px;overflow:visible;text-align:center;margin-bottom:25px;}
.title-h h2{background-color:#36012d;height:40px;line-height:40px;padding:0 15px;font-size:16px;}
.floor-product{margin-bottom:0;}
.floor-product .tabs-box .title-h{margin-bottom:25px;}
.floor-product .tabs-box{padding-bottom:5px;}
.col-product li{width:50%;}
.col-product .thumb, .col-product .text{margin:0 5px 0 0;}
.col-product li.o .thumb, .col-product li.o .text{margin-left:5px;margin-right:0;}
.col-product .line3{display:none;}
.col-product .line2{display:block;height:10px;}

.bn2{margin-bottom:0;}

.floor-product1{margin-bottom:10px;}
.floor-product1 .i-bn, .floor-product1 .i-product{float:inherit;clear:both;width:100%;}
.floor-product1 .i-product li{width:33.33%;}
.floor-product1 .i-product li.line6{display:none;}
.floor-product1 .i-product li.line3{display:block;}
.floor-product1 .i-product .text{position:static;height:100px;background-color:rgba(0,0,0,1);}
.floor-product1 .i-product li:hover .text{height:100px;}
.floor-product1 .op button{margin:0 4px;}

.col-why{margin-bottom:0;padding:20px;}
.col-why .h{margin-bottom:0;}
.col-why li{width:100%;clear:both;margin-top:20px;}
.col-why li.m h3, .col-why li.m p{padding-left:0;}
.col-why li.line{display:none;}
.col-why h3 .fa{display:inline-block;background-color:#E7E7E7;text-align:center;width:30px;line-height:30px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
}