@charset "utf-8";

.map-content{width: 100%; height: 320px; margin-top: 10px;}
.map-content img{max-width: 100%;}

/* 首页轮播图 --顶层*/
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { left:480px}

.bannber-icon-dotted{width: 180px;height: 20px;position: absolute;bottom: 8px;left: 50%;margin-left: -75px;}
.bannber-icon-dotted li{float: left;width: 14px;height: 14px;-webkit-border-radius: 14px;-moz-border-radius: 16px;border-radius: 16px;border: 2px solid #FFFFFF;margin-right: 26px;background: #fff;}
.bannber-icon-dotted li.current{background: #F13E34;border: 2px solid #FFFFFF;}

#b01 { width: 1024px;height: 100px;}
#b01 .dots {height:30px; position: absolute; right: 16px; bottom: -4px;z-index:2;}
#b01 .dots li 
{ 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 6px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    background-color: #fff;
    border-radius: 10px; 
    cursor: pointer; 
}
#b01 .dots li.active 
{
    background: #F13E34;
    border: 2px solid #FFFFFF;
    opacity: 1;
}
#b01 .arrow { position: absolute; top: 150px;}
#b01 #al { left: 10px;}
#b01 #ar { right: 10px;}

.banner-btm{position: absolute;
    width: 100%;
    text-align: left;
    height: 40px;
    left: 0;
    bottom: 0;
    font: 21px/40px "Microsoft YaHei", "微软雅黑", Arial;
    color: #fff;
    background: url(../images/newImages/icon/ht70.png)}
.banner-btm .banner-tit{display:inline-block; padding-left:16px;} 


/* 首页轮播图 --电脑票*/
ul, ol { padding: 0;}
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { left:480px}
#b04 { width: 265px;}
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b04 .dots li 
{ 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s;
}
#b04 .dots li.active 
{
    background: #fff;
    opacity: 1;
}
#b04 .arrow { position: absolute; top: 66px;}
#b04 #al { left: 0px;}
#b04 #ar { right: 0px;}


/* 首页轮播图 --即开票*/
#b05 { width: 265px;}
#b05 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b05 .dots li 
{ 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s;
}
#b05 .dots li.active 
{
    background: #fff;
    opacity: 1;
}
#b05 .arrow { position: absolute; top: 66px;}
#b05 #al { left: 0px;}
#b05 #ar { right: 0px;}

/* 首页轮播图 --视频票*/

#b06 { width: 265px;}
#b06 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b06 .dots li 
{ 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s;
}
#b06 .dots li.active 
{
    background: #fff;
    opacity: 1;
}
#b06 .arrow { position: absolute; top: 66px;}
#b06 #al { left: 0px;}
#b06 #ar { right: 0px;}