/*PC端*/
.banner{
  display:flex;
  position:relative;
  margin-top:70px;
  flex-direction:column;
  height:500px;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  letter-spacing:3px;
  justify-content:center;
  align-items:center;
  background:url(../images/aboutbg.jpg) center;
  background-size:100% 100%;
}
.banner span:nth-child(2){
  font-size:32px;
  letter-spacing:10px;
}
.c1 .about{
  display:flex;
  width:100%;
  justify-content:space-between;
  margin:50px 0;
}
.c1 .about div{
  display:flex;
  flex-direction:column;
}
.c1 .about .title{
  font-size:30px;
  font-weight:bold;
  margin-bottom:20px;
}
.c1 .about .content{
  width:95%;
  letter-spacing:2px;
  line-height:30px;
  font-size:18px;
}
.c2{
  display:flex;
  position:relative;
  background:#6c7279;
  color:#fff;
  height:1000px;
  align-items:center;
  overflow:hidden;
}
.c2 .pic{
  position:absolute;
  top:0;
  right:0;
}
.c2 .pic img{
   max-height:1000px;
}
.c2 .cmenu{
  display:flex;
  flex-direction:column;
}
.c2 .cmenu .title{
   padding-top:20px;
}
.c2 .cmenu div{
  display:flex;
  flex-direction:column;
  margin:10px 0;
}
.c2 .cmenu div:last-child{
   margin-bottom:0;
}
.c2 .cmenu span{
   font-size:24px;
   font-weight:bold;
}
.c2 .cmenu font{
   font-size:18px;
   margin:20px 0;
}
.c2 .cmenu .detail b{
  letter-spacing:23px;
}
.c2 .cmenu .detail font{
  width:250px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.3);
}
.c2 .cmenu .detail font p:last-child{
   margin-bottom:0px;
   padding-bottom:0px;
}
.c2 .cmenu .detail:last-child font{
  border-bottom:none;
}
.c3{
  display:flex;
  width:100%;
  text-align:center;
  align-items:center;
  background:url(../images/aboutbg1.jpg);
  background-size:100% 100%;
  height:513px;
}
.c3 .qyzz{
  display:flex;
  flex-direction:column;
}
.c3 .qyzz .title{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin:20px 0 50px 0;
  font-size:24px;
  font-weight:bold;
}
.c3 .qyzz .bt{
   cursor:pointer;
}
.c3 .qyzz div{
  display:flex;
  align-items:center;
}
.c3 .qyzz .allzz{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  width:1300px;
  overflow:hidden;
  margin:0 20px;
}
.c3 .qyzz .allzz img{
   max-height:217px;
   margin-right:12px;
}
.c4{
  display:flex;
  position:relative;
  width:100%;
  text-align:center;
  align-items:center;
  background:url(../images/aboutbg2.jpg);
  background-size:100% 100%;
  height:600px;
  justify-content:space-between;
}
.c4 .contact .left{
  display:flex;
  text-align:left;
  flex-direction:column;
}
.c4 .contact .title{
  display:flex;
  flex-direction:column;
  color:#fff;
  font-size:24px;
  font-weight:bold;
  margin-bottom:50px;
  letter-spacing:3px;
}
.c4 .contact .title .en{
  font-size:20px;
  font-weight:normal;
}
.c4 .contact .address{
   display:flex;
   flex-direction:column;
   color:#fff;
   line-height:30px;
}
.c4 .cright{
    position:absolute;
    width:960px;
    height:600px;
    right:0;
    top:0;
}

