.banner{position:relative;height:900px;width:100%;overflow:hidden;}
.banner img{width:100%;display:block;position:absolute;left:0;top:0;height:100%;}

#layui-layer1{ border-radius: 15px;}

/***history*/
#history{background:#fff; position:relative;width:100%;z-index:1;overflow:hidden;}
#history .lbox{width:82%;margin:0px auto;position:relative;}
#history .bgText{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;}
#history .hisRight{position:absolute;right:0;top:0;height:850px;width:45%;z-index:2;}
#history .showBox {
    position: absolute; width: 500px;height: 700px;
    background:#fff; left: 50%;top: 50%;
    transform: translate(-50%,-50%);
}
.showBox img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}

.cIntr{width:600px;padding-top:160px;height:850px;box-sizing:border-box;position:relative;}
.cIntr .ct{font-size:70px;line-height:100%;}
.cIntr .cdes{font-size:20px;line-height:150%;margin-top:10px;}

.cIntr .arrow{position:absolute;left:0;bottom:10%;z-index:3;width:92px;height:92px;text-align:center;box-sizing:border-box;padding-top:35px;}
.cIntr .arrow span{position:relative;z-index:3;font-size:20px;}
.cIntr .arrow::after{width:90px;height:90px;z-index:1;}

/***/
#tabs{background:#fff;padding-bottom:15px;}
#tabs .tabBox{
    width:82%;margin:0px auto;padding:30px 42px;box-sizing:border-box;
    border-radius: 15px 15px 0 0; background:#1a1a1a;
}
#tabs span{
    display:inline-block;padding:0px 70px; position:relative;font-size:50px;color:#9e9e9e;
    height:90px;line-height:90px;border-bottom:10px solid #9ee346;font-weight:bold;cursor:pointer;
}
#tabs span:hover{color:#9ee346;}

#tabs span::after{content:'';display:block;position:absolute;right:0;top:22px;background:#9e9e9e;width:1px;height:40px;}
#tabs .first{padding-left:0;}
#tabs .last{padding-right:0;}
#tabs .last::after{width:0;}
#tabs .sort0 .current{color:#9ee346;}
#tabs .sort0 span{border-color:#9ee346;}

#tabs .sort1 .current{color:#a79259;}
#tabs .sort1 span{border-color:#a79259;}

#tabs .sort2 .current{color:#c0c0c0;}
#tabs .sort2 span{border-color:#c0c0c0;}

/***/
#proItems{background:#fff;}
#proItems .proItem{position:relative;}
#proItems .bgImg{width:100%;display:block;position:absolute;z-index:1;left:0;top:0;}
#proItems .viewBox{width:82%;margin:0px auto;height:800px;position:relative;z-index:2;}
#proItems .bigImg{width:34.5%;position:absolute;right:0;top:0;z-index:88;}


.timeRolls{width:900px;position:absolute;z-index:99;left:-50px;bottom:50px; height:145px;}

.timeRolls .box{width:900px; position:relative; z-index:2;height:145px;overflow:hidden;}
.spTip{position:absolute;left:0px;bottom:0; z-index:9;width:140px;height:6px;border-radius:15px;background:#cd3b43;}

.timeItems{width:940px;position:absolute;left:0;top:0;border-bottom:4px solid #dcdddd;}
.timeItem{float:left;width:190px;height:140px;}
.timeItem img{width:140px;height:140px;display:block;cursor:pointer;}

.timeRolls .timejt{position:absolute;top:90px;cursor:pointer;}
.timeRolls .jtleft{left:-120px;display:none;}
.timeRolls .jtright{right:-100px;}

.timetip{position:absolute;left:160px;top:0; z-index:9;}
.tTitle{font-size:28px;height:38px;line-height:38px;padding-bottom:30px;}
/***/

.viewItems{position:relative;overflow:hidden;}
.viewItems .viewItem{position:relative;z-index:10;left:0;top:0;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.viewItems .vhd {position:absolute;z-index:1;}
/***/
.products { background: #fff; position: relative;}

.products .bg{width:100%; display:block;position:relative;z-index:1;}
.products .viewBox{position:absolute;width:81.9%;background:#fff;z-index:10;
                   left: 50%;top:21.2%; transform: translate(-50%,0);
                   border-radius:15px;overflow:hidden;
}
.products .viewBox img{width:100%;display:block;}
.products .viewBox .ordPic{position:relative;z-index:20;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;cursor:pointer;}
.products .viewBox .tempPic{position:absolute;left:0;top:0;z-index:10;height:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.products .pics{position:absolute;width:81.9%;z-index:10;
                   left: 50%;top:3.5%; transform: translate(-50%,0);
                   border-radius:15px;overflow:hidden;}
.products .pics{cursor:pointer;}
.products li{float:left;width:19%;margin-right:1.24%;}
.products li.last{margin-right:0;}
.products li img{width:100%;}

#proSort3 .pics { display: none;}
#proSort3 .viewBox{top:17.8%;}
#proSort1 .spTip{background:#9ee346;}
#proSort2 .spTip{background:#a79259;}
#proSort3 .spTip{background:#c0c0c0;}
 /***/
.layer7{background:#fff;z-index:11;position:relative;padding:20px 0;}
.layer7 .lBox{width:96%;background:#fff;margin:0 auto;position:relative;}
.layer7 ul{width:100%;}
.layer7 li{float:left;width:24%;position:relative;height:400px;border-radius:15px;overflow:hidden; margin-right:1.3%;}
.layer7 .last{margin-right:0;}
.layer7 .bgImg{width:100%;height:100%;position:absolute;left:0px;top:0;z-index:1;}
.layer7 .txt{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;}

/**/
.layer8 {background:#fff; z-index:10;position:relative;padding:48px 0 110px 0;}
.layer8 .lBox{width:96%;background:#161616;margin:0 auto;border-radius:15px;padding:20px 0;position:relative;}
.layer8 .lBox .bg{position:absolute;z-index:10;top:0px;width:150px; height:150px;}
.layer8 .lBox .bg img{width:100%;height:160px;}
.layer8 .lBox .bgl {left: 0px;background: linear-gradient(to right, rgba(22, 22, 22, 1), rgba(22, 22, 22, 0));}
.layer8 .lBox .bgr{right:0px;background: linear-gradient(to right, rgba(22, 22, 22, 0), rgba(22, 22, 22, 1));}

.marqueeBox{width:90%; height:150px; margin:0px auto;position:relative;z-index:1;}
.scroll-container{height:80px;width:100%;line-height:80px;overflow:hidden;}

.scroll-text{font-size:56px;color:#fff;font-weight:bold;}
#marquee2{height:70px;line-height:70px;}
#marquee2 .scroll-text{color:#333;font-size:52px;}
.ly8_img { width:73%;margin:0 auto;}
.ly8_img img{width:100%;}