/* by Adon , CSS Document */





.slider{ overflow:hidden; float:left; width:100%; max-height:1024px; position:relative;}

.slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}

.slider .item{ position:absolute; left:0; right:0; z-index:1; top:50%;margin:-130px auto; display:none;padding-left:15px; padding-right:15px;text-align:center; color:#fff;}

.slider .item .p1{ font-size:60px; font-weight:bold;line-height:60px;}

.slider .item .p2{ font-size:22px;}

.slider .item .p3{ margin:15px 0;}

.slider .item .p4{ font-size:25px;}

.slider .item .p5{ margin-top:50px;}

.arrival{ float:left; width:100%;margin:12.5% 0; overflow:hidden;}

.arrival .container{ position:relative; height:100%;}

.arrival .item { max-width:400px; position:absolute; top:0; left:15px; z-index:50; width:40%;}

.arrival .item .p1{ font-size:35px; text-transform:uppercase; line-height:35px;}

.arrival .item .p2{ font-size:43px; position:relative; float:left; margin-top:25%;}

.arrival .item .p2 img{ position:absolute; right:-40px; top:5px;}

.arrival .item .p3{ font-size:23px; margin:15px 0;}

.arrival .item .p4{ font-size:15px; color:#666666;}

.arrival .item .p5{ font-size:18px; font-weight:bold; margin-top:25%;}

.arrival .arrival-ul{ max-width:900px; position:relative; width:60%; height:100%;max-height:798px;}

.arrival .page{ position:absolute; right:-100px; top:50%; height:auto; margin-top:-45px;}

.arrival .page a{ display:block; width:50px; text-align:center}

.arrival .page a.next{ border-top:solid 1px #c3c3c3; padding-top:25px; margin-top:25px;}

.products{ float:left; width:100%; position:relative; background:#f5f5f5;}

.products .title { position:relative; color:#000; z-index:1}

.products .title em{ border: solid 2px #cfcfcf;}

.products .title em a{ color:#000;}

.products .products-bg{ background:#ffffff; width:100%; height:50%; position:absolute; top:0; left:0;}

.products ul{ position:relative; z-index:1; float:left; width:100%;padding-bottom:20%;}

.products ul li{ float:left; width:24.5%;position:relative;background:#fff; margin-right:0%;}

.products ul li.clear{ margin-right:0;}

.products ul li span{ display:block; font-size:28px; padding:0 0 0 25px;}

.products ul li font{ display:block; font-size:18px; text-transform:uppercase; padding:5px 0 70px 25px;}

.products ul li .item {
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    left: 0;
    top: 0;
    bottom: -25px;
    right: 0;
    padding: 50% 2.5%;
}

.products ul li .item em{ position:absolute; bottom:10%; left:10%; font-style:normal; font-weight:bold; font-size:18px;}

.products ul li:hover .item{opacity: 1;-webkit-box-shadow: 0 3px 0.73rem rgba(0,0,0,.38);box-shadow: 0 3px 0.73rem rgba(0,0,0,.38);-webkit-transform: scale(1);transform: scale(1);}

.content{ float:left; width:100%; background:#f5f5f5; padding:5% 0;}

.content .content-left,.content .content-right{width:50%;}

.content .content-left { position:relative; color:#fff; overflow:hidden; background:url(img/case.jpg) no-repeat center;height:1000px;background-size:cover;}

.content .content-left a{ color:#fff;}

.content .content-left .thumb{ display:none;}

.content .content-left .top{ position:absolute; left:10%; top:8%;}

.content .content-left .top .p1{ font-size:35px; line-height:40px; font-weight:bold}

.content .content-left .top .p2{ font-size:40px;margin-top:5px;}

.content .content-left .bottom{ position:absolute; left:10%; bottom:8%;}

.content .content-left .bottom .p1{ font-size:60px; font-weight:bold; margin-left:-5px; line-height:50px;}

.content .content-left .bottom .p2{ font-size:20px; text-transform:uppercase;}

.content .content-left .bottom .p3{ font-size:15px; margin-top:50px; line-height:26px;}

.content .content-right ul li{ float:left; width:100%; position:relative; padding:10% 10%;height:500px;}

.content .content-right ul li .p1{ font-size:25px;}

.content .content-right ul li .p2{ font-size:30px; margin-top:10%;}

.content .content-right ul li .p3{ font-size:14px; color:#797979; max-width:380px; margin:10px 0 10% 0;}

.content .content-right ul li .p4{ font-size:18px; border:solid 2px #dcdcdc; text-align:center; width:174px; line-height:47px;}

.content .content-right ul li.l1{ background:url(img/store.jpg) no-repeat 97.5% 5% #fff;}

.content .content-right ul li.l2{ background:url(img/store.png) no-repeat right bottom #ce7923; color:#fff;}

.content .content-right ul li.l2 .p1,.content .content-right ul li.l2 .p3,.content .content-right ul li.l2 .p4{ color:#fff;}

.content .design{background:url(img/des.jpg) no-repeat 85% bottom #e8e8e8;height:420px;margin-top:10px; position:relative;}

.content .design .thumb{ display:none}

.content .design .item { margin:5% 0 0 5%; float:left;}

.content .design .item .p1 span{ font-size:35px; text-transform:uppercase; font-weight:bold; line-height:40px;}

.content .design .item .p1 i{ font-size:38px;font-weight:bold;font-style:normal;margin:10% 0; position:absolute; left:190px; top:0;}

.content .design .item .p1{ position:relative; display:none}

.content .design .item .p1 font{ border:solid 1px #252525; text-align:center; position:absolute;padding:6px 9px;left:255px; text-transform:uppercase;top:0; font-size:12px;}

.content .design .item .p1 font em{ font-size:22px; font-style:normal; font-weight: bold;}

.content .design .item .p2{ font-size:30px; margin:10px 0 20px 0;}

.content .design .item .p3{ font-size:15px; color:#797979}

.video .p{ font-size:18px; margin:15% auto; max-width:730px; text-align:left;}

.video .video-left,.video .video-right{ width:49.8%;}

.video .video-item{ color:#fff; position:relative; overflow:hidden;}

.video .video-item:hover .pic-scale{-webkit-transform: scale(1.1);transform: scale(1.1);}

.video .video-item .item{ position:absolute; left:0; top:0; width:100%; padding:6%;height:100%; color:#fff;}

.video .video-item .item .p1{ font-size:30px; line-height:35px;text-transform:uppercase}

.video .video-item .item .p2{ margin:20px 0;text-align:center;font-size:22px;}

.video .video-item .item .p3{ text-align:center;}

.video .video-item .item .p3 img{ margin:0 auto; display:block}

.video .video-left .item .p2{ margin-top:25%;}

.video .video-right .item .p2{ text-align:left; font-size:18px;}

.video .video-right .item .p3{ position:absolute; right:2.5%; bottom:5%; width:40px;}

.video .video-right .clear{ margin-top:1%;}



@media (min-width: 1200px){

.products ul li .item{ display:block;opacity:1;}		

}



@media (max-width:1024px){

/*.slider{ background:url(img/slider.jpg) no-repeat center; padding:35% 0;background-size: cover;}*/

.slider .video{ display:none;}

.slider .item{ position:static; margin:0 auto; display:block;}	

.arrival .arrival-ul{ overflow:hidden;}	

.products ul li span{ font-size:24px;}	

.products ul li font{ font-size:16px; padding-bottom:50px;}

.content .content-left{ height:900px;}	

.content .content-right ul li{ height:450px;}

.content .design{ height:375px; background-size:60%;}

.video .video-item .item .p1{ font-size:22px; line-height:26px;}

.video .video-left .item .p2{ font-size:19px;}

.video .video-right .item .p2{ font-size:15px;}

}

@media (max-width:1023px) and (min-width:769px){

.arrival .item{ width:35%;}

.arrival .item .p1{ font-size:26px;}

.arrival .item .p2{ font-size:30px;}

.arrival .item .p2,.arrival .item .p5{ margin-top:12.5%;}

.arrival .item .p3{ font-size:18px;}

}

@media (max-width:768px){

.slider .item .p1{ line-height:50px; font-size:50px;}

.slider .item .p2{ font-size:18px;}

.slider .item .p4{ font-size:20px;}

.arrival .item .p2,.arrival .item .p5{ margin-top:10%;}	

.arrival .item{ width:100%; max-width:100%; position:static; margin-bottom:10%;}

.arrival .arrival-ul{ width:100%; max-width:100%;}	

.products .products-bg{ height:100%}	

.products ul li{ padding-top:0%;}

.products ul li font{ padding-bottom:15%;}

.products ul li { width:49%; margin-bottom:0%}

.products ul li.l{ margin-right:0% !important;}

.products ul li.r{ margin-left:0.5% !important;}

.content{ padding:10% 0;}

.content .content-left,.content .content-right{ width:100%}

.content .content-left,.content .content-right ul li{ height:auto;}

.content .content-left .thumb{ display: block;}

.content .content-left .top .p1{ font-size:30px; line-height:35px;}

.content .content-left .top .p2{ font-size:35px;}

.content .content-left .bottom .p1{ font-size:50px;}

.content .content-right ul li .p2{ font-size:25px;}

.content .design .item .p1 span{ font-size:30px; line-height:35px;}

.content .design .item .p2{ font-size:32px;}

.content .design .item .p1 i{ font-size:32px; left:165px;}

.content .design .item .p1 font{ left:225px;}

.content .design{ padding:10% 10% 15% 10%;}

.content .design .item{ margin:0;}

.video .video-left{ margin-bottom:1%;}	

.video .video-left,.video .video-right{ width:100%;}

}

@media (max-width:640px){

.content .design{ background:#e8e8e8; height:auto; padding-bottom:0;}

.content .design .item{ margin-bottom:10%;}

.content .design .thumb{ display:block;}

.news li{ max-height:inherit; min-height:inherit}

}

@media (max-width:480px){

/*.slider{ padding:50% 0;}	*/

.slider .item .p1{ line-height:36px; font-size:36px;}

.slider .item .p2{ font-size:14px;}

.slider .item .p4{ font-size:16px;}

.slider .item .p5{ margin-top:10%;}

.slider .item .p5 img{ width:40px;}	

.arrival .item .p1{ font-size:24px; line-height:30px;}

.arrival .item .p2{ font-size:28px;}

.arrival .item .p3{ font-size:16px;}

.arrival .item .p4{ font-size:13px;}

.arrival .item .p5{ font-size:16px;}	

.products ul li span{ font-size:14px; padding:0 5%;}	

.products ul li font{ font-size:12px; padding:2.5% 10% 20% 10%;}	

.content{ padding:15% 0;}	

.content .content-left .top .p1{ font-size:18px; line-height:22px;}

.content .content-left .top .p2{ font-size:22px;}

.content .content-left .bottom .p1{ font-size:45px;}

.content .content-left .bottom .p2{ font-size:16px;}

.content .content-left .bottom .p3{ font-size:13px;}

.content .content-right ul li.l1{background-size:20%;}

.content .content-right ul li .p1{ font-size:18px;}

.content .content-right ul li .p2{ font-size:20px;}

.content .content-right ul li .p3{ font-size:13px;}

.content .content-right ul li .p4{ font-size:14px; line-height:35px; width:140px;}

.content .design .item .p1 span{ font-size:24px; line-height:30px;}

.content .design .item .p1 font em{ font-size:16px;}

.content .design .item .p2{ font-size:22px;}

.content .design .item .p3{ font-size:13px;}

.content .design .item .p1 i{ font-size:20px; left:125px;}

.content .design .item .p1 font{ left:170px; padding:4px 3px}

.video .video-item .item .p1{ font-size:20px;line-height:24px;}

.video .video-left .item .p2{ font-size:16px;}

.video .video-left .item .p3 img{ width:45px;}

.video .video-right .item .p2{ font-size:14px;}

.video .video-right .item .p3{ width:30px; right:3%;}

.video .video-right .video-item img{ width:120%; margin-left:-10%; max-width:120%;}

.video .p{ font-size:14px;}

}

@media (max-width:320px){

.slider .item .p1{ line-height:30px; font-size:30px;}

.slider .item .p2{ font-size:13px;}

.slider .item .p4{ font-size:14px;}

.arrival .item .p1{ font-size:22px;}

.arrival .item .p2{ font-size:26px;}

.arrival .item .p3{ font-size:14px;}

.arrival .item .p4{ font-size:12px;}

.arrival .item .p5{ font-size:14px;}		

.products ul li{ width:100%;}	

.products ul li span{ font-size:18px;}	

.products ul li font{ padding-bottom:15%; font-size:13px;}

.content .content-left .top .p1{ font-size:16px; line-height:22px;}

.content .content-left .top .p2{ font-size:20px;}

.content .content-left .bottom .p1{ font-size:40px;}

.content .content-left .bottom .p2{ font-size:15px;}

.content .content-left .bottom .p3{ font-size:12px; margin-top:25px;}

.content .content-right ul li .p1{ font-size:16px;}

.content .content-right ul li .p2{ font-size:18px;}

.content .content-right ul li .p3{ font-size:12px;}

.content .content-right ul li .p4{ font-size:12px; line-height:30px; width:110px;}

.content .design .item .p1 span{ font-size:20px;}

.content .design .item .p1 font em{ font-size:14px;}

.content .design .item .p2{ font-size:16px;}

.content .design .item .p3{ font-size:12px;}

.content .design .item .p1 i{left:105px;}

.content .design .item .p1 font{ left:140px;}

.video .video-item .item .p1{ font-size:16px;line-height:20px;}

.video .video-left .item .p2{ font-size:15px; margin-top:18%;}

.video .video-left .item .p3 img{ width:40px;}

.video .video-right .item .p2{ font-size:13px;}

.video .video-right .item .p3{ width:25px; right:5%; bottom:7.5%;}

.video .video-right .video-item img{ width:120%; margin-left:-10%; max-width:120%;}

.video .p{ font-size:12px;}

}