
body{
  margin:0 auto;
}
video{
  float:left;
  width:100%;
  position: absolute;
  z-index: -1;
}
#biao img:hover #re{
 display:block;
}
.nav {
  width: 100%;
  /* height: 950px; */
  height: 935px;

  }
.nav_1{
  float:left;
  width:100%;
  margin-top: 20px;
  height:50px;
}
.lo{
  margin-left:20%;
  float:left;
  width:30%;
  height:50px;
  background:url('../images/logo.png') no-repeat;
}

.nav_2{
  float:left;
  width:100%;
  margin-top:180px;
  height:120px;
}
.wen{
  width:90%;
  height:120px;
  margin-left: 10%;
}
.wen p{
  font-size:115px;
  color:white;
  font-weight: bold;
  line-height: 120px;
}

.nav_3{
  float:left;
  width:100%;
  height:120px;
}
.wen1{
  width:90%;
  height:120px;
  margin-left: 10%;
}
.wen1 p{
  font-size:115px;
  color:#E13138;
  font-weight: bold;
  line-height: 120px;
}
.nav_4{
  float:left;
  width:100%;
  height:auto;
}
.wen2{
  width:90%;
  height:auto;
  margin-left: 10%;
}
.wen2 p{
  font-size:28px;
  color:#FEFEFF;
}
.nav_5{
  margin-top: 100px;
  width:100%;
  float:left;
  height:200px;
}
.sim{
  float:left;
  width:15%;
  margin-left: 8%;
  height:180px;
  font-size: 38px;
  line-height:50px;
  color:white;
}
.sim:hover{
  color:#E13138;
  cursor: pointer;
}
.qiye p{
font-family:six;
}
.mid{
  width:100%;
  height:150px;
  background-color: #E13138;
}
.mids{
  width:50%;
  float:left;
  margin-left: 25%;
  height:100px;
  margin-top:40px;
  text-align: center;
}
.mid p{
  font-size: 18px;
  line-height:30px;
  color:white;
}
.main{
  width:100%;
  height:770px;
  float:left;
}
.dalou{
  width:40%;
  height:770px;
  float:left;
  overflow: hidden;
  background: url('../images/dalou.png');
}
.jie{
  width:90%;
  margin-left: 10%;
  height:170px;
  float:left;
  margin-top:550px;
}
.maint{
  width:60%;
  height:770px;
  float:left;
}
.mo{
  width:100%;
  height:385px;
  float:left;
  overflow: hidden;

}
.moo{
   width:33%;
   height:385px;
   float:left;
  background-color:#2D5BB8;
}
.mot{
  width:67%;
  height:385px;
  float:left;
  overflow: hidden;
}
.last{
  width:100%;
  height:375px;
}
.last1{
  width: 20%;
  height:375px;
  float:left;
  background-color:#E13138;
}
.last2{
  width:40%;
  height:375px;
  float:left;
  overflow: hidden;
}
.last3{
  width: 20%;
  height:375px;
  float:left;
  background-color:#00A0E9;
  overflow: hidden;
}
.last4{
  width: 20%;
  height:375px;
  float:left;
  overflow: hidden;
}
.bottom{
  float:left;
  width:100%;
  height:320px;
  background-color:#242B2E;
}
.bottom1{
  float:left;
  width:50%;
  height:300px;
  background-color:#242B2E;
}
.mot:hover{
  cursor: pointer;
}
img:hover{
  cursor: pointer;
}
/*qiye style*/
.abnav {
  width: 100%;
  height:525px;
  float:left;
  overflow: hidden;
}
.mb{
  width:500px;
  height:50px;
  position: absolute;
  top:400px;
  left:100px;
  z-index:123;
  text-align: center;
}
.mb a{
  color:#989898;
  font-weight: bold;
  height:40px;
  width:100px;
  float:left;
  line-height: 40px;
  font-size: 20px;
}
.mb span{
  color:#989898;
  height:40px;
  width:20px;
  float:left;
  line-height: 40px;
}
.amid{
  color:white;
  font-weight: bold;
  width:500px;
  height:250px;
  margin: 0 auto;
  margin-top: 125px;
  text-align: center;
  font-size:60px;
  letter-spacing: 10px;
  line-height:100px;

}
.abmiddle{
  width:100%;
  height:1500px;
  float:left;

  margin-top: -25px;
}
.abmleft{
  width:30%;
  float:left;
  height:1500px;
  background-color:#D2D2D2;
  border-radius: 0 30px 0 0;
}
.abmright{
  background-color: white;
  width:70%;
  float:left;
  height:1500px;
  border-radius: 30px 0  0 30px;
}
.ablo{
  width:100%;
  height:80px;
  float:left;
  font-size: 35px;
  margin-top:60px;

}
.sims{
  width:80%;
  text-align: right;
  float:left;
  color:#474747;
  line-height: 80px;
}
.ablo p:hover{
  color:red;
  cursor:pointer;
}

