/* by Adon , CSS Document */

.index-slider-mb{display:none}
.index-slider-mb .owl-controls{position:absolute;bottom:10%;right:0;left:0;width:100%;text-align:center}
.index-slider-mb .owl-controls .owl-page{float:none!important;display:inline-block}
.index-slider .owl-controls{margin:15% auto 0;max-width:1350px;position:absolute;padding-left:50px;padding-right:50px;top:50%;right:0;left:0;width:100%;text-align:right}
.index-slider .owl-controls .owl-pagination{float:right}
.slider{overflow:hidden;position:relative}
.slider,.slider li,.slider li a{float:left;width:100%}
.slider li img{display:block;margin:0 auto}
.slider li{position:relative;overflow:hidden}
.slider li .box{position:absolute;left:0;top:0;width:100%;max-width:1350px;margin:0 auto;right:0;padding-left:50px;padding-right:50px;text-align:right;color:#5c5c5c;height:100%;font-size:30px}
.slider li .box>div{margin-top:11%}
.slider li .box .p2{font-size:75px}
.slider li .box .p3{height:1px;background:#e3e3e3;width:100%;max-width:280px;float:right;margin:25px 0 30px}
.slider li .box .p4{text-transform:uppercase}
.slider li .box .p5{font-size:16px;margin:20px 0 50px}
.slider li .box .p6{background:#d2965c;color:#fff;max-width:125px;font-size:16px;text-align:center;line-height:40px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;float:right;width:100%;max-width:125px}
.slider .owl-controls .owl-page{float:left;margin:0 5px;width:10px;height:10px;background:url(../img/slider.png) no-repeat left}
.slider .owl-controls .owl-page.active{background:url(../img/slider.png) no-repeat right}
.index-showr{float:left;width:100%;color:#5c5c5c}
.index-showr .index-showrp{margin:130px 0}
.index-showr .p1{font-size:40px}
.index-showr .p2{font-size:35px;margin:5px 0}
.index-showr .p3{font-size:18px;color:#757575}
.index-showr ul li{float:left;width:24%;position:relative;margin-right:1%}
.index-showr ul li img{width:100%;display:block}
.index-showr ul li.l4{margin-right:0}
.index-showr ul li:hover .bg{display:block}
.index-showr ul li .bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#d2965c}
.index-showr ul li em{position:absolute;top:50%;z-index:9;left:0;right:0;margin:-30px auto 0;width:116px;height:60px;background-repeat:no-repeat}
.index-showr ul li.l1 em{background-image:url(../img/index-showr1.png)}
.index-showr ul li.l2 em{background-image:url(../img/index-showr2.png)}
.index-showr ul li.l3 em{background-image:url(../img/index-showr3.png)}
.index-showr ul li.l4 em{background-image:url(../img/index-showr4.png)}
.index-showr .p4{font-size:13px;color:silver;width:100%;max-width:650px;margin:60px auto 200px;text-align:center}
.index-case{float:left;width:100%;height:1024px;background:url(../img/index-case.jpg) no-repeat center;color:#fff}
.index-case .p1{font-size:40px;margin-top:200px}
.index-case .p2{font-size:35px;margin:15px 0 20px;line-height:40px}
.index-case .p3{font-size:16px}
.index-case ul{margin-top:100px}
.index-case ul li{position:relative;float:left;border:1px solid #777878;font-size:18px;width:160px;height:160px;padding:20px 0 0 20px;margin:0 5px 5px 0}
.index-case ul li:hover{border:1px solid #d2965c;background:#d2965c}
.index-case ul li a{color:#fff}
.index-case ul li span{display:block;margin-bottom:10px}
.index-case ul li font{display:block}
.index-case ul li.clear{margin-right:0}
.index-case ul li em{background:url(../img/index-case.png) no-repeat;width:19px;height:19px;position:absolute;right:20px;bottom:20px}
.index-news{float:left;width:100%;background:#f5f5f5;color:#5c5c5c}
.index-news .index-newsp{margin:130px 0}
.index-news .p1{font-size:40px}
.index-news .p2{font-size:35px;line-height:40px;margin:10px 0}
.index-news .p3{font-size:18px;color:#757575}
.index-news .p4{text-align:center;border:1px solid #d2d2d2;clear:both;line-height:60px;width:100%;max-width:300px;margin:130px auto 150px;font-size:16px}
.index-news .p4:hover{ background:#d2965c}
.index-news .p4:hover a{ color:#fff}
.index-news ul li{float:left;width:32%;margin-right:2%}
.index-news ul li.clear{margin-right:0}
.index-news ul li span{display:block;font-size:18px;margin:25px 0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:25px;}
.index-news ul li p{height:66px;color:#838383;line-height:22px;overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-right:25px;}
.index-news ul li em{margin-top:35px;display:block;border-top:1px solid #dedede;background:url(../img/index-news.png) no-repeat left bottom;height:35px}
.index-space{float:left;width:100%;height:1024px;background:url(../img/index-space.jpg) no-repeat center;color:#fff}
.index-space .p1{text-align:center;font-size:70px;margin-top:250px}
.index-space .p2{text-align:center;font-size:40px;margin:5px 0 25px}
.index-space .p3{text-align:center;font-size:16px;max-width:666px;margin:0 auto}
.index-space ul{margin:100px auto 0;width:100%;max-width:765px;overflow:hidden}
.index-space ul li{float:left;text-align:center;border:1px solid #9f9c97;width:167px;margin:0 12px;height:167px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.index-space ul li a{color:#fff}
.index-space ul li span{display:block;font-size:20px;margin:20px 0 10px}
.index-space ul li font{display:block;font-size:15px;margin-bottom:15px}
.index-space ul li:hover{border:1px solid #d2965c;background:#d2965c}
@media (min-width:1920px){
.slider .owl-controls{margin-top:200px}
}
@media (max-width:1600px){
.slider li .box>div{margin-top:8%}
.slider li .box .p2{font-size:60px}
}
@media (max-width:1440px){
.slider li .box{font-size:24px}
}
@media (max-width:1366px){
.slider li img{max-width:110%;width:110%;margin-left:-5%}
}
@media (max-width:1280px) and (min-width:1025px){
.slider li .box{font-size:20px}
.slider li .box .p2{font-size:50px}
.slider li .box .p3{max-width:200px}
.slider li .box .p5,.slider li .box .p6{font-size:12px}
.slider li .box .p3{margin:15px 0 20px}
.slider li .box .p5{margin:10px 0 30px}
.slider .owl-controls{margin-top:150px}
.index-case ul li.clear{margin-right:5px}
}
@media (max-width:1024px){
.index-slider{display:none}
.index-slider-mb{display:block}
.index-case ul li{margin-right:5px!important}
}
@media (max-width:991px) and (min-width:769px){
.index-space ul li{width:160px}
}
@media (max-width:768px){
.index-slider-mb .owl-controls{display:none!important}
.index-news .index-newsp,.index-showr .index-showrp{margin:50px 0}
.index-news .p1,.index-showr .p1{font-size:33px}
.index-news .p2,.index-showr .p2{font-size:30px}
.index-news .p3,.index-showr .p3{font-size:15px}
.index-news .p4,.index-showr .p4{margin-top:35px;margin-bottom:100px}
.index-case,.index-space{height:auto;padding:80px 0}
.index-case .p1{font-size:33px;margin-top:0}
.index-case .p2{font-size:30px}
.index-case .p3{font-size:15px}
.index-case ul{margin-top:50px}
.index-case ul li{width:19%;margin:.5%!important;font-size:15px;height:auto;padding:15px 0 8% 15px}
.index-case ul li em{width:14px;height:14px;background-size:contain}
.index-news ul li,.index-showr ul li{width:48%;margin:1%!important}
.index-news ul li.clear{display:none}
.index-space ul li{width:24%;margin:.5%!important}
.index-space .p1{font-size:55px;margin-top:0}
.index-space .p2{font-size:35px}
.index-space .p3{font-size:15px}
.index-space ul{margin-top:50px}
}
@media (max-width:640px){
.index-case ul li{width:24%}
.index-news .p1,.index-showr .p1{font-size:26px}
.index-news .p2,.index-showr .p2{font-size:20px}
.index-news .p3,.index-showr .p3{font-size:13px}
.index-news .p4,.index-showr .p4{font-size:12px}
.index-news .p4{max-width:250px;line-height:50px}
.index-showr ul li em{width:82px;height:40px;margin-top:-15px;background-size:contain}
.index-news .p2{line-height:28px}
.index-case .p1{font-size:26px;margin-top:0}
.index-case .p2{font-size:20px;line-height:28px}
.index-case .p3{font-size:13px}
.index-case ul li{font-size:14px}
.index-case ul li font{font-size:12px}
.index-news ul li span{font-size:16px}
.index-space .p1{font-size:40px}
.index-space .p2{font-size:25px}
.index-space .p3{font-size:13px}
}
@media (max-width:580px){
.index-space ul{max-width:333px}
.index-space ul li{width:48%;margin:1%!important;height:150px}
.index-space ul li span{font-size:16px}
.index-space ul li font{font-size:13px}
.index-space ul li .thumb{height:25px}
}
@media (max-width:480px){
.index-case ul li{width:32%;padding-bottom:10%}
.index-case ul li em{right:15px;bottom:15px}
.index-news ul li{width:100%;margin-left:0!important;margin-right:0!important;margin-top:5%!important}
.index-news ul li:first-child{margin-top:0!important}
.index-news ul li p{height:auto}
}