body{ font: 16px '\5FAE\8F6F\96C5\9ED1'; min-width: 1200px;}
.fl{ float: left;}
.fr{ float: right;}
.ovf{ overflow: hidden;}
.wrap{ width: 1200px; margin: 0 auto;}


.header{ background: url("../images/ban_5.jpg") no-repeat top center;}
.header .wrap{ position: relative;}
.header .logo{ display: block;}
.header img{ display: block;}
.header .wrap .img-1{ position: relative; width: 997px; height: 710px; margin: -40px 0 0 170px; background: url("../images/circle_bg.png") no-repeat 99px top;}
.header .wrap .img-1 .txt{ position: absolute; top: 94px; left: -10px; z-index: 2;}
.header .wrap .img-1 .circle{ position: absolute; top: 52px; left: 148px;}
.header .wrap .img-1 .circle-2{ -webkit-animation: light .3s linear infinite; -moz-animation: light .3s linear infinite; animation: light .3s linear infinite;}
.header .wrap .img-1 .ball{ position: absolute; top: 43px; left: 154px; -webkit-animation: ball 4s linear infinite; -moz-animation: ball 4s linear infinite; animation: ball 4s ease-in-out infinite; z-index: 3;}
.header .wrap .img-1 .txt-2{ position: absolute; top: 495px; left: 176px; z-index: 2;}

.header .wrap .img-4{ margin: 5px 0 0 82px;}
.header .wrap .img-2{ position: relative; margin: -409px 0 0 171px;}
.header .wrap .img-3{ position: absolute; top: 121px; left: 603px; -webkit-animation: ball 6s linear infinite; -moz-animation: ball 6s linear infinite; animation: ball 6s linear infinite;}

