@charset "UTF-8";
body{
    /*background: #ffdcdf;*/
}
#banner ,#box2,#box3,#box4,#more{width: 100%; height: 623px; background: url(/ZhuanTi/fireworks/banner.png) center 0 no-repeat; padding-top: 0px;}
#box1{height: auto;width:1040px;  margin: 0 auto;}
#banner{
 height: 455px;
    margin-bottom:0px;
    position: relative;
}
.big{position: relative;}
.big .hd{width: 1000px; height: 326px; overflow: hidden; position: relative; margin: 40px 0 60px;}
.big ul{width: 99999px; position: absolute; top: 0; left: 0;}
.big li{float: left; width: 990px; border: 5px solid #fff;}
.icons{position: absolute; bottom: -40px; left: 50%; margin-left: -57px;}
.icons span{cursor: pointer; float: left; width: 16px; height: 16px; border-radius: 0; border: 0px solid #ff5249; background: #fff; margin: 5px;}
.icons span.cur{ background: #411f52;border: 0px solid #411f52;width:20px;}
.small li{float: left; width: 314px;height: 509px; padding: 0px; margin: 15px 14px; position: relative;overflow: hidden;    box-shadow: 0 0 5px rgba(0,0,0,.3);}
.small li:nth-child(1),.small li:nth-child(3n+1){
    margin-left: 0px;
}
.small li:nth-child(3n){
    margin-right: 0px;
}

.pic{position: relative;}
.mark{width: 89px; height: 29px; background: url(/ZhuanTi/fireworks/images/mark.png) 0 0 no-repeat; padding-right: 7px; text-align: center; line-height: 29px; color: #fff; position: absolute; top: -9px; left: 9px;}
.transparent{width: 292px; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#50000000, endColorstr=#50000000); padding: 5px 10px; color: #fff; font-size: 16px; font-weight: bold; position: absolute; bottom: -2px;}
.small p{font-size: 12px; color: #093565; line-height: 18px; padding: 10px; border-bottom: 1px dashed #d2d2d2;}
.price{font-size: 16px; color: #fc544e; line-height: 40px; padding: 10px;}
.price i{font-size: 24px; font-weight: bold;}
.price s{font-size: 12px; color: #a1a1a1; text-decoration: line-through;}
.btn,.sold-out{width: 93px; height: 34px; background: url(/ZhuanTi/fireworks/images/btn.png) 0 0 no-repeat; font-size: 18px; color: #fff; text-align: center; line-height: 34px; position: absolute; bottom: 7px; right: 10px;}
.btn:hover{font-size: 19px; font-weight: bold; text-decoration: none;}
.sold-out{background-image: url(/ZhuanTi/fireworks/images/btn-over.png);}
.sold-out:hover{cursor: default; font-size: 18px; font-weight: normal;}
.line{margin-bottom: -2px;}

#box2{height: auto; background-image: url(/ZhuanTi/fireworks/images/bg02.jpg); background-color: #0099df;}
#box3{height: auto; background-image: url(/ZhuanTi/fireworks/images/bg03.jpg); background-color: #0099df;}
#box4{height: auto; background-image: url(/ZhuanTi/fireworks/images/bg04.jpg); background-color: #0099df;}
#box5{padding-top: 100px; background: #0099df;}
#box5 .small{padding: 40px 0 60px;}
#box5 .small li{float: none; width: 1000px; padding: 0; margin: 0;}
#box5 .transparent{width: 960px; padding: 10px 20px; font-size: 24px; line-height: 35px;}
#box5 p{display: inline-block; width: 380px; border: 0; font-size: 16px; line-height: 26px; color: #535353;}
#box5 .price{font-size: 36px; line-height: 80px;}
#box5 .price i{font-size: 54px;}
#box5 .price s{font-size: 27px;}
#box5 .mark{width: 136px; height: 41px; background-image: url(/ZhuanTi/fireworks/images/mark2.png); top: -11px; font-size: 18px; line-height: 41px; padding-right: 13px;}
#box5 .btn2{position: absolute; bottom: 0px; right: 20px;}
#more{height: 315px; background-image: url(/ZhuanTi/fireworks/images/bg05.jpg); padding-top: 120px;}
#more .title{margin: 0 auto;}
#more a{float: left; border: 4px solid #fff; margin: 38px 6px;}
#more a:hover{border-color: #ff1c1c;}
#scroll{display: none; width: 98px; height: 412px; background: url(/ZhuanTi/fireworks/images/scroll.png) 0 0 no-repeat; padding: 63px 19px 0; position: fixed; top: 50%; margin-top: -237px; right: 20px;}
#scroll a{width: 98px; height: 30px; background: #f6b564; border-radius: 30px; font-size: 16px; font-weight: bold; color: #0076a7; text-align: center; line-height: 30px; margin: 20px 0;}
#scroll a:hover{color: #fff; background: #ff5249; text-decoration: none;}


.big li img{
    height: 316px;
}


ul.small{
    width:1000px;
    position: relative;
    left:0%;

}


.jieshao{
    width:1000px;
    margin: 0 auto;
    position: relative;
    height: 1223px;
    overflow: hidden;
    background: url(jieshao.png);
}




.miaoshu{
    position: relative;
    width:1100px;
    margin-left: 100px;
  height: 320px;
    background: url(miaoshu.png) 0 0 no-repeat;


}
.miaoshu img{
    width:100%;
    position: relative;
}


.chufa{
    position: absolute;
    width:130px;
    height: 41px;
    background: #ff5f05;
    left: 144px;
    top:256px;
    border-radius: 8px;
    color:#fff;
    text-align: center;
    line-height: 41px;
    font-size: 20px;
    cursor: pointer;
}
.chufa:hover,.chufa.active{
    background: #e26011;
}
.chufa1{
    left: 415px;
}
.chufaxiangqing{
    position: relative;
    width:1000px;
    margin: 0 auto;

}

.dangdiwanle{
    position: relative;
    width:1200px;
    margin-top: 60px;
}

.dangdinav{
    width:1200px;
    height: 62px;

    border-bottom: 1px solid  #f87f27;;
}
.dangdinav ul.bor{
    width:646px;
    margin: 0 auto;
}
.dangdinav .bor li{
    position: relative;
    width:180px;
    height: 62px;
    margin-right: 50px;
    border: 1px solid #f87f27;
    border-bottom: none;
    float: left;
    transform: skew(-20deg);
background: #e0f7c0;
    cursor: pointer;
}
.dangdinav .bor li:last-child{
    margin-right: 0px;
}


.tupian{
    position: absolute;
    width:646px;
    left:50%;
    margin-left: -323px;
}
.tupian li{
    width:180px;
    position: relative;
    height: 62px;
    margin-right: 50px;
    cursor: pointer;
    float: left;
}
.tupian li:last-child{
    margin-right: 0px;
}
.li_one{
    background: url(nav1.png) center -3px no-repeat;
}

.li_two{
    background: url(nav2.png) center 0 no-repeat;
}

.li_three{
    background: url(nav3.png) center -3px no-repeat;
}

.li_one.active{
    background: url(nav4.png) center 2px no-repeat;

}
.li_two.active{
    background: url(nav5.png) center 0 no-repeat;
}
.li_three.active{
    background: url(nav6.png) center -3px no-repeat;
}
.dangdinav .bor li.active{
    background: #f87f27;
    border-radius: 10px;

}
.small_title{
    height: 73px;
    line-height: 73px;
    text-align: center;
    font-size: 20px;
    color:#333333;
}


.dangdi{
    font-size: 20px;
    color:#333333;
    width:100px;
    position: absolute;
    left:108px;
    top:25px;
}


.dangdiwangleneirong{
    position: relative;
    width:1200px;
overflow: hidden;
padding-bottom: 16px;
}
.dangdiwangleneirong ul{
    position: relative;
    width:1200px;
}

.home2 li {
    width: 310px;
    margin-right: 20px;
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    height: auto;
    height: 244px;
}
.home2 li.home2_cls1 {
    width: 645px;
}
.home2 li.last {
    margin-right: 0;
}
.home2 li.home2_cls2 {
    width: 470px;
}
.home2 li.home2_cls3 {
    width: 470px;
    margin-bottom: 0;
}

.home2 li a {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.home2 li a {
    color: white;
    font-family: "微软雅黑","宋体","Arial";
    text-decoration: none;
}

.home2 li>a img {
    width: 100%;
    height: 225px;
}
.home2 li>a img {
    height: 260px;
}

.home2_info {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #333;
    box-sizing: border-box;
    padding: 5px 15px;
    line-height: 1.8;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    background: rgba(0,0,0,0.5);
    background: transparent\9;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000,endcolorstr=#B2000000)\9;
}
.home2_info h2 {
    font-weight: normal;
    font-size: 18px;
    color: #fff;
}

.home2_info div {
    padding: 0px 0px 5px 0px;
    overflow: hidden;
}


 .zhanwei{
     position: relative;
     width:314px;
     height:509px;
 }

.zhuyi{
    position: relative;
    width:200px;
    height:104px;
    background: url("car2.png") center 0 no-repeat;
    margin: 0 auto;
}
.listlist{
    position: relative;
    width:1040px;
    height:1161px;

}
.listlist li{

    width:248px;
    height: 362px;
    background: #ffc320;
    float: left;
    margin-right: 15px;
    margin-bottom: 25px;
    border-radius: 16px;
    position: relative;
    display: inline;

}
.listlist li a{
    display: block;
    position:relative;
    width:224px;
    height: 350px;
    padding: 12px;
    padding-top: 0px;
}

#main a:hover{
    text-decoration: none;
}
.listlist li:hover{
    -moz-box-shadow:0 4px 8px 5px #ffc320;
    box-shadow: 0 4px 8px 5px #ffc373;
}
.listlist li:nth-child(4n){
    margin-right: 0px;

}
.listlist li img{
    position: relative;

    width:224px;height: 260px;

}
.right_con{
    position: relative;
    width:224px;

}
.right_con .p1{
    position: relative;
    font-size:20px;
    color:#ff0014;
    margin-top: 8px;
    line-height: 20px;
    height: 20px;
}
.right_con .pp{
    font-size: 15px;
    line-height: 24px;
    color:#333333;
}
.right_con .p2{
    margin-top: 3px;
}.right_con .p4{
     margin-top:3px;
    font-size: 16px;
 }
 .chankan{
     position: absolute;
     font-size: 20px;
     color:#ffffff;
     text-align: center;
     width:100px;
     height: 30px;
     line-height: 30px;
     background: #ff6773;
     right: 20px;
     bottom: 12px;
     border-radius: 12px;
 }

.navnav li{
    position: relative;
    width:176px;
    height:109px;
    margin-right: 50px;
    float: left;
    cursor: pointer;
}
.navnav li:first-child{
    margin-left: 100px;

}
.navnav li:last-child{
    margin-right: 0px;
}

.navnav li:nth-child(1){
    background: url(/ZhuanTi/fireworks/nav1.png) -100px 0;
}

.navnav li:nth-child(2){
    background: url(/ZhuanTi/fireworks/nav1.png) -327px 0;
}

.navnav li:nth-child(3){
    background: url(/ZhuanTi/fireworks/nav1.png) -545px 0;
}
.navnav li:nth-child(4){
    background: url(/ZhuanTi/fireworks/nav1.png) -770px 0;
}
.navnav li:nth-child(5){
    background: url(/ZhuanTi/fireworks/nav1.png) -991px 0;
}


.navnav li:nth-child(1):hover,.navnav li:nth-child(1).acti{
    background: url(/ZhuanTi/fireworks/nav2.png) -100px 0;
}
.navnav li:nth-child(2):hover,.navnav li:nth-child(2).acti{
    background: url(/ZhuanTi/fireworks/nav2.png) -327px 0;
}
.navnav li:nth-child(3):hover,.navnav li:nth-child(3).acti{
    background: url(/ZhuanTi/fireworks/nav2.png) -545px 0;
}
.navnav li:nth-child(4):hover,.navnav li:nth-child(4).acti{
    background: url(/ZhuanTi/fireworks/nav2.png) -770px 0;
}
.navnav li:nth-child(5):hover,.navnav li:nth-child(5).acti{
    background: url(/ZhuanTi/fireworks/nav2.png) -991px 0;
}

.bpwrap li:nth-child(1){
    background: url(/ZhuanTi/fireworks/page1.png) center 0;
}

.bpwrap li:nth-child(2){
    background: url(/ZhuanTi/fireworks/page2.png) center 0;
}

.bpwrap li:nth-child(3){
    background: url(/ZhuanTi/fireworks/page3.png) center 0;
}
.bpwrap li:nth-child(4){
    background: url(/ZhuanTi/fireworks/page4.png) center 0;
}
.bpwrap li:nth-child(5){
    background: url(/ZhuanTi/fireworks/page5.png) center 0;
}
.bpwrap li{
    position: absolute;
}