.ao{
  margin-top:100px;
}
.bu{
  background-color:#D2D2D2;
  height:50px;
  width:100%;
  float:left;
}
.abmro{
  width:90%;
  float:left;
  height:auto;
  margin-left: 10%;
  margin-top: 100px;
}
.abmro p{
  font-size: 30px;
  color:#77797D;
  line-height:90px;
  font-weight: bold;
}
.abmrt{
  width:100%;
  height:300px;
  float:left;
  margin-top: 50px;
}
.abmrtl{
  float:left;
  width:38%;
  height:300px;
  margin-left: 5%;
}
.abmrtr{
  float:left;
  width:35%;
  height:200px;
  margin-top: 50px;
}
.abmrtr p{
  font-size:15px;
  color:#8A8C8F;
  letter-spacing:3px;
}
.abmrtth{
  width:75%;
  float:left;
  margin-top: 30px;
  margin-left: 5%;
  height:100px;
}

/*about us style*/
.a-nav{
  width:100%;
  height:940px;
  float:left;
}
.a-zhuti{
  width:62%;
  float:left;
  margin-left:19%;
  height:2500px;
  margin-top: -100px;
}
.azo{
  height:600px;
  width:100%;
  float:left;
  margin-top: 10px;
  overflow: hidden;
}
.azoo{
  height:600px;
  width:33%;
  float:left;
  background-color: white;
}
.azot{
  height:600px;
  width:67%;
  float:left;
}
/*
新闻中心
*/
.news-l {
  width: 50%;
  height: auto;
  float: left;
  margin-top: -70px;
  margin-left: 10%;
}
.news-c{
  width:100%;
  height:320px;
  float:left;
  margin-top:20px;
  border-radius: 20px 20px 20px 20px;
  background-color:white;
}
.news-r{
  width:20%;
  height:650px;
  float:left;
  margin-top: -50px;
  margin-left: 10%;
  background-color:white;
  border-radius: 20px;
}
.news-cr{
  width:37%;
  height:100%;
  float:left;
}
.news-cl{
  width:63%;
  height:100%;
  float:left;
}
.nc p:hover{
  color:#E13138;
  cursor: pointer;
}
.news-rt{
  width:80%;
  float:left;margin-left: 10%;
  height:250px;
  line-height:40px;
}
.news-rt p{
  color:#9D9D9D;
}
.news-rb{
  width:80%;
  float:left;
  margin-left: 10%;
  height:350px;
  line-height:40px;
}
.news-rbone{
  width:100%;
  float:left;
  height:80px;

  margin-top: 10px;
}
.news-rbonel{
  width:30%;
  height:100%;
  float:left;
}
.news-rboner{
  width:66%;
  height:100%;
  float:left;
  margin-left: 2%;
}
.news-rboner p:hover{
  color:red;
  cursor: pointer;
}
/*
产品中心
*/
.pc-c{
  float:left;
  width:100%;
  height:auto;
 background-color:black;
}

.pc-cone{
  color:white;
  margin-top:80px;
  margin-left: 10%;
  left:100px;
  width:80%;
}
.pc-ctwo{
  color:white;
  width:80%;
  margin-top:30px;
  margin-left: 10%;
}
.pc-cthr{
  color:white;
  margin-top:30px;
  margin-left: 10%;
  width:80%;
}
.pc-cthr  ul li{
    list-style-type: none;
    list-style: none;
    float:left;
    width:auto;
    cursor: pointer;
    margin-left:20px;
    text-align: left;
}


.cpp{
  width:80%;
  float:left;
  margin-left: 10%;
}
.cpp-one{
  float:left;
  z-index: 999;
  position: relative;
  width:340px;
  margin-top: 50px;
  margin-left: 100px;
  height:250px;
  text-align: center;
  line-height: 250px;
}

.cpp-one:hover  #spe{
 display:block;
  cursor: pointer;
}
#spe:hover{
  display:block;
}
/*
daili
*/
.daili-nav{
  width:100%;
  height:480px;
  float:left;
}
.guobao{
  position:absolute;
  width:600px;
  height:250px;
  top:80px;
  left:650px;
}
.guobao p{
  text-align: center;
  font-size:50px;
  letter-spacing:10px;
  line-height:80px;
  color:white;
}
.shangbiao{
  position:absolute;
  width:600px;
  height:120px;
  top:350px;
  left:700px;
  text-align:center;
  line-height:120px;

}


/*产品详情*/
.chanpin{
   width:1600px;
   height:1500px;
   margin:0 auto;
   margin-top: 50px;
}
.chanpin-o{
   width:1600px;
   height:auto;
   float:left;
}
.ch-img{
   width:600px;
   height:auto;
   float:left;
   text-align: center;
   line-height: 350px;
   background-color: #F2F2F2
}
.ch-wen{
  width:700px;
  height:auto;
  float:left;
  letter-spacing:2px;
  margin-left: 100px;
}
.chanpin-t {
  width: 1600px;
  height:auto;
  float: left;
  margin-top: 50px;
}




#imgs img{
  max-width: 100%;
}




/* 程序分页样式 */
#page{ clear:both; 
  /* height:40px; */
  margin:0 auto; text-align:center; display: table; 
  margin: 30px auto;
}
#page li{ float:left; padding:0px 14px;height: 26px;line-height: 26px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #d60c02;}
#page li:hover a{color:#d60c02}
#page li a{ color:#666}
#page li.active{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.active a{ color:#fff}
#page li.thisclass{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.thisclass a{ color:#fff}