.outer {
  /*color: #fff;*/
  line-height: .3rem;
  height: 50%;
}
/*.banner {
  background-color: #014EA0;
  padding: 1.1rem 0 .2rem;
}*/

.banner {
    margin:0;
    /*max-height: 50%;*/
}
video {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    /*height: 50%;*/
    /*min-height: 30%; */
    width: auto;
    height: auto; 
    z-index: -100; 
    -webkit-filter: grayscale(20%);
}
.title {
  margin: 0 auto;
  padding: 1.5rem 0 1.1rem;
}
.banner-img-box {
  width: 55%;
  /* height: 4.33rem; */
}
.banner-title {
  width: 80%;
}
.banner-title > img{
  width: 3.62rem;
  height: 1.84rem;
  vertical-align:middle;
}
.banner-title-txt {
  margin: .4rem 0;
}
.banner-title-txt-main {
  border-bottom: 1px solid #fff;
  padding: .1rem 0;
  font-weight: bold;
}
.banner-title-txt-sub {
  color: #00F0F6;
  padding: .1rem 0;
}
.banner-title-txt-detail {
  padding: .1rem 0;
  font-size: .12rem;
  line-height: .24rem;
}

.elec-area .title {
  width: 6.34rem;
  height: 1rem;
}
.elec-area .product_list {
  width: 100%;
  height: auto;
}

.product_list ul {
  width: 90%;
  height: auto;
  margin-left: 2rem;
}


.grid-icon-box {
  /*flex: 3;*/
  width: 20rem;
  /*height: 6rem;*/
  margin-bottom: .8rem;
  height: 5rem;
}


.grid-icon-box .pic img {
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 9rem;
  height: auto;
  margin-left: .4rem;
}
.grid-icon-box h2 {
  color: #00aeef;
  font-size: 10;
  margin-bottom: .2rem;
}

.grid-icon-box .content{
  float: center;
  display: inline-block;
  width: 6.8rem;
  /*height: 5rem;*/
  margin-left: .9rem;
  overflow: hidden;
  zoom:1;
  color: white;
}

.grid-icon-box .pic1 img {
  float: right;
  display: inline-block;
  vertical-align: middle;
  width: 9rem;
  height: auto;
  margin-right: 2.4rem;
}

.grid-icon-box .content1{
  float: left;
  display: inline-block;
  width: 5.8rem;
  height: 5rem;
  margin-left: 1.9rem;
  overflow: hidden;
  zoom:1;
  color: white;
}

.grid-icon-box a {
  margin-top: .4rem;
  color: #00aeef;
}

.copyright {
  text-align: center;
  color: #fff;
}
.copyright p{
  text-align: center;
}