@charset "utf-8";
/* CSS Document */


/*top*/

.top-part {
  overflow: hidden;
}

.dnav {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 9999;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
/*  border-bottom: 1px #657681 solid;*/
}
.dnav .left-logo {
  margin-left: 9%;
  vertical-align: middle;
}

.navb{
    width: 50%;
    padding: 0;
    margin-left: 3%;
}

.navb .m {
    position: relative;
    float: left;
    width: 12%;
    display: inline;
    text-align: center;
    height: 90px;
}
.navb h3 {
    font-size: 100%;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}
.navb h3 a {
    zoom: 1;
    display: block;
    color: #fff;
    text-align: center;
    height: 90px;
    line-height: 90px;
}
.navb h3 a:hover{transition-duration: .3s;background: #e50f00 url(../images/dhtb.png) center bottom no-repeat;color: #fff;font-size: 18px;text-decoration: none;}

.top-r{
  line-height: 90px;
  font-size: 25px;
  color: #fff;
  font-family: "Arial";
  font-weight: bold;
  background: url(../images/tel.png) left center no-repeat;
  padding-left: 50px;
  margin-right: 9%;
}


/*导航二级*/
.navb .sub {
    display: none;
    width: 100px;
    position: absolute;
    left: 0px;
    top: 90px;
    float: left;
    line-height: 30px;
    z-index: 1000;
}
.navb .sub2 {
    left: -150px !important;
    width: 895px;
}
.navb .sub li{ text-align:center;  }
.navb .sub li a{ color:#5e5e5e; display:block; zoom:1;}
.navb .sub li a:hover{  background:#ddd; color:#c00; }
.navb .sub li a img{width: 151px;height:129px;}
.navb .sub li p{text-align:left;}
.mun1{width:680px; height:620px; background:#f6f6f6; padding-left:15px; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset;}
.mun1 ul li{width:150px; float:left; height:auto; overflow:hidden; margin-left:13px; margin-top:25px;}
.mun1 ul li h2{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; margin-bottom:7px;}
.dnav .sub .mun1 ul li p a{width:100%; height:28px; display:block; color:#919191; font-size:13px;overflow: hidden;}
.dnav .sub .mun1 ul li p a:hover{color:#0c438c; background:none;}
.mun1 ul li ul li{width:75px; float:left; margin:0px;}
.dnav .sub .mun1 ul li ul li a{color:#919191;}
.dnav .sub .mun1 ul li ul li a:hover{color:#0c438c; background:none;}
/*宽度小于1920px*/
@media screen and (max-width:1640px){ 
.dnav{} 
.dnav .left-logo{margin-left: 5%}
.top-r{margin-right: 5%}
}
@media screen and (max-width:1440px){ 
.dnav{} 
.dnav .left-logo{margin-left: 3%}
.top-r{margin-right: 3%}
}





/*banner*/
.focus {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.focus .hd {
  width: 100%;
  height: 20px;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  text-align: center;
  display: none;

}

.focus .hd ul {
  display: inline-block;
  height: 25px;
  padding: 3px 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 0;
  vertical-align: top;
}

.focus .hd ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 15px;
  vertical-align: top;
  overflow: hidden;
  border: 2px solid #fff;
  text-indent: 20em;
}

.focus .hd ul .on {
  background: #fff;
}

.focus .bd {
  position: relative;
  z-index: 0;
}
.focus .bd li .oi-first-screen-video{width: 100%;position: relative;}
.focus .bd li .oi-first-screen-video video{position: absolute;left: 0;bottom: 0;z-index: 100;width: 100%;}
.focus .bd li .oi-first-screen-video .banner_1{z-index: 200;position: relative;}

.focus .bd li img {
  width: 100%;
}

.focus .bd li a {
  -webkit-tap-highlight-color: transparent;
}

.focus .prev {
  position: absolute;
  top: 45%;
  z-index: 999;
  left: 0;
}

.focus .next {
  position: absolute;
  top: 45%;
  z-index: 999;
  right: 0;
}


