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


/*top*/

.top-part {
  overflow: hidden;
}

.dnav {
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  z-index: 99;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
}
.dnav .left-logo {
margin-left: 6%;
}
.dnav .left-logo img {
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.navb{
    width: 50%;
    padding: 0;
    margin-left: 5%;
}

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

.top-r{font-size: 16px;color: #000;background: url(../images/tel.png) left center no-repeat;padding-left: 70px;margin-top: 35px;margin-right: 6%;}
.top-r span{color: #ea0000;font-size: 28px;font-family: "Impact";display: block;}


.navb .sub {
    display: none;
    width: 100px;
    position: absolute;
    left: 0px;
    top: 120px;
    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:450px; 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:1476px){ 
.dnav{}
.dnav .left-logo{margin-left: 3%;}
.navb{margin-left: 3%;}
}
@media screen and (max-width:1285px){ 
.dnav{}
.top-r{    margin-right: 3%;}
}




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

.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;
}


.topys{
  width: 1300px;
  height: 145px;
  background: #002d89;
  border-radius: 10px;
  box-shadow: 0 2px 13px #ccc;
  position: absolute;
  bottom: -70px;
  z-index: 9999;
  left: 50%;
  margin-left: -650px;
  margin-right: -650px;

}
.topys ul li{
  float: left;
  width: 216px;
  text-align: center;
  margin-top: 20px;
}
.topys ul li img{
  display: block;
  margin: 0 auto;
}
.topys ul li span{
  font-size: 18px;
  color: #fff;
  line-height: 45px;
}
.topys ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

  .izl-rmenu{
         margin-right: 0;
         width: 82px;
         position: fixed;
         right: 2px;
         top: 10%;
         -webkit-box-shadow: #DDD 0px 1px 5px;
         -moz-box-shadow: #DDD 0px 1px 5px;
         box-shadow: #DDD 0px 1px 5px;
         z-index:999;
}
.izl-rmenu .consult{    
  background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
  background-image: url(../images/float_top.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.izl-rmenu .cart .pic {
  display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}