@charset "UTF-8"; /*!****** lib.css *******/ /*!-----------------[初始化]--------------*/ *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased} table{border-collapse:collapse;border-spacing:0} dl,ol,ul{list-style:none;margin-bottom:0;padding-left:0} q:after,q:before{content:''} fieldset,img{border:0} abbr,acronym{border:0} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r{float:right} .c{clear:both} .fix{zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} em{font-weight:400;font-style:normal} body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} img{max-width:100%;border:none} input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:rgba(255,255,255,.6)} ::-moz-placeholder{color:rgba(255,255,255,.6)} ::-ms-input-placeholder{color:rgba(255,255,255,.6)} select::-ms-expand{display:none} a{color:#333;text-decoration:none} ::-webkit-scrollbar{width:7px;height:7px;border-radius:7px} ::-webkit-scrollbar-button{display:none} ::-webkit-scrollbar-track-piece{background:0 0} ::-webkit-scrollbar-thumb{background:#9ddeff;border-radius:7px} /*!-----------------[初始化结束]--------------*/ @font-face{font-family:DIN;src:url(../dzhwk/DINCond-Bold.otf)} @keyframes leftTo{ 0%{transform:translateX(0);opacity:0} 100%{transform:translateX(50px);opacity:1} } @keyframes opacity{ 0%{opacity:1} 50%{opacity:.4} 100%{opacity:1} } @keyframes fadenum{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @keyframes bounce-down{ 25%{transform:translateY(-3px)} 100%,50%{transform:translateY(0)} 75%{transform:translateY(3px)} } @keyframes bounce-down1{ 25%{transform:translate(-50%,-3px)} 100%,50%{transform:translate(-50%,0)} 75%{transform:translate(-50%,3px)} } @keyframes fadenum1{ 0%{transform:rotate(0)} 100%{transform:rotate(-360deg)} } @keyframes myRotate{ 0%{transform:translate(-50%,-50%) rotate(0)} 25%{transform:translate(-50%,-50%) rotate(15deg)} 50%{transform:translate(-50%,-50%) rotate(0)} 75%{transform:translate(-50%,-50%) rotate(-15deg)} 100%{transform:translate(-50%,-50%) rotate(0)} } @keyframes myRotate1{ 0%{transform:rotate(0)} 25%{transform:rotate(45deg)} 50%{transform:rotate(0)} 75%{transform:rotate(-45deg)} 100%{transform:rotate(0)} } @keyframes myleft{ 0%{transform:translateX(0)} 100%{transform:translateX(300%)} } @keyframes mysca{ 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-50%) scale(.98)} } @keyframes myani1{ 0%,100%{transform:scale(1)} 50%{transform:scale(.95)} } @keyframes myani2{ 0%,100%{transform:rotateY(0)} 50%{transform:rotateY(360deg)} } /*!****************************** -------[=头部]------- ********************************/ /*!****************************** -------[=公用]------- ********************************/ /*!****** lib.css end *******/ /*!****** bl *******/ body,html{height:100%} .screen-container{width:1920px;height:1080px;position:relative;background:url(../img/dzhwk/bd-bg.png) no-repeat top center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover} #container{height:100%} .header{height:90px;position:relative;z-index:10;background:#121920;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .header::after{content:"";display:block;position:absolute;left:0;width:100%;height:1px;background:#2b2f34;bottom:3px} .h-info{position:absolute;top:0;left:50px;font-size:20px;color:#fff;line-height:90px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline} .h-info .t{font-size:26px;font-weight:700} .h-date{font-size:24px;color:#fff;position:absolute;top:0;right:50px;line-height:90px} .logo{border:1px solid #2b2f34;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:52px;border-radius:50px;font-size:28px;color:#fff;font-weight:700;padding:0 36px} .logo img{width:38px;margin-right:10px} .g-row{padding:24px 35px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} .g-row .right-slide{width:220px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:35px} .g-row .left-slide{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden} .ul-listb1 li{margin-bottom:20px} .ul-listb1 li:last-child{margin-bottom:0} .ul-listb1 .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:14px;height:100px;font-size:22px;color:#fff;font-weight:700;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5);padding:0 12px} .ul-listb1 .con:hover .icon img{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)} .ul-listb1 .icon{width:44px} .ul-listb1 .icon img{display:block;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb1 .sty1{background:-webkit-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-moz- oldlinear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-o-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8))} .ul-listb1 .sty2{background:-webkit-linear-gradient(45deg,rgba(66,80,217,.8),rgba(100,105,226,.8));background:-moz- oldlinear-gradient(45deg,rgba(66,80,217,.8),rgba(100,105,226,.8));background:-o-linear-gradient(45deg,rgba(66,80,217,.8),rgba(100,105,226,.8));background:linear-gradient(45deg,rgba(66,80,217,.8),rgba(100,105,226,.8))} .ul-listb1 .sty3{background:-webkit-linear-gradient(45deg,rgba(35,161,92,.8),rgba(53,177,166,.8));background:-moz- oldlinear-gradient(45deg,rgba(35,161,92,.8),rgba(53,177,166,.8));background:-o-linear-gradient(45deg,rgba(35,161,92,.8),rgba(53,177,166,.8));background:linear-gradient(45deg,rgba(35,161,92,.8),rgba(53,177,166,.8))} .ul-listb1 .sty4{background:-webkit-linear-gradient(45deg,rgba(3,175,255,.8),rgba(90,201,255,.8));background:-moz- oldlinear-gradient(45deg,rgba(3,175,255,.8),rgba(90,201,255,.8));background:-o-linear-gradient(45deg,rgba(3,175,255,.8),rgba(90,201,255,.8));background:linear-gradient(45deg,rgba(3,175,255,.8),rgba(90,201,255,.8))} .ul-listb1 .sty5{background:-webkit-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-moz- oldlinear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-o-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8))} .ul-listb1 .sty6{background:-webkit-linear-gradient(45deg,rgba(5,121,124,.8),rgba(54,168,164,.8));background:-moz- oldlinear-gradient(45deg,rgba(5,121,124,.8),rgba(54,168,164,.8));background:-o-linear-gradient(45deg,rgba(5,121,124,.8),rgba(54,168,164,.8));background:linear-gradient(45deg,rgba(5,121,124,.8),rgba(54,168,164,.8))} .ul-listb1 .sty7{background:-webkit-linear-gradient(45deg,rgba(66,80,217,.8),rgba(101,106,227,.8));background:-moz- oldlinear-gradient(45deg,rgba(66,80,217,.8),rgba(101,106,227,.8));background:-o-linear-gradient(45deg,rgba(66,80,217,.8),rgba(101,106,227,.8));background:linear-gradient(45deg,rgba(66,80,217,.8),rgba(101,106,227,.8))} .ul-listb1 .sty8{background:rgba(53,79,100,.8)} .m-listb1{padding:0 100px 20px 20px;position:relative} .m-listb1 .swiper-container{color:#fff;height:720px;overflow:hidden} .g-opts{--swiper-pagination-color:#12587b;position:absolute;top:0;right:0;bottom:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px} .g-opts .swiper-pagination-progressbar{position:static;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:14px 0;width:8px!important;border-radius:4px;background:#1c1e23;overflow:hidden} .g-opts .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius:4px;overflow:hidden} .g-opts .swiper-button-next,.g-opts .swiper-button-prev{width:60px;height:60px;border-radius:50%;border:1px solid #5c6063;position:static;margin:0;color:#9fa0a2;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .g-opts .swiper-button-next::after,.g-opts .swiper-button-prev::after{display:none} .g-opts .swiper-button-next svg,.g-opts .swiper-button-prev svg{width:40%;height:auto} .gap1{padding:35px 20px} .g-boxl1{width:100%} .m-tipsb1{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:128px} .m-tipsb1 .txt{font-size:20px;color:#fff} .m-tipsb1 .icn,.m-tipsb1 .txt{position:relative;z-index:2} .m-tipsb1 .icn{display:block;width:130px;margin-right:30px} .m-tipsb1 .t{padding-top:8px} .m-tipsb1 .t img{display:block;height:29px;margin-bottom:15px} .m-tipsb1::before{content:"";display:block;position:absolute;top:0;left:35px;width:100%;height:128px;background:url(../img/dzhwk/b-bg1.png) no-repeat left center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain} .ul-listb2{margin:0 -10px;overflow:hidden} .ul-listb2 li{float:left;width:33.33%} .ul-listb2 .con{height:340px;display:block;border-radius:15px;background:rgba(32,42,51,.3);-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.3);box-shadow:inset 0 0 5px rgba(255,255,255,.3);margin:0 10px 20px} .ul-listb2 .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px 20px 20px} .ul-listb2 .top .left{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .ul-listb2 .top .left .icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:102px;height:102px;background:url(../img/dzhwk/dot.png) no-repeat center center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;font-size:0;line-height:102px;margin-right:15px;text-align:center} .ul-listb2 .top .left .icon img{display:inline-block;vertical-align:middle} .ul-listb2 .top .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .ul-listb2 .top .info .name{font-size:24px;font-weight:700;color:#fff} .ul-listb2 .top .info .lk{font-size:20px;color:#91ceff} .ul-listb2 .top .btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;height:50px;border:1px solid #5b6166;padding:0 25px;font-size:20px;color:rgba(255,255,255,.5);cursor:pointer} .ul-listb2 .top .btn i{display:block;width:19px;height:19px;background:url(../img/dzhwk/b-arr1.png) no-repeat center center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;margin-left:4px} .ul-listb2 .box{margin:0 25px} .ul-listb2 .line{font-size:20px;color:#fff;overflow:hidden;background:rgba(1,127,235,.1);height:48px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:12px;padding:0 14px;margin-bottom:10px} .ul-listb2 .line.xq{display:none} .ul-listb2 .line .s{color:#91ceff;float:left;width:5.5em;padding-left:15px;position:relative} .ul-listb2 .line .s::after{content:"";display:block;width:3px;height:15px;background:#91ceff;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-signb1{overflow:hidden} .m-signb1 .col-l{width:596px} .m-signb1 .col-r{width:980px} .m-signb1 .imgbox{height:687px;border-radius:10px;overflow:hidden;margin-bottom:18px} .m-signb1 .imgbox img{display:block;width:100%} .m-cardb1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:45px 20px} .m-cardb1 .right{width:160px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:20px} .m-cardb1 .line{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#313439;border-radius:10px;height:58px;margin-bottom:20px;font-size:20px;padding:0 20px;color:rgba(255,255,255,.6);position:relative} .m-cardb1 .line .s{color:#91ceff;margin-right:10px} .m-cardb1 .line .p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .m-cardb1 .line:last-child{margin-bottom:0} .m-cardb1 .line.sel{background-color:#fff;border:2px solid #017feb;color:#283248;position:relative;cursor:pointer} .m-cardb1 .line.sel .s{color:rgba(40,50,72,.7)} .m-cardb1 .line.sel::after{content:"";display:block;width:15px;height:15px;background:url(../img/dzhwk/b-arr2.png) no-repeat center center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-cardb1 .left{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .m-cardb1 .btn{border-radius:10px;height:140px;background:-webkit-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-moz- oldlinear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:-o-linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));background:linear-gradient(45deg,rgba(0,90,174,.8),rgba(28,141,220,.8));-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.3);box-shadow:inset 0 0 5px rgba(255,255,255,.3);font-size:30px;color:#fff;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer} .sel-pop{position:absolute;bottom:100%;left:0;width:100%;font-size:20px;background-color:#fff;border:2px solid #017feb;color:#283248;border-radius:12px;overflow:hidden;display:none} .sel-pop .gp{cursor:pointer;padding:4px 10px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .sel-pop .gp:hover{background-color:#f0f0f0} .ul-tableb1{font-size:24px;color:#fff} .ul-tableb1.thead li{background-color:#0f151b;-webkit-box-shadow:none;box-shadow:none} .ul-tableb1.thead li .td{color:#91ceff;font-size:26px} .ul-tableb1 li{display:table;width:100%;background:rgba(30,39,47,.3);border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.3);box-shadow:inset 0 0 5px rgba(255,255,255,.3);height:58px;margin-bottom:10px} .ul-tableb1 .td{display:table-cell;vertical-align:middle;text-align:center} .ul-tableb1 .td:nth-child(1){width:18%} .ul-tableb1 .td:nth-child(2){width:42%;padding-left:18%;text-align:left} .g-tableb1{position:relative;padding-right:100px;padding-left:30px;padding-top:12px;padding-bottom:8px} .g-tableb1 .g-opts{top:82px;bottom:18px} .posb1{position:relative} #sw{height:776px;overflow:hidden} .g-moreb1{position:absolute;top:15px;right:20px;width:60px;height:60px;border-radius:50%;border:1px solid #5c6063;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer} .g-moreb1 svg{width:50%;height:auto} .m-xqpop{width:815px} .m-xqpop .ul-listb2{margin:0} .m-xqpop .ul-listb2 li{float:none;width:auto} .m-xqpop .ul-listb2 .con{height:auto;margin:0;padding-bottom:20px} .m-xqpop .ul-listb2 .line.xq{padding:10px 14px;height:auto;max-height:390px;display:block;overflow-y:auto;overflow-x:hidden} .m-xqpop .ul-listb2 .line.xq .s{float:none;width:auto;margin-bottom:4px} /*!****** bl end *******/ /*!****** ls *******/ body{background:#171a21} .main{padding:26px 30px} .m-safeguardl{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .g-boxl1{overflow:hidden;border:2px solid #000;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,.5);-ms-box-shadow:inset 0 0 2px rgba(255,255,255,.5);-o-box-shadow:inset 0 0 2px rgba(255,255,255,.5);box-shadow:inset 0 0 2px rgba(255,255,255,.5);background-color:#0f151b} .g-boxl1.red{border-color:rgba(254,76,76,.4);position:relative} .g-boxl1.red:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:url(../img/dzhwk/bgl12.png) left center repeat-y;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%} .g-boxl1.red:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(254,76,76,.03);-webkit-box-shadow:inset 0 0 40px rgba(254,76,76,.4);-moz-box-shadow:inset 0 0 40px rgba(254,76,76,.4);-ms-box-shadow:inset 0 0 40px rgba(254,76,76,.4);-o-box-shadow:inset 0 0 40px rgba(254,76,76,.4);box-shadow:inset 0 0 40px rgba(254,76,76,.4)} .g-backl{display:block;overflow:hidden;background:#354f64;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-ms-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-o-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5);padding:31px 15px} .g-backl .icon{width:38px;height:38px;line-height:38px;font-size:0;text-align:center;overflow:hidden;float:left;margin-right:11px} .g-backl .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .g-backl .tt{font-weight:700;font-size:22px;color:#fff;line-height:38px} .m-safeguardl .col-l{width:86.2365%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;float:none} .m-safeguardl .col-r{width:11.9354%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;float:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .m-picl{overflow:hidden;padding:40px 41px} .m-picl .pic{overflow:hidden;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .m-picl .pic img{display:block;width:100%} .ul-listl1{overflow:hidden;padding:18px;margin-bottom:31px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .ul-listl1 li{overflow:hidden;margin-bottom:20px} .ul-listl1 .con{display:block;overflow:hidden;background:#000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:10px;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-ms-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-o-box-shadow:inset 0 0 2px rgba(255,255,255,.3);box-shadow:inset 0 0 2px rgba(255,255,255,.3);background:linear-gradient(to right,rgba(0,90,174,.03),rgba(29,142,221,.03));transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl1 .con .icon{width:40px;height:40px;line-height:40px;text-align:center;font-size:0;float:left;margin-right:10px} .ul-listl1 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl1 .con .tt{font-size:24px;line-height:40px;overflow:hidden;color:#fff;font-weight:700} .ul-listl1 .con:hover,.ul-listl1 li.on .con{background:linear-gradient(to right,rgba(0,90,174,.3),rgba(29,142,221,.3))} .m-standbyl{overflow:hidden;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative} .m-standbyl .date{position:absolute;top:16%;left:0;width:100%;text-align:center;overflow:hidden} .m-standbyl .date .time2{font-size:80px;color:#fff;line-height:1.2em;overflow:hidden;font-weight:700;font-family:Arial} .m-standbyl .date .d2{font-size:30px;color:#fff;line-height:1.2em;overflow:hidden;font-weight:700} .m-standbyl .tit{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:72px;color:#fff;font-weight:700;text-align:center;overflow:hidden} .m-standbyl .copy{position:absolute;bottom:28px;left:0;width:100%;text-align:center;font-size:14px;color:#eff8fc;overflow:hidden} .row-a1{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .row-a1 .col-l{width:55.3763%;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:33px 37px 14px} .row-a1 .col-r{width:43.0645%;float:none;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-cardl{overflow:hidden;margin:0 -10px} .ul-listl2{width:50%;float:left;padding:0 10px;overflow:hidden} .ul-listl2 li{margin-bottom:20px} .ul-listl2 .con{display:block;width:100%;height:156px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;padding:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-ms-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-o-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5);overflow:hidden;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl2 a.con:hover{opacity:.7} .ul-listl2 .con .top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden} .ul-listl2 .con .icon{width:102px;height:102px;line-height:102px;float:left;text-align:center;font-size:0;overflow:hidden;background:url(../img/dzhwk/bgl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:22px} .ul-listl2 .con .icon img{display:inline-block;vertical-align:middle;max-width:60%;max-height:60%} .ul-listl2 .con .tit{font-size:32px;line-height:1.5em;color:#fff;font-weight:700;overflow:hidden} .ul-listl2 .con .desc{font-size:20px;color:rgba(255,255,255,.6);line-height:1.5em;overflow:hidden;padding-top:3px} .ul-listl2 .con .arrow{width:48px;height:48px;position:absolute;top:20px;right:20px;background:url(../img/dzhwk/iconl17.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listl2 .con .en{position:absolute;bottom:0;right:0;font-size:16px;color:#fff;background:#073962;opacity:.15;height:32px;line-height:32px;padding:0 25px;border-radius:15px 0 0 0;-webkit-border-radius:15px 0 0 0;-moz-border-radius:15px 0 0 0;-ms-border-radius:15px 0 0 0;-o-border-radius:15px 0 0 0} .ul-listl2 .li1 .con{height:332px;background-color:#1f334d;padding:0} .ul-listl2 .videobox{height:266px;width:100%;overflow:hidden} .ul-listl2 .videobox .img{display:block;width:100%;height:100%;object-fit:cover} .ul-listl2 .stit{font-size:24px;color:#fff;line-height:66px;padding:0 23px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-listl2 .btnbox{overflow:hidden;margin:0 -12px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .ul-listl2 .btnbox .box{width:50%;float:left;padding:0 12px} .ul-listl2 .btnbox .btn{width:100%;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-ms-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-o-box-shadow:inset 0 0 2px rgba(255,255,255,.3);box-shadow:inset 0 0 2px rgba(255,255,255,.3);background:linear-gradient(to right,rgba(0,90,174,.03),rgba(29,142,221,.03));border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;padding:5px 10px 9px;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-listl2 .btnbox .btn .tt{font-size:28px;line-height:1.5em;font-weight:700;color:#fff;text-align:center;overflow:hidden;margin-bottom:3px} .ul-listl2 .btnbox .btn .tips{font-size:16px;line-height:1.5em;color:rgba(255,255,255,.7);text-align:center;overflow:hidden} .ul-listl2 .btnbox .btn.open{background:linear-gradient(to right,rgba(0,90,174,.15),rgba(29,142,221,.15))} .m-swiperl1{overflow:hidden;padding:0 32px 85px;position:relative} .m-swiperl1 .swiper-slide{position:relative;overflow:hidden} .m-swiperl1 .top{overflow:hidden;position:relative;margin-bottom:33px} .m-swiperl1 .top .tit{width:344px;height:72px;line-height:72px;margin:0 auto;text-align:center;background:url(../img/dzhwk/bgl9.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;font-size:26px;color:#91ceff} .m-swiperl1 .top .tit em{font-weight:700;color:#fff;font-family:Arial} .m-swiperl1 .top .store{font-size:28px;color:#fff;font-weight:700;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-listl3{overflow:hidden;margin:0 -5px 20px} .ul-listl3 li{width:25%;float:left;padding:0 5px} .ul-listl3 .con{display:block;overflow:hidden;padding:20px 16px 19px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-listl3 .con .icon{width:56px;height:56px;line-height:56px;font-size:0;text-align:center;overflow:hidden;background:rgba(255,255,255,.05);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;float:left;margin-right:18px} .ul-listl3 .con .icon img{display:inline-block;vertical-align:middle;max-width:80%;max-height:80%} .ul-listl3 .con .num{font-size:16px;line-height:1.5em;overflow:hidden;color:#fff;font-family:Arial} .ul-listl3 .con .num em{font-size:26px;font-weight:700;color:#fff;overflow:hidden;padding-right:5px} .ul-listl3 .con .tt{font-size:16px;color:#b9e0ff;line-height:1.5em;overflow:hidden} .m-infol{overflow:hidden;margin:0 -5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex} .m-infol .item{width:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 5px} .m-infol .item .box{width:100%;height:100%;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:16px 15px} .m-infol .item .bgpic{padding-top:98.4939759%;position:relative;background-repeat:no-repeat;background-position:center center;height:0;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px} .m-infol .item .pic{width:110px;height:110px;margin:-61px auto 30px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;position:relative;z-index:2} .m-infol .item .pic img{display:block;width:100%;height:100%} .ul-intel{overflow:hidden} .ul-intel li{overflow:hidden;margin-bottom:10px} .ul-intel li:last-child{margin-bottom:0} .ul-intel li .con{display:block;padding:20px 20px;background-color:rgba(0,0,0,.3);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:20px} .ul-intel li .ll{overflow:hidden;color:#91ceff;line-height:1.5em;width:116px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .ul-intel li .ico{width:23px;height:23px;line-height:23px;text-align:center;font-size:0;display:inline-block;vertical-align:middle;margin:-2px 7px 0 0} .ul-intel li .rr{color:#fff;font-weight:700;line-height:1.5em;overflow:hidden} .ul-intel.styl2 li .con{background:rgba(3,77,146,.3);padding:15px 20px} .ul-intel.styl2 li .ll{width:auto} .df-jb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .ul-listl4{overflow:hidden} .ul-listl4 li{margin-bottom:16px;overflow:hidden} .ul-listl4 li:last-child{margin-bottom:0} .ul-listl4 .con{display:block;padding:8px 15px;overflow:hidden;background:rgba(0,0,0,.3);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-listl4 .con .ll{position:relative;padding-left:12px;font-size:20px;color:#91ceff;line-height:32px;overflow:hidden;margin-right:23px} .ul-listl4 .con .ll:after{content:"";position:absolute;top:50%;left:0;width:3px;height:16px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background-color:#33b3ff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px} .ul-listl4 .con .rr{font-size:20px;color:#fff;line-height:32px;overflow:hidden} .ul-listl4 .con .btn{overflow:hidden} .g-statel{width:116px;height:32px;line-height:32px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;text-align:center;color:#fff;font-size:18px;background:linear-gradient(to right,rgba(59,72,205,.3),rgba(101,106,227,.3))} .g-statel.green{background:linear-gradient(to right,rgba(35,161,91,.3),rgba(53,177,168,.3))} .g-statel.green2{background:linear-gradient(to right,rgba(0,135,197,.3),rgba(80,215,222,.3))} .g-statel.blue{background:linear-gradient(to right,rgba(0,90,174,.3),rgba(51,179,255,.3))} .g-statel .icon{display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:20px;text-align:center;font-size:0;overflow:hidden;margin:-2px 8px 0 0} .g-statel .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .m-swiperl1 .g-swbtnl{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)} .g-swbtnl{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .g-swbtnl .swiper-button-next:after,.g-swbtnl .swiper-button-prev:after{display:none} .g-swbtnl .swiper-button-next,.g-swbtnl .swiper-button-prev{position:static;margin:0;width:61px;height:61px;background:url(../img/dzhwk/iconl25.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .g-swbtnl .swiper-button-next{background-image:url(../img/dzhwk/iconl25-1.png)} .g-swbtnl .swiper-pagination{position:static;width:auto;width:104px;height:52px;line-height:52px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;text-align:center;background:rgba(255,255,255,.1);font-size:16px;color:#fff;margin:0 30px} .g-swbtnl .swiper-pagination-current{font-size:20px;font-weight:700} .g-swbtnl .swiper-button-next:hover,.g-swbtnl .swiper-button-prev:hover{opacity:.7} .m-electronl{overflow:hidden;height:100%} .m-electronl .electron1{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .m-electronl .electron1 .g-boxl1{padding:0 15px 15px;height:411px;margin-bottom:20px} .m-electronl .electron1 .g-boxl1.h378{height:378px} .m-electronl .col-l{width:41.1215%;float:none} .m-electronl .col-c{width:30.5296%;float:none} .m-electronl .col-r{width:25.8567%;float:none} .g-titl1{display:block;width:271px;height:53px;line-height:1.7em;margin:0 auto 18px;font-size:26px;color:#fff;text-align:center;background:url(../img/dzhwk/bgl9-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden} .g-titl1 .tit{position:relative;z-index:5} .ul-listl5{overflow:hidden;margin:0 -5px} .ul-listl5 li{width:33.33%;float:left;padding:0 5px;margin-bottom:10px} .ul-listl5 .con{display:block;background:rgba(3,77,146,.3);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:center;overflow:hidden;padding:17px 5px 22px} .ul-listl5 .con .tit{font-size:26px;color:#fff;font-weight:700;line-height:1.4em;overflow:hidden;font-family:Arial} .ul-listl5 .con .tit em{font-size:20px;font-weight:400;padding-left:5px} .ul-listl5 .con .info{font-size:16px;color:#b9e0ff;line-height:1.4em;overflow:hidden} .ul-listl5.styl2 li{width:33.33%} .ul-listl5.styl2 .con{padding:30px 5px 40px} .ul-listl5.styl2 .con .info{font-size:20px;line-height:1.2em} .ul-listl3.styl2 li{width:auto;float:none;margin-bottom:10px} .ul-listl3.styl2 .con .icon{margin-right:29px} .ul-listl6{overflow:hidden} .ul-listl6 li{margin-bottom:10px} .ul-listl6 .con{display:block;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:10px 16px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .ul-listl6 .con .icon{width:56px;height:56px;line-height:56px;font-size:0;text-align:center;overflow:hidden;background:rgba(255,255,255,.05);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-right:17px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .ul-listl6 .con .icon img{display:inline-block;vertical-align:middle;max-width:80%;max-height:80%} .ul-listl6 .con .rr{margin:0 -10px;overflow:hidden;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .ul-listl6 .con .itm{width:50%;float:left;padding:0 10px} .ul-listl6 .con .info{height:75px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:center;overflow:hidden;padding:12px 10px} .ul-listl6 .con .info .num{font-size:16px;color:#fff;line-height:1.5em} .ul-listl6 .con .info .num em{font-size:26px;font-weight:700;color:#fff;overflow:hidden} .ul-listl6 .con .info .tt{font-size:16px;line-height:1.5em;color:#b9e0ff;overflow:hidden} .ul-listl5.styl3 .con{padding:17px 5px} .ul-listl5.styl3 .con .tit{line-height:1.3em} .ul-listl5.styl3 .con .tit em{font-size:16px} .ul-listl5.styl3 .con .info{font-size:20px;line-height:1.2em} .m-chartl{overflow:hidden;height:285px} .m-chartl .chart{display:block;width:100%;height:100%} .m-electronl .electron2{height:110px;padding:0 60px 0 42px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden} .m-electronl .electron2 .tit{font-size:26px;color:#91ceff;overflow:hidden;line-height:1.5em} .m-electronl .electron2 .tit em{color:#fff;font-weight:700;padding-left:10px} .h411{height:411px} .h331{height:331px} .h511{height:511px} .m-prohibitl{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .m-prohibitl .col-l{width:763px;float:none} .m-prohibitl .col-r{width:819px;float:none} .h20{height:20px} .m-prohibitl .g-boxl1{padding:0 17px 17px} .m-doorl{overflow:hidden;margin-bottom:20px} .m-doorl .left{display:block;width:328px;float:left;background:url(../img/dzhwk/bgl10.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-ms-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-o-box-shadow:inset 0 0 5px rgba(255,255,255,.3);box-shadow:inset 0 0 5px rgba(255,255,255,.3);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:17px 15px} .m-doorl .left .box{width:100%;height:100%;background:rgba(0,0,0,.1);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding-top:88px;cursor:pointer} .m-doorl .left .box .icon{width:102px;height:102px;line-height:102px;text-align:center;font-size:0;margin:0 auto 62px;background:url(../img/dzhwk/bgl2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden} .m-doorl .left .box .icon img{display:inline-block;vertical-align:middle;max-width:60%;max-height:60%} .m-doorl .left .box .tit{font-size:30px;color:#fff;line-height:1.5em;font-weight:700;text-align:center;overflow:hidden} .m-doorl .right{width:415px;float:right;overflow:hidden} .m-doorl .right .date{font-size:16px;line-height:1.2em;text-align:center;overflow:hidden;color:rgba(145,206,255,.5)} .m-doorl .right .ul-listl3{margin-bottom:6px} .m-doorl .right .ul-listl3 li:last-child{margin-bottom:0} .m-centrel{overflow:hidden} .m-centrel .ul-listl2{padding:0;margin:0 -10px;width:auto;float:none} .m-centrel .ul-listl2 li{width:62%;float:left;padding:0 10px} .m-centrel .ul-listl2 li:nth-child(2){width:38%} .m-centrel .ul-listl2 .con{padding:27px 20px} .m-centrel .ul-listl2 .con .txt{text-align:center} .m-centrel .ul-listl2 .con .tit{font-size:28px} .m-centrel .ul-listl2 .con .icon{margin-right:16px} .m-centrel .ul-listl2 .con .desc{font-size:16px;color:#fff} .m-belowl .g-titl1{margin-bottom:28px} .m-belowl .icon{width:102px;height:auto;overflow:hidden;margin:0 auto 33px} .m-belowl .icon img{display:block;width:100%;height:100%} .m-belowl .tips{font-size:26px;font-weight:700;color:#fff;text-align:center;line-height:1.5em;overflow:hidden} .ul-listl7{overflow:hidden} .ul-listl7 li{margin-bottom:11px} .ul-listl7 .con{display:block;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:25px 15px 25px 35px;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-ms-box-shadow:inset 0 0 5px rgba(255,255,255,.3);-o-box-shadow:inset 0 0 5px rgba(255,255,255,.3);box-shadow:inset 0 0 5px rgba(255,255,255,.3);background:linear-gradient(to right,rgba(0,90,174,.03),rgba(29,142,221,.03))} .ul-listl7 .con .icon{width:44px;height:44px;background:url(../img/dzhwk/iconl31.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-right:22px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .ul-listl7 .con .tit{font-size:28px;color:#fff;line-height:1.5em;font-weight:700;overflow:hidden;width:192px;padding-right:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .ul-listl7 .con .tips{font-size:22px;color:#91ceff;line-height:1.5em;overflow:hidden} .ul-listl7 li.ok .con{background:linear-gradient(to right,rgba(0,90,174,.1),rgba(29,142,221,.1))} .ul-listl7 li.ok .con .icon{background-image:url(../img/dzhwk/iconl31-1.png)} #swl1{height:340px;overflow:hidden} .m-pop{position:fixed;left:0;top:0;right:0;bottom:0;cursor:auto;z-index:100;display:none} .m-pop .pop-bg{position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;background:rgba(0,0,0,.8)} .m-pop .inner{position:absolute;left:50%;top:50%;width:auto;max-width:1512px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:rgba(0,0,0,.8)} .m-winl{overflow:hidden;padding:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .m-winl .left{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1} .m-winl .right{width:414px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0} .m-winl .left .tabl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .g-boxl2{width:484px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;padding:20px;height:525px;background:rgba(0,12,23,.5);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .g-boxl2 .pic{display:block;width:100%;height:100%;float:left} .m-posswordl{overflow:hidden} .m-posswordl .possword{overflow:hidden} .m-posswordl .possword .inp{width:100%;height:110px;line-height:110px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;background:rgba(77,125,170,.23);padding:0 20px;font-size:28px;color:#fff;display:block;margin-bottom:15px} .ul-numl{overflow:hidden;margin:0 -5px} .ul-numl li{width:33.33%;float:left;padding:0 5px;margin-bottom:10px} .ul-numl .con{display:block;width:100%;height:80px;line-height:80px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:rgba(77,125,170,.23);font-size:30px;color:#fff;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer} .ul-numl .con:hover{background:linear-gradient(to right,rgba(0,90,174,.8),rgba(51,179,255,.8))} .ul-numl .con img{display:inline-block;vertical-align:middle;margin-top:-2px;max-width:70%;max-height:80%} .ul-numl .con.purple{background:linear-gradient(to right,rgba(66,80,217,.3),rgba(101,106,227,.3))} .ul-numl .con.green{background:linear-gradient(to right,rgba(35,161,91,.3),rgba(59,177,168,.3))} .ul-listl8{overflow:hidden;margin:30px 70px 40px} .ul-listl8 li{margin-bottom:45px} .ul-listl8 .con{display:block;overflow:hidden;background:linear-gradient(to right,rgba(0,90,174,.05),rgba(29,142,221,.05));-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-ms-box-shadow:inset 0 0 2px rgba(255,255,255,.3);-o-box-shadow:inset 0 0 2px rgba(255,255,255,.3);box-shadow:inset 0 0 2px rgba(255,255,255,.3);height:84px;line-height:84px;font-size:28px;color:#fff;text-align:center;font-weight:700;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer} .ul-listl8 .con .icon{display:inline-block;vertical-align:middle;margin-top:-2px;width:50px;height:50px;line-height:50px;text-align:center;font-size:0} .ul-listl8 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listl8 .con:hover,.ul-listl8 li.on .con{background:linear-gradient(to right,rgba(0,90,174,.15),rgba(29,142,221,.15))} .ul-listl8 li:last-child{margin-bottom:0} .m-pop.open{display:block} /*!****** ls end *******/