@charset "utf-8";
/*初始化*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}img{border:0;}button,input,select,textarea{font-size:100%;}
.clear{ clear:both; }
.list-none{ list-style:none; padding:0px;}
.editor{ color:#666; font:normal 14px/28px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px; }
.editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;}
.editor a{ color:#1C57C4; text-decoration:underline;}
/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px;}
.orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}
/*表单*/
td.text{ padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;}
td.input{ padding:6px 8px;}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:15px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}
/*工具栏*/
.met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;}
.met_hits a{ color:#666;}
.met_hits .metjiathis{ position:absolute; left:5px; top:8px;}
.met_page{ text-align:center;}
.met_page a{ margin-right:50px; color:#1C57C4; text-decoration:underline;}
/*翻页*/
#flip{ margin-top:30px;}
/*附件*/
.met_annex{ color:#f00; text-decoration:underline;}
.met_annex:hover{ color:#f00; text-decoration:underline}
/*简介模块*/
#showtext{  font:normal 14px/28px "Microsoft YaHei"; color:#525252; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px;}
/*文章模块*/
#newslist{ width:905px; margin:0 auto; }
#newslist li{ float:left; width:905px; margin-bottom:30px;}
#newslist li a img{ float:left; border:1px solid #ccc; padding:4px; margin-right:30px;}
#newslist li a:hover img{ float:left; border:1px solid #ec651b; padding:4px; margin-right:30px;}
#newslist li h1 a{color:#333; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li h1 a:hover{color:#ec651b; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li span{ color:#999; font:normal 12px "Microsoft YaHei";  float:right; display:block; margin-top:15px; }
#newslist li p{ color:#5f5f5f; font:normal 14px/28px "Microsoft YaHei"; float:left; width:100%; display:block;}
#shownews{ padding:0px 15px 15px;}
#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}
.editor img{max-width:100%; height:auto !important}
#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}
/*产品模块*/
/*
#productlist{ padding:20px 0px;}
#productlist li{ float:left; display:inline; text-align:center;}
#productlist li a.img{ display:block; text-align:center; font-size:0px; }
#productlist li a.img img{ margin:auto; border:1px solid #ccc;}
#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}
#showproduct{ padding:15px;}
#showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showproduct .pshow dt{ float:left;}
#showproduct .pshow dd{ float:right;}
#showproduct .pshow dd ul{ margin-left:15px; }
#showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; }
#showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#999; padding:5px; height:28px;}
#showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px;}
*/

.pro{ width:100%; margin:40px auto; display:block; position:relative;}
.prod{ width:905; overflow:hidden; margin:0 auto;}
.prod dl{ float: left;
    width:292px;    display: block; margin:0 10px 30px; 
    overflow: hidden;}
	.prod dl
	.prod dl dd{ width:292px; display:block; position:relative;}
	.prod dl dd .zhezhao1{ width:292px; height:160px; display:none; position: absolute;
    top: 0;
    background: url(img/v_bg2.png) no-repeat;}
.prod dl dd img{display: block; width:292px;}
.prod dl:nth-child(3n){ margin-right:0 !important;}	
.prod dl h3{    color: #333;
    font-size: 12px;
    padding: 8px 0 0 30px;
    background: url(img/v_ico1.png) 2px 15px no-repeat;
    line-height: 30px; font-weight:normal}
	.prod dl dd .k_name{    color: #999;
    font-size: 14px;
    font-weight: normal;}
.prod dl h3:hover{background: url(img/v_ico.png) 2px 15px no-repeat; color:#da251c;}
.prod dl p{ font-size:14px; color:#818181; display:block; text-align:center;}
	



/*下载模块*/
#downloadlist{ padding:15px;}
#downloadlist .metlist{ margin-bottom:20px;}
#downloadlist dl.top dt a{ color:#f00;}
#downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.gif) no-repeat 5px 11px;}
#downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;}
#downloadlist .metlist dd b{ font-weight:normal;}
#downloadlist .metlist dd div{ float:right;}
#downloadlist .metlist dd span{ padding-right:20px;}
#downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;}
#downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;}
#showdownload{ padding:15px;}
#showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showdownload .paralist{ background:#f6f6f6; padding:5px 10px;}
#showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;}
#showdownload .paralist li a{ color:#f00; text-decoration:underline;}
#showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; }
#showdownload .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#showdownload .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
/*图片模块*/
#imglist{ width:100%; overflow:hidden; display:block; margin:40px 0;}
#imglist li{ float:left; display:block;  margin:0 13px 30px 10px; width:282px; overflow:hidden;}
#imglist li a.img{ font-size:0px; display:block; }
#imglist li a.img img{ margin:auto;  border:1px solid #ccc; width:280px; display:block;}
#imglist li h3{color:#333; font:normal 14px "Microsoft YaHei"; margin-top:5px; padding:0 8px; text-align:center; line-height:30px;}
#imglist li h3 a{ color:#333}
#imglist li h3 a:hover{ color:#ae161e;}
#imglist li p{ font-size:14px; color:#828282; line-height:30px; padding:8px;}
#imglist li span{padding:0 8px 10px; display:block; color:#ae161e; font-size:14px;}
#imglist li span a{ color:#ae161e;}


#showimg{ padding:15px;}
#showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;}
#showimg .imgshow{ text-align:center;}
#showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;}

.editor iframe{ width:100%; height:600px; display:block;}
.imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;}
.imgparalist li span{ float:left; margin-right:10px; color:#999;}
#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
/*招聘模块*/
#joblist{ padding:15px;}
#joblist dl{ padding:0px 5px 15px; margin-bottom:15px;}
#joblist dt{ padding:5px 10px; font-size:16px; font-weight:bold; border-bottom:1px dotted #ccc;}
#joblist dd{ padding:0px 0px 5px;}
#joblist dd .dtail{ padding:5px 10px; border-top:1px dotted #ccc;}
#joblist dd .dtail span{ margin-right:20px;}
#joblist dd .dtail a{ color:#1C57C4;}
#joblist dd .editor{padding:5px;}
#joblist dd .mis{ padding:5px 10px;}
#joblist dd .mis span{ margin-right:15px; color:#999;}
#showjob{ padding:15px;}
#showjob h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showjob .paralist li{ float:left; width:45%; padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;}
#showjob .paralist li span{ float:left; margin-right:10px; color:#999;}
#showjob .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#showjob .info_cv{ font-size:12px; text-align:center; margin:10px 0px; }	
#showjob .editor{ line-height:2; padding:0px 10px; font-size:14px; }	
#cvlist{ padding:15px;}
/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}
/*在线反馈*/
#feedback{ padding:15px;}
#feedback table{ margin:0px auto;}
/*友情链接*/
#linklist{ padding:15px 15px 25px;}
#linklist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#linklist .inside{ padding:15px 0px 0px;}
#linklist .metlist .img li{ list-style:none; display:inline; padding-right:5px;}
#linklist .metlist .img img{ width:88px; height:31px;}
#linklist .metlist .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}
#linksubmit{ padding:15px;}
#linksubmit table{ margin:0px auto;}
#memberbox{ padding:15px;}
/*站内搜索*/
ul.searchnavlist{ list-style:none; padding:0px; margin:0px;}
ul.searchnavlist li{ padding:5px 0px;}
#searchlist{ padding:15px;}
#searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;}
#searchlist ul{ list-style:none; padding:0px; margin:0px;}
#searchlist ul li{ padding:3px 5px; margin-bottom:5px;}
#searchlist ul li img{ display:none;}
#searchlist .search_title{ display:block; padding:2px 0px;}
#searchlist .search_title a{ font-size:14px; color:#12C; text-decoration:underline;}
#searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;}
#searchlist .search_detail{ display:block; }
#searchlist .search_detail a{ text-decoration:underline; color:#12C;}
#searchlist .search_content em{ color:#c00; font-style:normal;}
#searchlist .search_updatetime{ display:block; margin-top:5px; color:green;}
#searchlist a:hover{ text-decoration:underline;}
/*网站地图*/
#sitemaplist{ padding:15px;}
#sitemaplist .sitemapclass{ padding:5px 0px;}
#sitemaplist .sitemapclass1{ display:block; height:28px; line-height:28px; margin-bottom:5px; border-bottom:1px solid #ddd;}
#sitemaplist .sitemapclass1 a{ padding:5px 10px; background:#eee;}
#sitemaplist .sitemapclass2{ padding-left:15px; padding-top:3px;}
#sitemaplist .sitemapclass2 h3{  background:url(../images/dt-0.gif) no-repeat left center; padding:2px 8px;}
#sitemaplist .sitemapclass2 h3 a{ color:#444;}
#sitemaplist .sitemapclass2 div{ padding-left:2px;}
#sitemaplist .sitemapclass2 h4{ display:inline; padding:2px 6px;}
#sitemaplist .sitemapclass2 h4 a{ text-decoration:underline; color:#2c7199;}

.w1200{width:1200px; margin: 0 auto;}


.clearfix::after{
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: #fff;
}
.headerMain-bg{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
}
.bangVideo .currentLogo a {
    background: url("../images/bangVideo/bangVideo-slide.png") no-repeat;
}

.bangPhone,
.header .bangAbout {
    color: #fff;
}

.header .navMmenu {
    background: url("../images/icon-menu-slide.png") center no-repeat;
}

.headVideo {
    position: relative;margin: 120px auto 0;
}

.headNumUl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}

.headNumUl li p {
    /* font-size: 128px; */
    font-size: 8.5rem;
    color: #fff;
    text-shadow: 5px 5px 10px #282828;
    text-align: center;
    font-weight: 600;
}

.headNumUl li p span {
    font-size: 58px;
    /* font-size: 1em; */
    vertical-align: text-top;
}

.headNumUl li p:last-child {
    font-size: 2em;
    font-weight: 400;
}

.headNumUl li p span.headNumBot {
    font-size: 58px;
    vertical-align: baseline;
}

#video{
    width: 100%;
}
.bangNum{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-box;
    display: -o-flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    justify-content: space-between;
    padding-top: 10px;
}
.bangNum li{
    width: 49.65%;
}
.headVideoText{
    position: absolute;
    top: 79%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 88%;
    line-height: 42px;
    font-size: 30px;
    text-align: justify;
    color: #fff;
}
.main h3{
    padding-top: 120px;
    padding-bottom: 15px;
    /* font-size: 100px; */
    font-size: 5.9em;
    font-weight: 600;
    text-align: center;
    color: #d20b0b;
}
.main h5{
    padding-bottom: 50px;
    font-size: 3em;
    color: #000;
    text-align: center;
}
.bangVideoCase{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-box;
    display: -o-flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    justify-content: space-between;
}
.bangVideoCase li{
    position: relative;
    width: 32.5%;
    margin-bottom: 22px;
}

.bangVideoCase-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d20b0b;
    filter: Alpha(opacity=0);
    opacity: 0;
    transition: opacity .3s ease-in-out,visibility 0s linear .3s;
    -ms-transition: filter .3s ease-in-out,visibility 0s linear .3s;
    /* transform: 0.2s all; */
}
.bangVideoCase-mask p{
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 15px;
    width: 100%;
    color: #fff;
    font-size: 34px;
    text-align: center;
}
.bangVideoCase li:hover .bangVideoCase-mask{
    opacity: 1;
    transition: opacity .3s ease-in-out,visibility 0s linear .3s;
}
.bangAddress{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 22px;
}
.bangAddress li{
    width: 32.5%;
    margin-bottom: 22px;
}
/* 我们的服务 */
.tabContainer{
    margin-bottom: 40px;
}
.tabBtn{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tabBtn li{
    box-sizing: border-box;
    margin-top: 22px;
    padding: 22px 0;
    width: 32.5%;
    font-size: 2em;
    color:  #808080;
    border: 2px solid #808080;
    text-align: center;
    cursor: pointer;
}

.tabBtn li:hover{
    color: #303030;
    border-color: #303030;
}

.tabBtn li.on{
    color: #d20b0b;
    border-color: #d20b0b;
}

.tabBox{
    overflow: hidden;
}
.tabBox a{
    float: left;
    margin-top: 22px;
    margin-right: 1.25%;
    width: 32.5%;
}
.tabBox a:nth-child(3n){
    margin-right: 0;
}
.subnav{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 50px 0 30px;
}
.subnav li{
    width: 11.5%;
}
.subnav li a{
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 1.7em;
    color: #808080;
    border: 1px solid #808080;
}
.subnav li a:hover{
    color: #d20b0b;
    border: 1px solid #d20b0b;
}
.bangHonor{
    margin-top: 140px;
    margin-bottom: 120px;
}
/* 邦视频二级页面 */
.headVideo h3{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 6em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-shadow: 5px 5px 10px #282828;
}

.bangVideo-type .tabBtn li{
    padding: 16px 0;
    width: 24%;
    font-size: 30px;
    border: 1px solid #808080;
}
.bangVideo-type .bangContent{
    margin-bottom: 120px;
    padding-top: 44px;
}
.bangVideo-type .loadBox{
    width: auto;
}
.bangVideo-type .loadMore{
    float: none;
    margin: 0 auto;
}

/* =====================播放详情页================= */
.bangVideos .headerMain-bg .currentLogo a,.bangVideos .currentLogo a{
    background: url("../images/bangVideo/bangVideo-slide.png") no-repeat;
}

.bangVideo-play{
    background: #fff;
}
.playVideo{
    padding-top: 100px;
    width: 100%;
    height: auto;
    background: url(../../../pages/static/images/bangVideo/videoBackground.jpg);
    background-size: 100% 100%;
}
.bangVideo-play #video{
    margin: 0 auto;
    width: 70%;
}

.playVideo-title{
    position: relative;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 70%;
}

.videoTitle{
    float: left;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
}
.bangVideo-shareBtn{
    float: right;
    width: 3%;
}
.bangVideo-shareBtn span{
    color: #fff;
    font-size: 40px;
}
#foo{
    width: auto;
    border: none;
    color: #fff;
    font-size: 40px;
    opacity: 0;
    filter: Alpha(opacity=0);
    background: none;
}
#foo:focus{
    outline: none;
}
.playVideo-title .copyTip{
    top: 14%;
    right: -21%;
}
.bangSection{
    margin: 50px 0 0;
    padding: 50px;
    border:1px solid  #4d4d4d;
}
.bangSection h6{
    padding-bottom: 20px;
    font-size: 40px;
    color: 666666;
    /* font-weight: 600; */
}
.customText{
    font-size: 34px;
    line-height: 54px;
    color: #808080;
}
.bangVideo-play .footer{
    margin-bottom: 60px;
    border:1px solid  #4d4d4d;
    border-top: none;
}

@media screen and (max-width: 1600px) {
    .headVideoText{
        font-size: 24px;
        line-height: 34px;
    }
}
@media screen and (max-width: 1440px) {
    .main h3{
        font-size: 5em;
    }
    .headNumUl li p{
        font-size: 5em;
    }
   
}