/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-01-13 17:24:55
*/
/*banner*/
.wrap{width: 16rem !important;}


#daohang{width: 100%;height: 1rem;color: #fff;line-height: 0.99rem;border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;top:0;left:0;z-index: 1000}



.box-active{position:relative !important;}
.box-active2{position:fixed;top:0;left:0;z-index:99;}


#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #232526;font-size:0.14rem;}
#ejdh a{color: #fff;padding:0 0.2rem;}
#ejdh .fr a{border-right:1px solid #999;padding:0 0.25rem;}
#ejdh .fr a:last-child{border-right: none;padding-right: 0;}
#ejdh .fl a:first-child{padding-left: 0;}

#banner{width: 100%;height: 8rem;background: url(/statics/images/olt/banner_bg.jpg)no-repeat center;background-size: cover;}
#banner img{display: block;margin:0 auto;}


#peiz{width: 100%;height: 9.5rem;background: url(/statics/images/olt/peizhi.jpg)no-repeat center;background-size: cover;}
#peiz li{color: #333333;position: absolute;font-family: 'din';font-weight: bold;letter-spacing: 2px;}
#peiz li span{color:#0057ff;}
#peiz li:first-child{font-size: 0.5rem;top:2.95rem;left:3.7rem;}
#peiz li:nth-child(2){font-size: 0.5rem;top:2.75rem;left:9.2rem;}
#peiz li:nth-child(3){font-size: 0.34rem;top:4.7rem;left:3.3rem;}
#peiz li:nth-child(4){font-size: 0.34rem;top:4.7rem;left:8rem;}
#peiz li:nth-child(5){font-size: 0.34rem;top:4.7rem;left:11rem;}
#peiz li:nth-child(6){font-size: 0.3rem;top:7rem;left:3.3rem;text-align: center;}
#peiz li:nth-child(6) span{display: block;font-size: 0.5rem;}
#peiz li:nth-child(7){font-size: 0.54rem;top:6.1rem;left:10rem;}
#peiz li:nth-child(8){font-size: 0.34rem;top:8rem;left:9.8rem;}

#bg1{width: 100%;height: 8rem;background: url(/statics/images/olt/bg1.jpg)no-repeat center;background-size: cover;color:#fff;font-size: 0.2rem;;line-height: 0.35rem;}
#bg1 p{font-size: 0.54rem;font-weight: bold;padding-top: 3.1rem;padding-bottom: 0.5rem}
#bg2{width: 100%;height: 9.3rem;background: url(/statics/images/olt/bg2.jpg)no-repeat center;background-size: cover;font-size: 0.2rem;color: #333;text-align: center;}
#bg2 p{font-size: 0.54rem;font-weight: bold;padding-top: 6.5rem;padding-bottom: 0.4rem;}
#bg3{width: 100%;height: 8rem;background: url(/statics/images/olt/bg3.jpg)no-repeat center;background-size: cover;}
#bg3 .wen{width: 5.1rem;float: right;color: #fff;font-size: 0.2rem;position: relative;margin-top: 3.2rem;}
#bg3 .wen p{font-size: 0.46rem;font-weight: bold;padding-bottom: 0.4rem;}
#bg3 .wen p span{font-size: 0.54rem;display: block;}
#bg3 .wen img{width: 2.72rem;display: block;position: absolute;right: 0;top: 0;}
#bg4{width: 100%;height: 8rem;background: url(/statics/images/olt/bg4.jpg)no-repeat center;background-size: cover;text-align: right;font-size: 0.2rem;color: #333333;}
#bg4 p{font-size: 0.54rem;font-weight: bold;padding-top: 2.4rem;padding-bottom: 0.35rem;}

#bg5 li{width: 7.5rem;float: left;text-align: center;font-size: 0.2rem;margin: 1.4rem auto;}
#bg5 li:last-child{float: right;}
#bg5 li p{font-size: 0.44rem;color: #333333;font-weight: bold;margin-bottom: 0.2rem}
#bg5 li .tu{width: 7.5rem;height: 4.5rem;margin-top: 0.4rem;}
#bg5 li .tu img{width: 100%;display: block;}

#bg7{width: 100%;height: 9.3rem;background: url(/statics/images/olt/bg7.jpg)no-repeat center;background-size: cover;position: relative;}
#bg7 .title{text-align: center;font-size: 0.2rem;color: #333333;}
#bg7 .title p{font-size: 0.54rem;font-weight: bold;padding-top: 0.8rem;padding-bottom: 0.25rem;}
#bg7 .tu{position: absolute;bottom:0;width: 100%;}
#bg7 .tu img{width: 6.32rem;display: block;margin:0 auto;}

#bg8{width: 100%;height: 9.6rem;background: url(/statics/images/olt/bg8.jpg)no-repeat center;background-size: cover;}
#bg8 .title{text-align: center;font-size: 0.2rem;color: #333333;}
#bg8 .title p{font-size: 0.54rem;font-weight: bold;padding-top: 1rem;padding-bottom: 0.25rem;}

#bg9{width: 100%;display: block;overflow:hidden;background:rgba(0,0,0,0.4);position:relative;height:9.3rem;}
#bg9 video{position:absolute;top:0;left:0;z-index:-1;}
#bg9 a{display: block;width: 1rem;height: 1rem;margin:0 auto;margin-top: 4rem;position:relative;}
#bg9 a img{display: block;width:100%;}

#cpxh{width: 100%;height: 16.4rem;background: #f7f7f7;}
#cpxh .wrap{width: 16rem;height: 12.37rem;background: #fff;border-radius: 0.2rem;}
#cpxh .tit{font-size: 0.38rem;color: #333;text-align: center;padding: 0.8rem 0 0.2rem;}
#cpxh .tit span{color: #0057ff;}

#cpxh li .fl{width: 15%;text-align: center;font-size: 0.18rem;color: #333333;}
#cpxh li .fr{width: 80%;}
#cpxh li .fr dl{width: 33.3%;float: left;font-size: 0.14rem;line-height: 0.5rem;}
#cpxh li .fr dl img{display: block;width: 1.54rem;}

#cpxh li:first-child img{padding-top: 0.9rem;}
#cpxh li:first-child{height:2rem;line-height:2rem;border-bottom:1px solid #ccc}

#cpxh li:nth-child(2){height:1.2rem;line-height:1.2rem;}
#cpxh li:nth-child(2) dl{line-height: 1.2rem;}

#cpxh li:nth-child(3){height:6rem;}
#cpxh li:nth-child(3) .fl{padding-top: 0.1rem;}

#cpxh .guige{height: 1.3rem;line-height: 1.3rem;}


#cpxh .guige img{width: 1.34rem !important;display: block;padding-top: 0.45rem;}

#bg10{width: 100%;height: 1.8rem;background: url(/statics/images/olt/bg10.jpg)no-repeat center;background-size: cover;line-height: 1.5rem;}
#bg10 .fl{font-size: 0.36rem;color: #333333;font-weight: bold;padding-top: 0.3rem}
#bg10 .fl a{color: #0057ff;}
#bg10 .fr a{color: #333333;font-size: 0.18rem;font-weight: bold;width: 1.88rem;height: 0.69rem;background: url(/statics/images/olt/jian.png)no-repeat bottom;background-size: cover;display: block;margin-top: 0.7rem;line-height: 0.69rem;margin-right:4.5rem;}



/* 视频弹出 */


.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}