/*------------清除标签默认样式------------*/

table{border-collapse:collapse;border-spacing:0;}
i,em{font-weight:normal;font-style:normal;}
ul{list-style:none;padding:0px;margin:0px}
th{font-weight: normal;padding:0px;margin:0px}
h1,h2,h3,h4,strong{font-weight:normal;font-size:100%;padding:0px;margin:0px}
img{border:0;padding:0px;margin:0px}
body,div,p,li,table,td{padding:0px;margin:0px}

a{text-decoration:none;color:#333}
a:hover{text-decoration:underline;}
.c_red{color:#CA0000}

.line_through {text-decoration: line-through;}
.font-v {font-family: verdana,Geneva,sans-serif;}
.font-a { font-family: Arial,sans-serif;}
.font-s20 {font-size: 20px;}
.font-s26 {font-size: 24px;}
.mar_r5 {margin-right: 5px;}
.c_y {color: #dc0000;}

/*-----float------*/
.lt {float:left; }
.rt {float:right; }

/*-----clear------*/
.blank{clear:both;font-size:0px;height:30px;margin:0 auto;padding:0px;}
.clear{clear:both;display:block;font:0px/0px sans-serif;}

body{font-family:微软雅黑,microsoft yahei,sans-serif;font-size:12px;}


.w1000{ width:1000px; margin:0 auto;color:#000; background:#fff; }


.top{ width:100%; height:28px; background:#fdfdfd; border-bottom:1px solid #ddd; margin:0 auto; line-height:28px;}
.top ul li{ float:left}
.top ul li a{ color:#333; padding:0 10px;}
.top ul li a:hover{ text-decoration:none;color:#c40000;}

.banner{background:url("banner.jpg") no-repeat center;height:656px;margin:0 auto;width:100%;}

.ban-con{position: relative;width: 1200px;margin:0px auto;height:656px;overflow: hidden;}

.hongqi{display: block;width: 1006px;height: 566px;background:url("h-bg.png") no-repeat;position: absolute;bottom: 0px;left: 100px;}

.maozi{width: 505px;height: 226px;display: block;background:url("maozi.png") no-repeat;position: absolute;top: 20px;right:20px;}

.ban-text{width:805px;height:204px;display: block;background:url("b-text.png") no-repeat;position: absolute;top: 245px;left:193px;}

.off{width:675px;height:63px;display: block;background:url("50ff.png") no-repeat;position: absolute;top:450px;left:233px;}

.time{width:322px;height:35px;display: block;background:url("time.png") no-repeat;position: absolute;top:540px;left:413px;}

.hongqi{
    -webkit-animation:bpbs 0.8s 1s ease both;
    -moz-animation:bpbs 0.8s 1s ease both;
    -ms-animation:bpbs 0.8s 1s ease both;
    animation:bpbs 0.8s 1s ease both;
    }


@-webkit-keyframes bpbs{
    0%{opacity:0;-webkit-transform:translate(-300px,200px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
    }
@-moz-keyframes bpbs{
    0%{opacity:0;-moz-transform:translate(-300px,200px);}
    100%{opacity:1;-moz-transform:translate(0,0);}
    }
@-ms-keyframes bpbs{
    0%{opacity:0;-ms-transform:translate(-300px,200px);}
    100%{opacity:1;-ms-transform:translate(0,0);}
    }
@keyframes bpbs{
    0%{opacity:0;transform:translate(-300px,200px);}
    100%{opacity:1;transform:translate(0,0);}
    }


.maozi{
    -webkit-animation:mz 0.6s 1.5s ease both;
    -moz-animation:mz 0.6s 1.5s ease both;
    -ms-animation:mz 0.6s 1.5s ease both;
    animation:mz 0.6s 1.5s ease both;
    }

@-webkit-keyframes mz{
    0%{opacity:0;-webkit-transform:translate(160px,-30px);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
    }

@-moz-keyframes mz{
    0%{opacity:0;-moz-transform:translate(160px,-30px);}
    100%{opacity:1;-moz-transform:translate(0,0);}
    }
@-ms-keyframes mz{
    0%{opacity:0;-ms-transform:translate(160px,-30px);}
    100%{opacity:1;-ms-transform:translate(0,0);}
    }
@keyframes mz{
    0%{opacity:0;transform:translate(160px,-30px);}
    100%{opacity:1;transform:translate(0,0);}
    }


.ban-text{
    -webkit-animation:wbws 1.1s 2s both ease;
    -moz-animation:wbws 1.1s 2s both ease;
    -ms-animation:wbws 1.1s 2s both ease;
    animation:wbws 1.1s 2s both ease;
}


@-webkit-keyframes wbws{
    0%{ width:0px;} 
    100%{ width:805px;} 
}
@-moz-keyframes wbws{
    0%{ width:0px;} 
    100%{ width:805px;} 
}
@-ms-keyframes wbws{
    0%{ width:0px;} 
    100%{ width:805px;} 
}
@keyframes wbws{
    0%{ width:0px;} 
    100%{ width:805px;} 
}



.off{
    -webkit-animation:logos 0.8s 2.5s ease both;
    -moz-animation:logos 0.8s 2.5s ease both;
    -ms-animation:logos 0.8s 2.5s ease both;
    animation:logos 0.8s 2.5s ease both;
    }

.time{
    -webkit-animation:logos 0.8s 3s ease both;
    -moz-animation:logos 0.8s 3s ease both;
    -ms-animation:logos 0.8s 3s ease both;
    animation:logos 0.8s 3s ease both;
    }

@-webkit-keyframes logos{
    0%{opacity:0;-webkit-transform:translateY(20px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
    }

@-moz-keyframes logos{
    0%{opacity:0;-webkit-transform:translateY(20px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
    }

@-ms-keyframes logos{
    0%{opacity:0;-webkit-transform:translateY(20px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
    }

@keyframes logos{
    0%{opacity:0;transform:translateY(20px);}
    100%{opacity:1;transform:translateY(0px);}
    }






.bg{background:url("bg_s.png") repeat center;}

.f1{height: 790px;margin:0 auto;width: 100%;}
.f1 h2{font-size:45px;text-align:center;padding:50px 0px 30px 0px;}

.main-con{width: 1000px;margin:0 auto;overflow: hidden;}
.f1-item{float:left;}
.f1-item li{float:left;width:495px;margin-bottom: 10px;position: relative;overflow: hidden;height: 293px;}


.o-bg{display: block;width:495px ;height: 293px;background: #000;opacity:0.8; filter:alpha(opacity:80);position: absolute;top:-293px;left: 0px}

.o-img{position: absolute;top:-240px;left:35px;z-index: 2}

.title{border-bottom: solid 1px #252525;height: 89px;position: relative;}
.title h3{float: left; background: #252525;color: #fff;padding: 10px 5px 10px 20px;font-size: 30px;margin-right: 20px;height: 69px}
.title span{display: block;font-size: 21px}
.title strong{font-size: 21px;float: left;margin-top: 40px}
.more{float: right;font-size: 18px;margin-top: 44px}

.jiantou{width:19px;height:17px;display: block;background:url("jiant.png") no-repeat;position: absolute;top:81px;right:0px;}


.group{overflow: hidden;}
.group-item {background:#f6f6f6; border:1px solid #d5d5d5; box-shadow: 1px 1px 1px #dce0de;float: left;
    margin:30px 30px 0 0;overflow:hidden;position:relative;width:310px;}
.groupbody { background:#fff; float: left; height: 242px; position: relative; width: 310px;}
.groupbody img { float: left; width: 310px;}
.groupTitle {color: #333; float: left;text-align: center; font-size: 14px;line-height: 20px;width:305px;margin-top: 8px;}
a.groupTitle:hover {color: #f40;}
.btn-panic {background:#f40;color: #fff; display: block;font-size: 12px;height: 26px;line-height: 26px;overflow: hidden;position: absolute;right: 12px; text-align: center;top: 251px; width: 68px;}
a.btn-panic:hover {background:#f60;text-decoration: none;}

.groupprice {border-bottom:1px solid #e9e9e9;height:44px;line-height:42px;margin:0 auto;overflow:hidden;
    width: 280px;color:#999;}

.big{width:480px}
.big .groupbody{width:480px}
.big img{width:480px;height: 200px}
.big .groupTitle{width:465px;text-align: center;font-size: 16px}
.big .groupprice{width: 430px}


.jiaocai h3{height:60px;color: #fff;font-size:30px;}
.jiaocai table{width:100%}
.jiaocai table td{padding:12px 10px;border: solid 1px #2e4353;background: #c2c8cd;text-align: center;width: 25%}
.jiaocai table th{padding:10px;color: #fff;font-size:22px;background:#ff6278;text-align: center;}



/*-----floor--5------*/

.f5{width:100%;height:340px;}
.f5-con{margin:0px auto;width:1000px;overflow:hidden;color:#000}

.f5-con h2{font-size:22px;margin-top:40px;width: 310px;padding: 10px; background:#f60 ;color:#fff;text-align: center;}

.f5-con ul{ width:180px; float:left; padding:40px 70px 0 0; line-height:35px;font-size: 16px;}
.f5-con ul li{width:180px; float:left; }

.f5-con ul.sina,.f5-con ul.sina li{ width:190px;}
.f5-con ul.renren,.f5-con ul.renren li{ width:220px;}

.ksd-saomiao{ margin-top:65px; }
.ico-zone{ float:right; margin-top:7px;}