body {font: 14px/1.6 Arial,simsun, Verdana,"\5b8b\4f53"; color: #333; background:#fff}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, canvas { display: block }
address, cite, dfn, em, var, b, sub, sup { font-style: normal }
code, kbd, pre, samp { font-family: courier new, courier, monospace }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% }
input, textarea, select { font-family: Arial, Verdana, "\5b8b\4f53" }
fieldset, img { border: 0 }
sup, sub { font-size: 0.6em }
ins{text-decoration: none}
ul, ol,li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input { outline: 0 }
textarea { -moz-outline: 0; outline: 0; overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none }
img { vertical-align: middle }
iframe { margin: 0; padding: 0; border: 0; font-size: 100% }
a,a:visited { color: #333; text-decoration: none; outline: none }
a:hover{ color: #1480cc; text-decoration: none }
.clearfix:after,.adItems .inner:after{ visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; overflow: hidden }
.clearfix,.adItems .inner{ *zoom:1}
.fl{ float: left}
.fr{ float: right}
.fta{ font-family: 'Arial'}

.pdt20{ padding-top: 20px}
.pdb20{ padding-bottom: 20px}
.light-blue{ color: #006bcc}

@font-face {
  font-family: 'PuhuiLight';
  font-display: swap;
  src: url('../font/webfont_a4j1zvcotvu.eot'); 
  src: url('../font/webfont_a4j1zvcotvu.eot') format('embedded-opentype'), 
  url('../font/webfont_a4j1zvcotvu.woff2') format('woff2'),
  url('../font/webfont_a4j1zvcotvu.woff') format('woff'), 
  url('../font/webfont_a4j1zvcotvu.ttf') format('truetype'), 
  url('../font/webfont_a4j1zvcotvu.svg') format('svg'); 
}



.ldtItems{ position: relative; min-width: 1220px; width: 100%}
.ldtItems .inner{ width: 1220px; margin: 0 auto}


@-webkit-keyframes Bigger {
    0% { opacity: 1; -webkit-transform: scale(1) }
    100% { opacity: 1; -webkit-transform: scale(1.1) }
}
@-moz-keyframes Bigger {
    0% { opacity: 1; -moz-transform: scale(1)}
    100% { opacity: 1; -moz-transform: scale(1.1) }
}
@-ms-keyframes Bigger {
    0% { opacity: 1; -ms-transform: scale(1)}
    100% { opacity: 1; -ms-transform: scale(1.1) }
}
@keyframes Bigger {
    0% { opacity: 1; transform: scale(1)}
    100% { opacity: 1; transform: scale(1.1) }
}

.header{ position: absolute; z-index: 3; top:0; width: 100%; height: 80px;  }
.header .logo{ margin: 18px 0 0 0; display: inline-block; width: 240px; height: 44px; cursor: default}
.header .logo img{ display: inline-block; width: inherit; height: inherit}
.header .inner{ height: 80px}
.header .nav{ float: right; height: 80px; line-height: 80px;}
.header .nav li{ display: inline-block; height: 80px; line-height: 80px; float: left; margin-left: 35px}
.header .nav li a{ display: inline-block; font-weight: bold; height: 80px;  line-height: 80px;color: #999; font-size: 14px}
.header .nav li a:visited{ color: #999}
.header .nav li a:hover{ color: #000; transition: all .3s}
.footer{ margin-bottom: 50px; padding-top: 45px; height: 95px; line-height:25px; background: #111; text-align:center; font-size: 12px; color: #999}

.ldFocus{ position: relative; width: 100%; height: 714px; overflow: hidden; background: url("../image/page-bg1.jpg") center no-repeat; background-size: cover}
.ldFocus .video{height: 1080px; width: 1920px; position: absolute; z-index: 1; top: -140px; left: 50%; margin-left: -960px;}
.ldFocus .video video{ width: 1920px;height: 1080px}
.ldFocus .proSup{ position: absolute; left: 0; top:445px; z-index: 3; height: 36px}
.ldFocus .proSup .pros{ height: 36px}
.ldFocus .proSup li{ position: relative; float: left; width: 120px; height: 36px; margin-right: 20px; cursor: pointer; transition: all .3s}

.ldFocus .proSup li.r{ margin-right: 0;}
.ldFocus .proSup li img{ display: block; float: left; margin-right: 10px}
.ldFocus .proSup li h4{ font-size: 16px; color: #000; font-family: 'Microsoft YaHei'; line-height: 36px; font-weight:normal;}
.ldFocus .proSup li .icon-pro{ display:block; float: left; margin-right: 10px; width: 36px; height: 36px }
.ldFocus .proSup li .icon-pro1{ background: url(../image/icon-pro1.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li:hover .icon-pro1{background: url(../image/icon-pro1-active.png) center no-repeat; background-size: 36px}
.ldFocus .proSup li .icon-pro2{ background: url(../image/icon-pro2.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li:hover .icon-pro2{ background: url(../image/icon-pro2-active.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li .icon-pro3{ background: url(../image/icon-pro3.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li:hover .icon-pro3{ background: url(../image/icon-pro3-active.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li .icon-pro4{ background: url(../image/icon-pro4.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li:hover .icon-pro4{ background: url(../image/icon-pro4-active.png) center no-repeat; background-size: 36px }
.ldFocus .proSup li .pro-tips{ position: absolute; left: -18px; top:-100px; padding:20px 0 0 35px; width: 179px; height: 100px; background: url(../image/alert-bg.png) center no-repeat; background-size: 100%; font-size: 16px; color: #333; line-height: 25px; font-family: 'Microsoft YaHei' }

.focus-in{ position: absolute; top:80px; left: 50%; margin-left: -610px; height: 634px; width: 1220px}
.focus-in .txt1{ position: absolute; z-index: 5; left: 0; top:110px; display: inline-block; width: 387px; height: 83px;}
.focus-in .txt2{ position: absolute; z-index: 6; top:200px; left: 0;font-size: 48px; color: #fff; line-height: 60px; font-family: 'PuhuiLight'; color: #000}
.focus-in .btns{ position: absolute; left: 0; top:345px; }
.focus-in .btns a{ position: relative; display:inline-block; width: 150px; height: 41px; margin-right: 20px; color: #fff; text-indent: 45px; line-height: 41px; font-family: 'Microsoft YaHei' }
.focus-in .btns a.btn-Vdo{ background: url(../image/page1-btn11.png) center no-repeat }
.focus-in .btns a.btn-code{ position: relative; background: url(../image/page1-btn2.png) center no-repeat }
.focus-in .btns a.btn-code .img{  position: absolute; top:-160px; left: 50%; margin-left: -75px; z-index: 103; display:block; width: 130px; height: 130px; padding:10px; background:#fff; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,.5); display:none }
.focus-in .btns a.btn-code .img img{ display:block; width: 130px; height: 130px }

.ldZxx{ height: 220px; width: 100%; background: #fff url("../image/p3-bg.jpg") center bottom no-repeat; background-size: 100% 222px}
.ldZxx .inner{ height: 220px; position: relative}
.ldZxx .inner .pic-ldt{ position: absolute; z-index: 3; left: -53px; top:30px; display: inline-block; width: 469px; height: 668px}
.ldZxx .inner .pic-kids{ position: absolute; z-index: 3; bottom:222px; right:24px;  display: inline-block; width: 682px; height: 273px}
.ldZxx .pic-ldt-kids{ position: absolute; z-index: 0; bottom:222px; margin: 0 auto; background: url("../image/pic-ldt-kids1.jpg") center no-repeat;  display: inline-block; width: 100%; height: 680px}

.ldZxx .inner .info{ padding-top: 100px; height: 580px}
.ldZxx .inner .zxxInfo{ text-align: right; margin-bottom: 35px}
.ldZxx .inner .zxxInfo .txt1{ font-size: 24px; line-height: 30px; color: #010101; text-align: right; font-family: 'Microsoft YaHei'}
.ldZxx .inner .zxxInfo .txt2{ font-size: 50px; line-height: 64px; color: #ff3300; text-align: right; font-family: 'Microsoft YaHei'; font-weight: bold; letter-spacing: 3px}
.ldZxx .inner .zxxList{ height: 80px}
.ldZxx .inner .zxxList ul{ height: 80px; float: right}
.ldZxx .inner .zxxList li{ float: left; width: 240px; height: 80px; margin-left: 35px}

.ldZxx .inner .zxxList li img{ display: block; float: left; margin-right: 15px}
.ldZxx .inner .zxxList li h4{ font-size: 18px; color: #000; font-family: 'Microsoft YaHei'; margin-bottom: 5px; line-height: 32px}
.ldZxx .inner .zxxList li p{ font-size: 12px; line-height: 20px; color: #000; font-family: 'Microsoft YaHei'}

.ldZxx .imgShow{ position: absolute; z-index: 2; left: 0; bottom:30px; height: 163px; overflow: hidden}
.ldZxx .imgShow img{ display: inline-block; float: left; width: 290px; height: 163px; border-radius: 5px; margin-right: 20px}
.ldZxx .imgShow img.r{ margin-right: 0}

.ldReport{ position: relative; height: 540px; width: 100%; overflow: hidden}
.ldReport .bg{ position: absolute; left: 0; top:0; width: 100%; height: 540px;-webkit-animation: Bigger 20s 0s forwards; animation: Bigger 20s 0s forwards; background: url("../image/report-bg.jpg") center no-repeat; background-size: cover; }
.ldReport .inner{position: relative; height: inherit }
.ldReport .fr{ width: 650px; height: 330px; padding-top: 135px}
.ldReport .fr .vdo{ position: relative; width: 590px; height: 330px; box-shadow: 0 10px 20px rgba(0,0,0,.5)}
.ldReport .fr .vdo video{ width: 590px; height: 330px}
.ldReport .fr .vdo .vdo-cover{ position: absolute; left: 0; top:0; z-index: 10; display: block; width: 590px;height: 330px}
.ldReport .fr .vdo .icon-play{ position: absolute; left: 50%; top:50%; margin-left: -40px; margin-top: -40px; z-index: 11; display: block; width: 80px;height: 80px}
.ldReport .fl{ width: 560px; padding-top: 90px}
.ldReport .fl .txt1{ font-size: 24px; color: #fff; line-height: 30px; font-family: 'Microsoft YaHei'; margin-bottom: 5px}
.ldReport .fl .txt2{ margin-bottom: 70px; font-size: 54px; color: #fff; line-height: 64px; font-family: 'Microsoft YaHei'; font-weight: bold; letter-spacing: 3px}
.ldReport .fl .txt2 em{ color: #ffdd00}
.ldReport .fl dl{ margin-bottom: 20px}
.ldReport .fl dt{ font-size: 14px; color: #fff; line-height: 28px; opacity: .5}
.ldReport .fl dl{ font-size: 16px; color: #fff; line-height: 28px; font-family: "Microsoft YaHei"}

.ldResource{ height: 730px; background: #fff}
.ldResource .inner{ height: 730px; overflow: hidden}
.ldResource .fl{ padding-top: 110px; width: 815px; height: 620px}
.ldResource .fl .txt1{ font-size: 24px; color: #010101; line-height: 30px; font-family: 'Microsoft YaHei'; margin-bottom: 5px}
.ldResource .fl .txt2{font-size: 54px; color: #000000; line-height: 64px; font-family: 'Microsoft YaHei'; font-weight: bold; letter-spacing: 2px}
.ldResource .resInfo{ margin-bottom: 60px}
.ldResource .resData{ padding-bottom: 35px; background: url("../image/line.png") left bottom no-repeat; background-size: 900px 1px;margin-bottom: 50px; height: 70px; overflow: hidden}
.ldResource .resData li{ float: left; margin-right: 50px; width: 110px}
.ldResource .resData li .tit{ font-size: 12px; color: #999; line-height: 20px}
.ldResource .resData li .num{font-size: 30px; color: #ff3300; line-height: 40px}

.ldResource .usLst{ height: 70px}
.ldResource .usLst li{ float: left; width: 360px; height: 70px; margin-right: 45px}
.ldResource .usLst li img{ display: block; float: left; width: 70px;height: 70px; margin-right: 15px; border-radius: 25px}
.ldResource .usLst li h4{ font-size: 16px; color: #333; font-family: 'Microsoft YaHei'; margin-bottom: 6px; line-height: 28px}
.ldResource .usLst li p{ font-size: 14px; line-height: 18px; color: #333; font-family: 'Microsoft YaHei'}
.ldResource .pic{ float: left; padding-top: 95px}
.ldResource .pic img{ display: block; width: 305px; height: 540px}

.ldHz{ height: 530px; padding-top: 90px; background: #fff url("../image/p5-bg.jpg") center no-repeat; background-size: cover}
.ldHz .txt1{ font-size: 24px; color: #0a1f33; line-height: 45px; font-weight: normal; text-align: center; font-family: 'Microsoft YaHei'}
.ldHz .txt2{ margin-bottom: 50px; font-size: 54px; color: #0a1f33; line-height: 70px; text-align: center; font-family: 'Microsoft YaHei'; font-weight: bold; letter-spacing: 5px}
.ldHz .showDesc{ height:260px}
.ldHz .showDesc .showImg{display: block; width: 240px; padding:20px 20px 0 140px; height: 100px; margin: 0 10px 10px 0; border-radius: 10px; float: left; box-shadow: 0 10px 20px rgba(0,0,0,.05)}
.ldHz .showDesc .showImg.r{ margin-right: 0}
.ldHz .showDesc .showImg h4{ font-size: 16px; color: #000; line-height: 35px; font-family: 'Microsoft YaHei' }

.ldAl{ height: 635px; padding-top: 90px;background: #fff url("../image/ldAl-bg.jpg") center no-repeat; background-size: cover }
.ldAl .txt1{ font-size: 45px; color: #fff; margin-bottom: 50px; line-height: 60px;font-family: 'Microsoft YaHei';text-align: center;font-weight: bold;}
.ldAl .inner{ overflow: hidden; }
.ldAl .caseItms{ width: 110%; overflow: hidden; }
.ldAl .caseItms .itm{ width: 185px; height: 230px; float: left; margin-right:22px; }
.ldAl .caseItms .itm img{ display:block; width: 185px; height: 185px; }
.ldAl .caseItms .itm p{ line-height: 30px; color: #fff; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ldFixedPg{ height: 400px; background: url("../image/p6-bg.jpg") fixed no-repeat; background-size: cover; font-size: 48px; color: #fff; font-family: 'Microsoft YaHei'; font-weight: bold; letter-spacing:5px}
.ldFixedPg .inner{ padding-top: 150px; height: 250px; text-align: center}
.ldFixedPg .inner em{ font-family: '微软雅黑'; opacity: .25; margin: 0 30px}
.ldFixedPg .scrollText{ overflow: hidden; position: relative; height: 100px}

.ldFixedPg .scrollText .slide{ width: 1220px; height: 100px; line-height: 100px; text-align: center}

.ldAboutUs{ padding-top: 100px; height: 880px; background:#fff url("../image/p7-bg.jpg") center bottom no-repeat; background-size: auto 374px}
.ldAboutUs .txt1{ font-size: 45px; color: #010101; line-height: 60px; font-family: 'Microsoft YaHei'; text-align: center; font-weight: bold}
.ldAboutUs .txt2{ margin-bottom: 40px; font-size: 24px; color: #999; line-height: 45px; font-family: 'Microsoft YaHei'; text-align: center}
.ldAboutUs p{ padding: 0 40px 30px; line-height: 28px; text-indent: 2em; color: #000}
.ldAboutUs .pic-zz{ display: block; margin: 0 auto}

.fixedLayer{ position: fixed; bottom:0; z-index: 13; width: 100%; height: 60px;  line-height: 60px; background: #ff3300}
.fixedLayer .inner{ height: inherit; line-height: 60px; padding-left: 520px; font-size: 16px; font-family: 'Microsoft YaHei'; color: #fff}
.fixedLayer .inner .serviceImg{ position: absolute; left: 18px; bottom:0; z-index: 11; display: block;}
.fixedLayer .inner span{ display: inline-block; height: inherit; margin-right: 30px}
.fixedLayer .wx{ display: inline-block; height: inherit; position: relative; color: #fff}
.fixedLayer .wx:hover{ font-weight: bold; color: #ffde00; transition: all .3s}
.fixedLayer .wx .code{ display: none; position: absolute; z-index: 13; left: 50%; margin-left: -100px; top:-200px; width: 200px; height: 200px; text-align: center; line-height: 200px; border-radius: 10px; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.1)}
.fixedLayer .wx .code img{ display: inline-block; width: 180px;height: 180px}
.fixedLayer span a{ color: #fff !important;}

.adjecting { display: inline-block; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin-x: 50%; }
.adjecting .front-face, .adjecting .back-face { display: inline-block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.adjecting .front-face { position: absolute; }
.adjecting .back-face {  position: relative; }

.rightFixed{ position: fixed; z-index: 100; width: 80px; right: 10px; top:200px; background: #ff3300; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.3) }
.rightFixed ul{ width: inherit}
.rightFixed li{ width: 80px; height: 80px; border-bottom: 1px solid #ff9980}
.rightFixed li a{ padding-top: 10px; height: 70px; position: relative; display: block; width: inherit;line-height: 30px; color: #fff; text-align: center; font-size: 14px; font-family: 'Microsoft YaHei'}
.rightFixed li a:hover{ background: #ff5400; transition: all .3s}
.rightFixed .info{ border-bottom: 0}
.rightFixed .info a{border-radius: 0 0 10px 10px}
.rightFixed .zx a{ border-radius: 10px 10px 0 0}
.rightFixed li a>img{ display: block; width: 38px; height: 38px; margin: 0 auto }

.rightFixed .tel .in{ position: absolute; z-index: 101; left: -220px; top:-20px; font-size: 13px; color: #555; line-height: 20px; text-align: left; padding: 20px 15px; width: 180px; background: #fff; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.3);  display: none}
.rightFixed .wx .in{ position: absolute; z-index: 101; left: -170px; top:-50px; width: 150px; height: 150px; padding: 5px; background: #fff; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.3);  display: none}
.rightFixed .wx .in img{ display: block; width: 150px; height: 150px}


@font-face {font-family: "picIcon";
    src: url('../font/iconfont.eot'); 
    src: url('../font/iconfont.eot') format('embedded-opentype'), 
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('../font/iconfont.ttf') format('truetype'), 
    url('../font/iconfont.svg') format('svg'); 
}
.picView-magnify-list{}
.picView-magnify-list li{float:left;display:inline-block;width:200px;border:1px solid #ccc;margin-right:10px;}
.picView-magnify-list li a{display:block;overflow:hidden;}
.picView-magnify-list li a img{width:200px;}

.magnify-toolbar .magnify-btn,.magnify-btn-close,.magnify-loader{ font-family: "picIcon" !important; font-size: 25px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.magnify-modal { position: fixed; z-index: 9999; width: 800px; height: 600px; background-color: #333; background-color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); cursor: default; }
.magnify-header { position: relative; height: 40px; z-index:9; }
.magnify-footer { height: 80px; bottom: 50%; margin-bottom: -40px; position: absolute; width: 100%; text-align: center; color: #fff; z-index:9; }
.magnify-toolbar{ height: 80px; line-height: 80px; }
.magnify-toolbar .magnify-btn{display:inline-block;width:80px;height:80px;margin:0;color:#999;line-height:80px;}
.magnify-btn-close{width:40px;height:40px;margin:0;color:#999;line-height:40px;position: absolute;right:0;top:0;font-size:15px;text-align:center;}
.magnify-toolbar .magnify-btn:hover,.magnify-btn-close:hover{color:#fff;}
.magnify-btn-close:before{content: "\ea4f"}


.magnify-btn-prev{ float: left; margin-left: 20px !important; background-color: rgba(0, 0, 0, .5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.magnify-btn-next{ float: right; margin-right: 20px !important; background-color: rgba(0, 0, 0, .5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.magnify-btn-prev:before{content:'\e624'; font-size: 40px}
.magnify-btn-next:before{content:'\e9ce'; font-size: 40px}
.magnify-btn-fullScreen:before{content:'\e63f'}



.magnify-loader:before{content:'\e600'}
.magnify-loader{ -webkit-animation: icon-spin 1s infinite steps(8); -o-animation: icon-spin 1s infinite steps(8); animation: icon-spin 1s infinite steps(8); width:50px; height:50px; text-align:center; line-height:50px; color:#999; font-size:35px; position:absolute; left:50%; margin-left:-25px; top:40%;  }
.magnify-title{font-size:14px;white-space: nowrap;text-overflow: ellipsis;user-select: none;overflow:hidden;color:#fff;padding:0 40px 0 15px;line-height:40px;}
.magnify-image{display:none;position:relative;}
.magnify-stage{position:absolute;left:0;right:0;bottom:0;top:0;border:none;overflow:hidden;}
.is-grab { cursor: move;  cursor: -webkit-grab;  cursor: grab; }
.is-grabbing { cursor: move;  cursor: -webkit-grabbing;  cursor: grabbing; }

.modalDio{ display: none; position: fixed; z-index:91; left:50%; margin-left:-400px; top:50%; margin-top:-300px;width: 800px;height: 600px;}
.modalDio .close{ position: absolute; z-index: 93;  font-size: 40px; right: 0; top:0; color: #333}
#chat_frame{ position: absolute; left: 0; top:0; z-index: 92;  width: inherit; height: inherit; background: #fff; border-radius: 10px; overflow: hidden}
#body_wrap{ border-radius: 10px!important;}


.bx-wrapper .bx-controls-direction{ display: none;}
.bx-controls{ display: none}
.bx-wrapper .bx-viewport {
    
    
    
    
    
    

    
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}



.dioLayer{ display:none; }
.dioLayer .mask{ width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 101; background: rgba(0,0,0,.6) }
.dioLayer .vdoContent{ position: fixed; z-index: 102; left: 50%; top:50%; margin-left: -495px; margin-top:-250px; width: 890px; height: 500px; background: #ccc; }
.dioLayer .vdoContent video{ width: 100%; height: 100% }
.dioLayer .vdoContent .btn-close{ background:#333; width: 30px; height: 30px; font-size: 20px; color: #999; text-align: center; line-height: 30px; position: absolute; right: -30px; top:0; }

.none{ display:none; }