@charset "utf-8";
/* CSS Document */
/*--------------------清除样式--------------------*/
div,p,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,textarea{padding:0; margin:0;}
img{vertical-align:top;border:0}
ul,li{list-style:none;text-transform:capitalize;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal}
a{color:#333333;text-decoration:none}
a:hover{/*color:#189406;*/text-decoration:underline;}
.clear {clear:both; *display:inline;/*IE only*/}

/* 清除内外边距 */
*{margin:0;padding:0;}
img{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */margin: 0;padding: 0;}
a:focus { outline: none; } /*很多网站都会加的属性*/
/* 设置默认字体 */
body, button, input, select, textarea { /* for ie *//*font: 14px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/font: 14px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */}
address, cite, dfn, em, var {font-style: normal;} /* 将斜体扶正 */
code, kbd, pre, samp, tt {font-family: "Courier New", Courier, monospace;} /* 统一等宽字体 */
small {font-size: 14px;} /* 小于 14px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none;}
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */border-bottom: 1px dotted;cursor: help;}
q:before, q:after {content: '';}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */}
/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}
/* 重置 hr */
hr {border: none;height: 1px;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*清除float*/
/* Clear Fix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
.clearfix{ zoom:1;}
body{font-family: "微软雅黑"; width: 100%; min-width: 1200px; background: #000000;}
/*--------------------清除样式--------------------*/

.wrap{width: 1000px; margin: 50px auto;}
.ban-tab .banner{width: 630px; height: 250px; float: left;}

.flexslider{position: relative; overflow:hidden; height:250px;}
.slides{z-index:1;}
.slides li{height: 250px;}
.slides li a{display: block; height: 100%; width: 100%;}
.slides li a img{display: block; height: 100%; width: 100%;}
.flex-control-nav{position:absolute;bottom:5px;left:260px;z-index:2;padding:5px 15px 2px 15px; border-radius:10px;text-align:center;}
.flex-control-nav li{display:inline-block; width:14px;height:14px; margin:0 5px; display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{display: none;}
.flex-direction-nav li a{z-index: 2016;display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{top:85px;left:3%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{top:85px;right:3%;background:url(../images/next.png) center center no-repeat;}


/*banner*/
.swiper-container{width: 100%; height: 100%; position: relative;}
.swiper-wrapper{position: relative;}
.swiper-wrapper p{position:absolute; left: 0; bottom: 0; width: 100%; line-height: 30px; text-align: center; background: rgba(0,0,0,0.7); font-size: 14px; color: #fff;}
.swiper-container img{width: 100%; height: 100%;}
.slider-btn{display: none;}

.my-pagination{position: absolute; bottom: 0; left: 0 ; width: 100%; z-index: 9999;}
.swiper-pagination-bullet{display: none;}
.my-pagination .swiper-pagination-bullet{
    width: 25%;
    float: left;
    line-height:30px;
    border-radius: 0;
    text-align:center;
    font-size: 14px;
    color: #FFFFFF;
    height:30px;
    background: rgba(0,0,0,0.9);
}
.my-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
/*banner*/
.ban-tab .tab{width: 360px; height: 250px; float: right; background: #1b1b1b;}
.ban-tab .tab .col{padding: 10px 0 0 10px;}
.ban-tab .tab .col .on{background: #4e4e4e;}
.ban-tab .tab .col a{display: block; float: left; width: 173px; line-height: 30px; margin: 0 2px 0 0; text-align: center; background: #2c2c2c; font-size: 14px; color: #9a9a9a;}
.ban-tab .tab .con .content{display:none ;}
.ban-tab .tab .con .open{display: block;}
.ban-tab .tab .con a{display: block; line-height: 29.5px; padding-left: 12px; border-top: 1px solid #2d2d2d; font-size: 14px; color: #9a9a9a;}
.ban-tab .tab .con a:hover{opacity: 0.7;}
.ban-tab .tab .con a span{padding: 1px 3px; margin: 0 3px 0 0; text-align: center; background: #cc4a0f; font-size: 14px; color: #FFFFFF;}
/*main*/
.main{margin: 10px 0 0 0;}
.main .cona{width: 280px; height: 190px; margin: 0 10px 0 0; padding: 10px 15px; float: left; background:#1b1b1b;}
.main .cona .title{padding: 0 0 10px 0; border-bottom: 1px solid #2d2d2d;}
.main .cona .title .t1{float:left; font-size: 16px; color: #929292;}
.main .cona .title .t2{float:left; margin: 1px 0 1px 20px ; font-size: 14px; color: #f8bb25;}
.main .cona ul li{margin: 8px 0;}
.main .cona ul li p{float: left;
    width: 30px;
    height: 103px;
    padding: 5px 10px 10px;
    background: #323232;
    font-size: 18px;
    color: #9a9a9a;
    line-height: 1.5;
    text-align: center;}
.main .cona ul li a{display: block; width: 227px; float: right; padding: 9px 0; line-height: 22px; font-size: 14px; color: #9a9a9a;}
.main .cona ul li a:hover{opacity: 0.7;}
.main .cona ul li .ax{height: 41px;border-top: 1px dashed #2d2d2d; border-bottom: 1px dashed #2d2d2d;}
.main .conb{width: 330px; height: 190px;  padding: 10px 15px; float: right; background:#1b1b1b;}
.main .conb .title{padding: 0 0 10px 0; border-bottom: 1px solid #2d2d2d;}
.main .conb .title .t1{float:left; font-size: 16px; color: #929292;}
.main .conb .title .t2{float:left; margin: 1px 0 1px 20px ; font-size: 14px; color: #f8bb25;}
.main .conb .sp1{width: 324px; margin: 4px auto 8px; }
.main .conb .sp1 .cc{width: 108px; margin: 7px 0; float: left;}
.main .conb .sp1 .ccx{width: 106px; margin: 7px 0; float: left; border-left: 1px dashed #D9D9D9; border-right: 1px dashed #D9D9D9;}
.main .conb .sp1 .cc .p1{text-align: center; font-size: 16px; color: #ff0000;}
.main .conb .sp1 .cc .p2{margin: 7px 0; text-align: center; font-size: 14px; color: #d9d9d9;}
.main .conb .sp1 .cc a{display: block; width: 60px; margin: 0 auto; text-align: center; line-height: 17px; border-radius: 2px; font-size: 14px; color: #FFFFFF; padding:1px 7px;}
.main .conb .sp1 .cc .open{ background: #e88821;}
.main .conb .sp1 .cc .wait{ background: #666;}
.main .conb .sp2 p{margin: 4px 0;}
.main .conb .sp2 p img{width: 20px; height: 20px;}
.main .conb .sp2 p a{margin: 0 0 0 6.66px; line-height: 20px; font-size: 14px; color: #D9D9D9;}
.main .conb .sp2 p a:hover{opacity: 0.7;}
.foot{width: 1000px; height: 210px; margin: 10px 0; background: #1b1b1b;}
.foot .title{float: left; width: 12px; line-height: 20px; padding: 10px; background: #252525; text-align: center; font-size: 14px; color: #D9D9D9;}
.foot .con{width: 968px; float: left;}
.foot .con .icon{width: 680px; margin: 0 0 0 15px; float: left;}
.foot .con .icon a{display: block; width: 60px;  margin: 20px 10px; float: left; text-align:center;}
.foot .con .icon a img{width: 100%; display: block; height: 50px; width:50px; margin-left:7px;}
.foot .con .icon a span{display: block; line-height: 20px; font-size: 12px; color: #D9D9D9; text-align: center;}
.foot .cc{width: 260px; float: right;}
.foot .cc .cc1{margin: 10px 0 5px; width: 100%;}
.foot .cc .cc1 .img1{display: block; float: left; width: 66px; height: 66px;}
.foot .cc .cc1 p{float: left; width: 14px; height: 66px; margin: 0 7.668px; line-height: 13px; text-align: center; font-size: 14px; color: #FFFFFF;}
/*.foot .cc .cc1 .img2{display: block; float: left; width: 248px; height: 66px;}*/
.foot .cc .cc1 .img2{display: block; float: left; width: 250px; height: 80px;}
.foot .cc .cc2{margin:5px 10px; font-size: 14px; color: #FFFFFF; text-align:right;}

.main .cona .clearfix1 a{display: block; width: 260px; padding: 2px 0px 0px 0px; line-height: 29px; color: #9a9a9a;float:left;height: 30px;overflow: hidden;}
.clearfix1:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix1 { }

.zhibo{
    width: 330px;
    height: 100%;
    padding: 10px 15px;
    float: right;
    background: #1b1b1b;
}

.zhibo .title{padding: 0 0 10px 0; border-bottom: 1px solid #2d2d2d;}
.zhibo .title .t1{float:left; font-size: 16px; color: #929292;}
.zhibo .title .t2{float:left; margin: 1px 0 1px 20px ; font-size: 14px; color: #f8bb25;}
.zhibo .sp1{width: 324px; margin: 4px auto 8px; }
.zhibo .sp1 .cc{
    /*width: 108px; */
    margin: 7px 0; float: left;}
.zhibo .sp1 .ccx{width: 106px; margin: 7px 0; float: left; border-left: 1px dashed #D9D9D9; border-right: 1px dashed #D9D9D9;}
.zhibo .sp1 .cc .p1{text-align: center; font-size: 16px; color: #ff0000;}
.zhibo .sp1 .cc .p2{margin: 7px 0;
    /*text-align: center; */
    font-size: 14px; color: #d9d9d9;}
.zhibo .sp1 .cc a{
    /*display: block; */
    width: 60px; margin: 0 auto; text-align: center; line-height: 17px; border-radius: 2px; font-size: 14px; color: #FFFFFF; padding:1px 7px;}
.zhibo .sp1 .cc .open{ background: #e88821;}
.zhibo .sp1 .cc .wait{ background: #666;}
.zhibo .sp2 p{margin: 4px 0;}
.zhibo .sp2 p img{width: 20px; height: 20px;}
.zhibo .sp2 p a{margin: 0 0 0 6.66px; line-height: 20px; font-size: 14px; color: #D9D9D9;}
.zhibo .sp2 p a:hover{opacity: 0.7;}