html,body{
    height:100%;
}
body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;}
#wrap{
    overflow: hidden;
    width:100%;
}
#main{
    /*height:2944px;*/
    height:2944px;
    top:0;
    position: relative;
}
.page{
    width:100%;
    margin:0;
}
#page1{
    background:#FFF;
}
#page2{
    background:#FFF;
}
#page3{
    background:#FFF;
}
#page4{
    background:#FFF;
}
#page5{
    background:#Fff;
}

.h300{ height: 300px; }

/**  头部  **/
.head{
    width: 100%;
    height: 100%;
    background-image: url(images/banner.jpg);
    background-size: 100% 100%;
    background-color: #666;
    
  }

.top{
   height: 50px;
   width: 100%;

  }

.top_logo{
   float: left;
   width: 240px;
   height: 90px;
   margin-left: 120px;
   margin-top: 10px;
  }

.top_logo img{
   width: 240px;
   height: 90px;
  }

.top_menu{
  float: right;
  width: 600px;
  height: 10px;
  margin-right: 120px;
  margin-top: 40px
  }

.top_menu li{
  list-style: none;
  float: right;
  margin-left: 50px;
  color: #9d9d9d;
  font-size: 20px;
  }

.head_title{
   margin-top: 300px;
   text-align: center;
  }

.head_title_a{
  color: #fff;
  font-size: 40px;
  letter-spacing:20px;
  }

.head_title_b{
  margin-top: 10px;
  color: #fff;
  letter-spacing:10px;
 }

/** 主要 **/
.content{
   width: 100%;
   height: 100%
  } 

.content_title{
  width: 100%;
  height: 160px;
  text-align: center;
  }

.content_title_a{
  width: 100%;
  height: 150px;
  text-align: center;
  }

.content_title_b{
  margin-top:100px;
  width: 100%;
  height: 100px;
  text-align: center;
  }

.content_title_span_a{
  color: #FB8966;
  padding-top: 40px;
  font-size: 30px;
  }

.content_title_span_b{
  color: #9d9d9d;
  padding-top: 20px;
  font-size: 15px;
  }

.content_main_a{
  width: 100%;
  height: 100%;
  background-image: url(images/bg.png);
  background-size: 100% 100%;
  background-color: #234567;
  }

.content_main_a_img{
  margin-left: 120px;
  width: 400px;
  }

.content_main_a_img img{
  width: 320px;
  height: 200px;
  }

.content_main_b{
  width: 100%;
  height: 100%;
  background-image: url(images/video.png);
  background-size: 100% 100%;
  background-color: #181818;
  }



.content_main_c{
  width: 100%;
  height: 80%;
  background-color: #000;
  background-size: 100% 100%;
  }


.content_main_c_one{
  float: left;
  width: 25%;
  height: 100%;
  }

.content_main_c_img:hover{
  opacity:0.6;
  float: left;
  width: 100%;
  height: 100%;
  }

.content_main_c_img{
  width: 100%;
  height: 100%;
  }

.img_title{
  margin:auto;
  opacity:1;
  display: none;
  top:300px;
  height: 60px;
  width: 140px;
  border: solid 2px #fff; 
  text-align: center;
  }

.img_title_a{
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  }

.img_title_b{
  margin-top: 3px; 
  color:#fff;
  font-size: 10px;
  }

.content_main_d{
  width: 100%;
  height: 400px;
  background-image: url(images/iphone.png);
  background-size: 100% 100%;
  
  }


.content_main_d_main{
  margin-right: 120px;
  padding-top: 200px;
  float: right;
  text-align: right;
  }

.content_d_span_a{
  padding-top: 50px;

  color: #fff;
  font-size: 15px;
  }

.content_d_span_b{

  color: #fff;
  font-size: 12px;  
}

.content_d_img{
  margin-top: 10px;
 }

.content_d_img img{
 float: right;  
 width: 100px;
 height: 30px;
 margin-left: 30px;
 }

 /**  底部  **/
.foot{
  width: 100%;
  height: 200px;    
  } 

.foot_main{
 width: 100%;
 height: 150px;
  }
.foot_main_menu{
  float: left;
  margin-left: 120px;
  padding-top:30px; 
  }

.foot_main_menu_one{
  float: left;
  margin-right: 80px;
  }

.foot_main_menu_title{
  color: #2f2f2f;
  font-size: 15px;
  padding-bottom: 5px;
  }

.foot_main_menu_li li{
   list-style: none;
   color: #2f2f2f;
   font-size: 12px;
  }

.foot_main_img{
  float: right;
  margin-right: 120px;
  padding-top:30px;
  }

.foot_main_img_one{
  float: right;
  margin-left: 30px;
  text-align: center;;
  }

.foot_main_img_one img{
  width: 70px;
  height: 70px; 
 }
.foot_main_img_one span{
  color: #2f2f2f;
  font-size: 12px;
  }

.foot_down{
  
  height: 50px;
  margin: 0px 120px 0px 120px;
  border-top: solid 1px #9d9d9d;
  }

.foot_down_span{
 color: #9d9d9d;
 font-size: 12px;
 }