body{background-color: #fee9e8;}
.text-indent{text-indent: -9999px;}
.main{position: relative;height: 5430px;overflow: hidden;}
.bgAll{position: absolute;width:100%;z-index: -1;top:0;left: 0;}
.bgAll .bg1{background: url("../images/bigbg1.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg2{background: url("../images/bigbg2.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg3{background: url("../images/bigbg3.jpg") no-repeat center;width: 100%;height: 263px;}
.bgAll .bg4{background: url("../images/bigbg4.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg5{background: url("../images/bigbg5.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg6{background: url("../images/bigbg6.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg7{background: url("../images/bigbg7.jpg") no-repeat center;width: 100%;height: 263px;}
.bgAll .bg8{background: url("../images/bigbg8.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg9{background: url("../images/bigbg9.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg10{background: url("../images/bigbg10.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg11{background: url("../images/bigbg11.jpg") no-repeat center;width: 100%;height: 263px;}
.bgAll .bg12{background: url("../images/bigbg12.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg13{background: url("../images/bigbg13.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg14{background: url("../images/bigbg14.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg15{background: url("../images/bigbg15.jpg") no-repeat center;width: 100%;height: 263px;}
.bgAll .bg16{background: url("../images/bigbg16.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg17{background: url("../images/bigbg17.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg18{background: url("../images/bigbg18.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg19{background: url("../images/bigbg19.jpg") no-repeat center;width: 100%;height: 263px;}
.bgAll .bg20{background: url("../images/bigbg20.jpg") no-repeat center;width: 100%;height: 262px;}
.bgAll .bg21{background: url("../images/bigbg21.jpg") no-repeat center;width: 100%;height: 262px;}
.topInfo{overflow: hidden;}
.topInfo .til{background: url("../images/top-title1.png") no-repeat;width: 546px;height: 40px;margin-left: auto;margin-right: auto;margin-top: 955px;}
.topInfo .time{position: relative;width: 500px;margin-left: auto;margin-right: auto;margin-top: 20px;}
.topInfo .time .font{height: 27px;width: 273px;line-height: 27px;background-color: #f14453;text-align: center;font-size: 16px;font-weight: bold;margin-left: auto;margin-right: auto;color: #fff;}
.topInfo .time .linesBg{background-color: #f485a2;display: block;position: absolute;width: 100%;left: 0;top:13px;height: 1px;z-index: -1;}
.topInfo .listInfo{margin-top: 40px;}
.topInfo .listInfo li{width: 400px;padding: 40px 0;text-align: center;float: left;}
.topInfo .listInfo li .tri{display: block;background: url("../images/icon_tri.png") no-repeat;width: 13px;height: 10px;margin-left: 195px;*margin-left: 3px;}
.topInfo .listInfo li .img{display: inline-block;}
.topInfo .listInfo li font{display: inline-block;margin-left: 3px;margin-top: 10px;}
.topInfo .listInfo li.spec-left .img{margin-left: 80px;}
.topInfo .listInfo li.spec-left .tri{margin-left: 235px;*margin-left: 85px;}
.topInfo .listInfo li.spec-left font{margin-left: 80px;}
.topInfo .listInfo li.spec-right .img{margin-left: -30px;}
.topInfo .listInfo li.spec-right .tri{margin-left: 185px;*margin-left: -18px;}
.topInfo .listInfo li.spec-right font{margin-left: -18px;}
.part1{margin-top: 80px;}
.part1 .titles{background: url("../images/titles1.png") no-repeat;margin-left: auto;margin-right: auto;width: 798px;height: 116px;}
.part1-one{background: url("../images/bgk1.png") no-repeat;width: 1200px;height: 627px;margin-left: auto;margin-right: auto;margin-top: 47px;}
.part1-one>div.fl{width: 519px;height: 589px;position: relative;margin-top: 18px;margin-left: 15px;}
.part1-one>div.fl .img{display: block;width: 499px;height: 569px;border: 10px solid transparent;overflow: hidden;}
.part1-one>div.fl .img img{width: 100%;height: 100%;}
.part1-one>div.fl .narrow{position: absolute;right: 60px;bottom: 145px;overflow: hidden;background: url("../images/icon_narrow.png") no-repeat;width: 48px;height: 52px;animation:move 3s linear infinite;-webkit-animation:move 3s linear infinite;-moz-animation:move 3s linear infinite;-o-animation:move 3s linear infinite;}

.part1-one>div.fr{width: 614px;margin-top: 18px;margin-right: 15px;}
.box{position: relative;}
.part1-one>div.fr .img{display: block;width: 594px;height: 330px;border: 10px solid transparent;overflow: hidden;}
.part1-one>div.fr .img img{width: 100%;height: 100%;}
.part1-one>div.fr .desc{margin-top: 15px;text-align: center;}
.part1-one>div.fr .desc span{display: inline-block;}
.part1-one>div.fr .desc .fonts{color: #808080;border-top: 1px solid #920202;display: inline-block;margin-top: 10px;height: 34px;line-height: 34px;font-size: 15px;}
.part1-one>div.fr .desc .price1{margin-top: 10px;*margin-top: 13px;}
.part1-one>div.fr .desc .price2{margin-top: 12px;*margin-top: 15px;}
.part1-one>div.fr .desc a.dShop{display: block;background: url("../images/icon_btn1.png") no-repeat;width: 120px;height: 35px;margin-left: auto;margin-right: auto;text-align: center;color: #fff;line-height: 35px;margin-top: 25px;*line-height: 33px;}
.part1-one>div.fr .desc a.dShop:hover{background-position: 0 bottom;}
.part1-one>div.fr .desc a.dShop:active{background-position:0 0;}
.part1-two,.part2-two{margin-top: 140px;width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;}
.part1-two ol,.part2-two ol{overflow: hidden;}
.part1-two li,.part2-two li{float: left;width: 400px;overflow: hidden;}
.part1-two li .img,.part2-two li .img{display: block;width: 380px;height: 569px;border: 10px solid transparent;overflow: hidden;}
.part1-two li .desc,.part2-two li .desc{margin-top: 10px;text-align: center;}
.part1-two li .desc span,.part2-two li .desc span{display: inline-block;vertical-align: middle;}
.part1-two li .desc .fonts,.part2-two li .desc .fonts{color: #808080;border-top: 1px solid #920202;display: inline-block;margin-top: 15px;height: 34px;line-height: 34px;font-size: 15px;}
.part1-two li .desc .price1,.part2-two li .desc .price1{margin-left: 5px;}
.part1-two li .desc a.dShop,.part2-two li .desc a.dShop{display: block;background: url("../images/icon_btn2.png") no-repeat;width: 85px;height: 24px;margin-left: auto;margin-right: auto;text-align: center;color: #fff;line-height: 24px;margin-top: 10px;}
.part1-two li .desc a.dShop:hover,.part2-two li .desc a.dShop:hover{background-position: 0 bottom;}
.part1-two li .desc a.dShop:active,.part2-two li .desc a.dShop:active{background-position:0 0;}

.part2{margin-top: 85px;}
.part2 .titles{background: url("../images/titles2.png") no-repeat;margin-left: auto;margin-right: auto;width: 897px;height: 116px;}
.part2 .part2-one{background: url("../images/bgk2.png") no-repeat;width: 1200px;height: 537px;margin-left: auto;margin-right: auto;margin-top: 45px;}
.part2-one .pictures{width: 730px;height: 499px;position: relative;margin-top: 18px;margin-left: 15px;}
.part2-one .pictures .img{display: block;width: 710px;height: 479px;border: 10px solid transparent;overflow: hidden;}
.part2-one .pictures .img img{width: 100%;height: 100%;}
.part2-one .pictures .narrow{position: absolute;right: 35px;bottom: 135px;overflow: hidden;background: url("../images/icon_narrow.png") no-repeat;width: 48px;height: 52px;animation:move 3s linear infinite;-webkit-animation:move 3s linear infinite;-moz-animation:move 3s linear infinite;-o-animation:move 3s linear infinite;}

.part2-one .describe{width: 425px;margin-top: 28px;margin-right: 25px;text-align: center;}
.part2-one .describe span{display: inline-block;}
.part2-one .describe .fonts{color: #808080;border-top: 1px solid #920202;display: inline-block;margin-top: 10px;height: 34px;line-height: 34px;font-size: 15px;}
.part2-one .describe .images1{margin-top: 130px;}
.part2-one .describe .price1{margin-top: 13px;*margin-top: 15px;}
.part2-one .describe .price2{margin-top: 12px;*margin-top: 15px;}
.part2-one .describe a.dShop{display: block;background: url("../images/icon_btn1.png") no-repeat;width: 120px;height: 35px;margin-left: auto;margin-right: auto;text-align: center;color: #fff;line-height: 35px;margin-top: 50px;*line-height: 33px;}
.part2-one .describe a.dShop:hover{background-position: 0 bottom;}
.part2-one .describe a.dShop:active{background-position:0 0;}

.part2 .part2-three{margin-top: 100px;}
.part2-three .pictures .narrow{background: url("../images/icon_narrow2.png") no-repeat;right: auto;left: 35px;}
.part2-three .pictures{margin-left: 0;margin-right: 15px;}
.part2-three .describe{margin-right: 0;margin-left: 25px;}

.footer{color: #808080;text-align: center;height: 100px;line-height: 100px;}

.part1-one>div.fl .border-top,.box .border-top,.part2-one .pictures .border-top{position:absolute;height:10px;width:0;font-size:0;top:10px;left:10px;background-color: #f14554;opacity:.7;filter:alpha(opacity=70);-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.part1-one>div.fl .border-right,.box .border-right,.part2-one .pictures .border-right{position:absolute;height:0;width:10px;font-size:0;background:#f14554;opacity:.7;filter:alpha(opacity=70);bottom:10px;right:10px;-webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.part1-one>div.fl .border-bottom,.box .border-bottom,.part2-one .pictures .border-bottom{position:absolute;height:10px;width:0;font-size:0;background:#f14554;opacity:.7;filter:alpha(opacity=70);right:10px;bottom:10px; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.part1-one>div.fl .border-left,.box .border-left,.part2-one .pictures .border-left{position:absolute;height:0;width:10px;font-size:0;background:#f14554;opacity:.7;filter:alpha(opacity=70);left:10px;top:10px;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.part1-one>div.fl.hover .border-top,.part1-one>div.fl.hover .border-bottom{width:499px}
.part1-one>div.fl.hover .border-left,.part1-one>div.fl.hover .border-right{height:569px}
.part1-one>div.fr .box.hover .border-top,.part1-one>div.fr .box.hover .border-bottom{width:594px}
.part1-one>div.fr .box.hover .border-left,.part1-one>div.fr .box.hover .border-right{height:330px}
.part1-two li .box.hover .border-top,.part1-two li .box.hover .border-bottom{width:380px}
.part1-two li .box.hover .border-left,.part1-two li .box.hover .border-right{height:569px}
.part2-two li .box.hover .border-top,.part2-two li .box.hover .border-bottom{width:380px}
.part2-two li .box.hover .border-left,.part2-two li .box.hover .border-right{height:569px}
.part2-one .pictures.hover .border-top,.part2-one .pictures.hover .border-bottom{width:710px}
.part2-one .pictures.hover .border-left,.part2-one .pictures.hover .border-right{height:479px}

.topInfo .listInfo li .img{-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}
.topInfo .listInfo li .img:hover{-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);transform:rotateY(360deg);}

.part1-two li, .part2-two li{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.part1-two li:hover, .part2-two li:hover{-moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px);transform:translateY(-10px);}

.back{display: none;position: fixed;width: 70px;height: 70px;bottom: 200px;left: 50%;background: url("../images/icon_back.png") no-repeat 0 0;z-index: 1000;margin-left: 640px;}
.back:hover{background-position:0 -70px;}
.back:active{background-position:0 0;}
/*动画*/
@keyframes move{
    0%,100%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(10px);
    }
}

@-webkit-keyframes move{
    0%,100%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(10px);
    }
}

@-moz-keyframes move{
    0%,100%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(10px);
    }
}

@-o-keyframes move{
    0%,100%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(10px);
    }
}