.nav{ position: fixed; top: 0; right: 0; bottom: 0; width: 40px; background: black; z-index: 99;}
.nav .top{ position: absolute; top: 0; right: 0; width: 90px; background: #f92122; color: white; text-align: center;}
.nav .top p{ padding: 35px 0 15px 0; font-size: 12px; text-shadow: 0 0 1px #9c0304;}
.nav .top span{ display: block; font-size: 12px;}
.nav .top label{ display: block; font-size: 16px;}
.nav .top a{ display: block; height: 50px; font-size: 12px; color: white; overflow: hidden;}
.nav .top a i{ display: block; width: 16px; height: 17px; margin: 6px auto; background: url("../images/icon_logo.png") no-repeat;}
.nav .top a.c1{ background: #ec30f9;}
.nav .top a.c2{ background: #ff0036;}
.nav .top a.c3{ background: #ff5705;}
.nav .top a.c4{ background: #fc0278;}

.nav .bottom{ position: absolute; bottom: 0; right: 0; left: 0;}
.nav .bottom .qrcode{ position: relative; width: 100%;}
.nav .bottom .qrcode a{ display: block; width: 100%; height: 35px; background: url("../images/icon_qrcode.png") no-repeat center 10px;}
.nav .bottom .qrcode a:hover,.nav .bottom .qrcode.on a{ background-position: center -19px; background-color: #ffe03d;}
.nav .bottom .qrcode div{ position: absolute; right: 47px; bottom: -35px; width: 0; -webkit-transition: 1s linear; -moz-transition: 1s linear; transition: 1s linear; overflow: hidden;}
.nav .bottom .qrcode div img{ display: block; width: 170px;}
.nav .bottom .qrcode.on div{ width: 178px;}
.nav .bottom .qrcode.on div .caret{ float: right; width: 0; height: 0; margin: -56px 0 0 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #ffe03d;}
.nav .bottom .btn-bkt{ display: block; height: 35px; margin-top: 1px; text-align: center; line-height: 35px; color: white; font-size: 12px; background: #f92122;}
.nav .bottom .btn-bkt:hover{ background: #ffe03d; color: black;}


.discount{ width: 1019px; height: 441px; margin: 163px auto 0 auto; padding: 0 25px; background: url("../images/br_11.png") no-repeat;}
.discount .tlt{ margin-top: 66px; background: url("../images/txt_bg.png") no-repeat center; font-size: 50px; color: white; text-align: center; text-indent: 106px;}
.discount .tlt span{ font-size: 60px;}
.discount .tlt label{ font-size: 16px; color: #ff8c65;}
.discount .sub-tlt{ margin: 20px 0 35px 0; font-size: 30px; color: #deff00; text-align: center;}
.discount .detail div{ width: 310px; height: 150px; margin-left: 26px; background: url("../images/dis_bg.png") no-repeat;}
.discount .detail .yh{ width: 70%; margin: 20px auto 0 auto; line-height: 1;}
.discount .detail .yh .fl{ color: white; font: 80px '\9ED1\4F53';}
.discount .detail .yh span{ font-size: 40px; color: white;}
.discount .detail .yh label{ width: 42px; height: 41px; margin-right: 23px; background: url("../images/txx_bg2.png") no-repeat; font-size: 26px; color: #be008a; text-align: center; line-height: 41px;}
.discount .detail .mj{ font-size: 18px; color: white; text-indent: 80px;}
.discount .detail .link{ position: relative; width: 77px; height: 83px; margin: 39px -54px 0 -26px; background: url("../images/dis_link.png") no-repeat; z-index: 2; *zoom: 1;}

.main{ margin-top: -60px; padding-top: 60px; background: url("../images/bg_2.jpg") top center; padding-bottom: 30px;}
.part{ padding-top: 45px;}
.part .tlt{ text-align: center; color: white;}
.part .tlt h2{ background: url("../images/tlt_bg.png") no-repeat center; font-size: 60px; font-weight: normal; text-shadow: 2px 2px 2px black;}
.part .tlt .sub-tlt{ height: 89px; margin: 25px 0 63px 0; background: url("../images/tlt_bg2.png") no-repeat center; line-height: 89px; font-size: 25px;}
.part .tlt img{ position: relative; display: block; margin-bottom: -73px; z-index: 2;}


.part-1 .spec{ position: relative; width: 1184px; height: 546px; padding: 7px; margin: 0 auto; background: url("../images/spec1.png") no-repeat;}
.part-1 .spec .lbl{ position: absolute; left: 7px; top: 7px; width: 59px; height: 196px; padding: 43px 12px 0 12px; background: url("../images/lbl_bg.png") no-repeat; font-size: 30px; color: white; text-align: center;}
.part-1 .spec .left{ width: 500px; margin-left: 140px;}
.part-1 .spec .left .name{ display: block; margin: 55px 0 30px 0; font-size: 40px; color: #f4073f; font-weight: bold;}
.part-1 .spec .left .desc-1{ font-size: 40px; color: #333;}
.part-1 .spec .left .desc-2{ width: 365px; margin: 30px 0; border: 1px solid #333; border-left: none; border-right: none; font-size: 20px; color: #333; line-height: 35px;}
.part-1 .spec .left .price{ font-size: 21px; color: #f4073f; font-weight: bold;}
.part-1 .spec .left .val{ margin: 15px 0 35px 0; line-height: 1;}
.part-1 .spec .left .val span{ float: left; margin-top: 20px;}
.part-1 .spec .left .val strong{ font-size: 90px; font-weight: normal;}
.part-1 .spec .left .val strike{ margin-left: 20px; font-size: 25px; color: #9f9f9f; font-weight: normal;}
.part-1 .spec .left .btn-go{ display: block; width: 252px; height: 64px; background: url("../images/btn_go.png") no-repeat; text-indent: -9999px;}
.part-1 .spec .left .btn-go:hover{ opacity: .8; filter: alpha(opacity=80);}
.part-1 .spec .right{ width: 481px; height: 497px; margin: 24px 19px 0 0; overflow: hidden;}
.part-1 .spec .right img{ display: block; width: 100%; height: 100%; -webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}

.part .goods-list .list{ width: 1182px; margin: 20px auto 0 auto; padding: 7px; background: url("../images/br_1.png") no-repeat;}
.part-2 .goods-list .list{ background: url("../images/br_2.png") no-repeat;}
.part-3 .goods-list .list{ background: url("../images/br_3.png") no-repeat;}

.part .goods-list .list ul{ overflow: hidden; margin: 20px 0 0 18px;}
.part-3 .goods-list .list ul{ margin-top: 30px; *margin-top: 40px; *padding-bottom: 23px;}
.part .goods-list li{ position: relative; float: left; width: 365px; margin: 0 23px 25px 0; padding-bottom: 10px; background: white; *zoom: 1;}
.part .goods-list li a{ display: block; overflow: hidden;}
.part .goods-list li img{ display: block; width: 365px; height: 378px; -webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}
.part .goods-list li .lbl{ position: absolute; top: 0; left: 27px; width: 59px; height: 83px; background: url("../images/hot.png") no-repeat; color: white; text-align: center; line-height: 83px; font-size: 21px; z-index: 2;}
.part .goods-list li .info{ padding: 0 10px;}
.part .goods-list li .info > div{ width: 265px;}
.part .goods-list li .info .name{ width: 265px; height: 50px; color: #333; line-height: 25px; overflow: hidden;}
.part .goods-list li .info .btn-go{ width: 53px; height: 94px; padding: 16px 7px 0 7px; background: #f71232; color: white; font-size: 18px; text-align: center;}
.part .goods-list li .info .btn-go:hover{ background-color: #ed1600;}
.part .goods-list li .info .btn-go span{ font-size: 23px; color: #f0ff00;}
.part .goods-list img:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}

.part .goods-list li .info .price{ margin-top: 5px; padding-top: 10px; border-top: 1px solid #e9e9e7; color: #f4073f;}
.part .goods-list li .val{ margin-left: 10px; line-height: 1;}
.part .goods-list li .val span{ float: left; margin-top: 10px;}
.part .goods-list li .val strong{ font-size: 40px;}
.part .goods-list li .val strike{ margin-left: 20px; font-size: 16px; color: #9f9f9f;}
.part .more{ display: block; height: 60px; margin-bottom: 25px; *margin-top: 30px; background: #00097d; text-align: center; font-size: 25px; color: #ffe502; line-height: 60px;}
.part .more i{ display: inline-block; width: 41px; height: 25px; margin-right: 10px; background: url("../images/icon_more.png") no-repeat; vertical-align: middle;}

.part .goods-list li.spec{ width: 560px; margin-right: 22px; padding: 0;}
.part .goods-list li.spec img{ display: block; width: 560px; height: 473px;}
.part .goods-list li.spec .name{ height: 58px; background: url("../images/name_bg.png") no-repeat; line-height: 58px; font-size: 25px; color: white; text-indent: 12px;}
.part .goods-list li.spec .val{ color: #f4073f;}
.part .goods-list li.spec .val span{ font-size: 21px;}
.part .goods-list li.spec .val strong{ font-size: 70px;}
.part .goods-list li.spec .val strike{ font-size: 25px;}
.part .goods-list li.spec .info{ margin: 10px 0; }
.part .goods-list li.spec .btn-go{ width: 185px; height: 56px; margin: 7px 12px 0 0; padding: 0; background: url("../images/btn_go2.png") no-repeat; text-indent: -9999px;}
.part .goods-list li.spec .btn-go:hover{ background-color: transparent; opacity: .8; filter: alpha(opacity=80);}

.part-2 .tlt .sub-tlt{ font-size: 20px;}


.float{ position: absolute;}
.sl{ left: -80px; -webkit-animation: slideDown 5s ease-in-out infinite; -moz-animation: slideDown 5s ease-in-out infinite; animation: slideDown 5s ease-in-out infinite;}
.sr{ right: 0; -webkit-animation: slideUp 5s ease-in-out infinite; -moz-animation: slideUp 5s ease-in-out infinite; animation: slideUp 5s ease-in-out infinite;}
.s-2{ margin-top: 50%;}

.footer{ height: 70px; padding: 13px 0; background: url("../images/foot_bg.png") no-repeat center; color: #333; text-align: center; line-height: 35px;}


@-webkit-keyframes slideDown {
    from,to{ -webkit-transform: translateY(0);}
    50%{ -webkit-transform: translateY(-60px);}
}
@-moz-keyframes slideDown {
    from,to{ -moz-transform: translateY(0);}
    50%{ -moz-transform: translateY(-60px);}
}
@keyframes slideDown {
    from,to{ transform: translateY(0);}
    50%{ transform: translateY(-60px);}
}

@-webkit-keyframes slideUp {
    from,to{ -webkit-transform: translateY(0);}
    50%{ -webkit-transform: translateY(60px);}
}
@-moz-keyframes slideUp {
    from,to{ -moz-transform: translateY(0);}
    50%{ -moz-transform: translateY(60px);}
}
@keyframes slideUp {
    from,to{ transform: translateY(0);}
    50%{ transform: translateY(60px);}
}


@-webkit-keyframes ball {
    from, to{ -webkit-transform: translate(0, 0);}
    50%{ -webkit-transform: translate(-30px, -30px);}
}
@-moz-keyframes ball {
    from, to{ -moz-transform: translate(0, 0);}
    50%{ -moz-transform: translate(-30px, -30px);}
}
@keyframes ball {
    from, to{ transform: translate(0, 0);}
    50%{ transform: translate(-30px, -30px);}
}

@-webkit-keyframes light {
    from, 49.99%{ opacity: 1; filter: alpha(opacity=100);}
    50%,to{ opacity: 0; filter: alpha(opacity=0);}
}

@-moz-keyframes light {
    from, 49.99%{ opacity: 1; filter: alpha(opacity=100);}
    50%,to{ opacity: 0; filter: alpha(opacity=0);}
}

@keyframes light {
    from, 49.99%{ opacity: 1; filter: alpha(opacity=100);}
    50%,to{ opacity: 0; filter: alpha(opacity=0);}
}

body #iconDivMain1{ left: 0!important;}