.c5{
  background:#f5f5f5;
  padding:;
}
.c5 .qyhj{
  display:flex;
  flex-direction:column;
  padding:50px 0;
}
.c5 .qyhj .title{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:20px;
   font-size:24px;
  font-weight:bold;
}
.c5 .content{
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}
.c5 .content .center{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.c5 .content .top{
  display:flex;
  justify-content:space-between;
}
.c5 .content .top img:first-child{
   margin-right:5px;
}
.c5 .content .end{
  display:flex;
  justify-content:space-between;
}
.c5 .content .right{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.pcqyhj{
  display:block;
}

.mobileqyhj{
  display:none;
}

.myskin{
  background-color: transparent;/*背景透明*/
  box-shadow: 0 0 0 rgba(0,0,0,0);/*前景无阴影*/
}

.bigpic{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto;
  overflow:hidden; 
}
.bigpic img{
   height:35rem;
}


/*手机端*/
@media screen and (max-device-width:960px){
  .banner{
    height:auto;
    margin-top:4rem;
    font-size:0.7rem;
    height:6rem;
  }
  .banner span:nth-child(2){
     font-size:0.8rem;
  }
  .c1 .about{
     flex-direction:column;
  }
  .c1 .about .title{
     margin-left:0.5rem;
  }
  .c1 .about .content{
     margin:0 auto ;
  }
  .c2{
    position: relative;
    top:-2rem;
    height:35rem;
  }
  .c2 .pic{display:none;}
  .c2 .cmenu div{
     margin:0.5rem 0;
     padding-left:1rem;
  }
  .c2 .cmenu font{
     margin:0.5rem 0;
  }
    .c2 .cmenu .detail{
      display: flex;
      flex-direction:column;
    }
  .c2 .cmenu .detail font{
    display:flex;
    flex-direction:column;
    width:90%;
  }
  .c3{
     height:14rem;
  }
  .c3 .qyzz .title{
     margin:0.5rem;
     font-size:0.8rem;
  }
  .c4{
    display:flex;
    flex-direction:column;
    height:30rem;
    background:#6b727a;
  }
  .c4 .left{
    display:flex;
    flex-direction:column;
    height:11.5rem;
    background:#6b727a;
    padding:0.5rem 0 0.5rem 0.5rem;
  }
  .c4 .contact .title{
     margin-bottom:0.5rem;
     font-size:0.8rem;
  }

  .c4 .contact .title .en{
     font-size:0.7rem;
  }
  .c4 .cright{
    display:flex;
     position:relative;
     width:100%;
     height:20rem;
     top: unset;
     right: unset;
  }
    .c4 .cright iframe{
      height:20rem;
    }


    .pcqyhj{
      display:none;
    }

    .mobileqyhj{
      display:block;
    }


    .mc5{
      background:#f5f5f5;
      position: relative;
      top: -2rem;
    }

    .mc5 .mqyhj{
       display:flex;
       flex-direction:column;
    }

    .mc5 .mqyhj .title{
       display:flex;
       width:100%;
       flex-direction:column;
       font-size: 0.8rem;
       justify-content:center;
       margin:0 auto;
       text-align:center;
       margin:1rem 0;
       font-weight:bold;
    }
    .mc5 .mqyhj .content .top{
       display:flex;
       justify-content:space-between;
       width:17.9rem;
       margin:0 auto;
    }
    .mc5 .mqyhj .content .top .left img{
        width:7.55rem;
    }
    .mc5 .mqyhj .content .top .right{
       display:flex;
       flex-direction:column;
       justify-content:space-between;
    }
    .mc5 .mqyhj .content .top .right img{
       width:10.15rem;
    }
    .mc5 .mqyhj .content  .end{
      display:flex;
      justify-content:space-between;
      width:17.9rem;
      margin:0 auto;
      margin-top:0.25rem;
    }
    .mc5 .mqyhj .content  .end .left img{
       width:10.15rem;
    }
    .mc5 .mqyhj .content .end .right{
       display:flex;
       flex-direction:column;
       justify-content:space-between;
    }
    .mc5 .mqyhj .content  .end .right img{
      width:7.4525rem
    }

    .bigpicm{
      display:flex;
      justify-content:center;
      align-items:center;
      width:100%;
      margin:0 auto;
      overflow:hidden; 
    }
    .bigpicm img{
       width:100%;
    }


}