/*PC端*/
.slider-container{
  margin-top:70px;
}
.pcm{
  display:flex!important;
}
.pcmenuleft{
   display:block;
   z-index: 0;
   position:absolute;
   top:38rem;
   left:0;
   width:50%;
   height:220px;
   background:#eee;
}
.pcmenuright{
   display:block;
   z-index: 0;
   position:absolute;
   top:38rem;
   right:0;
   width:50%;
   height:220px;
   background:#eee;
}
.mobilem{
  display:none!important;
}
.pcdetail{display:flex!important;}
.c1{
  display:flex;
  height:220px;
  align-items:flex-start;
  position: relative;
  z-index: 999;
}
.c1 a{
  color:#6C7279;
  width:50%;
}
.c1 a:nth-child(2){
    display:flex;
    position:relative;
    top:35px;
    width:1px;
    height:150px;
    border-right:1px solid rgba(255,255,255,0.5);
}
.c1 div{
  display:flex;
  flex-direction:column;
  padding:50px 50px 0 50px;
}
.c1 div span{
  display:flex;
  align-items:center;
}
.c1 div span:nth-child(2){
  margin-top: 20px;
}
.c1 div span img{
   width:50px;
   height:50px;
   margin-left:10px;
}
.c1 div span font{
  display:flex;
  flex-direction:column;
  font-size:24px;
  font-weight:bold;
  margin-bottom:10px;
}
.c1 div span font i{
  font-style:normal;
}

.c2{
  display:flex;
  width:100%;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  line-height:30px;
}
.c2 span:nth-child(2){
  width:60%;
  margin:0 auto;
}
.c2 a{
    margin:20px 0;
    color:#036db3;
}
.c2 a font{
  margin-left:10px;
}

.c2 .title{
  font-size:24px;
  font-weight:bold;
  padding:50px 0 20px 0;
}
.c2 .img{
   height:730px;
   overflow:hidden;
}
.c2 .img img{
   width:700px;
}

.bigc3{
  display:flex;
  flex-wrap:wrap;
}
.c3{
  display:flex;
  width:50%;
  height:700px;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  line-height:30px;
  color: #fff;
}
.c3:first-child{
  background: url(../images/pbg_1.jpg) center;
  background-size:100% 100%;
}
.c3:nth-child(2){
  background: url(../images/pbg_2.jpg) center;
  background-size:100% 100%;
}
.c3:nth-child(3){
  background: url(../images/pbg_3.jpg) center;
  background-size:100% 100%;
}
.c3:nth-child(4){
  background: url(../images/pbg_4.jpg) center;
  background-size:100% 100%;
}
.c3 span:nth-child(2){
  width:60%;
  margin:0 auto;
   flex-grow: 1;
}
.c3 a{
    margin:20px 0;
    color:#036db3;
}
.c3 a font{
  margin-left:10px;
}

.c3 .title{
  font-size:24px;
  font-weight:bold;
  padding:50px 0 20px 0;
}
.c3 .img{
   display:flex;
   overflow:hidden;
   justify-content:center;
   align-items:flex-start;
}
.c3 .img img{
   width:460px;
}
.c45{
  background:#f5f5f5;
  padding-bottom:50px;
}
.c4 .about{
  display:flex;
  width:100%;
  justify-content:space-between;
  margin:50px 0;
}
.c4 .about div{
  display:flex;
  flex-direction:column;
}
.c4 .about .title{
  font-size:30px;
  font-weight:bold;
  margin-bottom:20px;
}
.c4 .about .content{
  width:95%;
  letter-spacing:2px;
  line-height:40px;
  font-size:18px;
}

.c5 .qmenu{
  display:flex;
  width:100%;
  justify-content:space-between;
}
.c5 .qmenu span{
   display:flex;
   flex-direction:column;
   width:455px;
   height:202px;
   font-size:24px;
   font-weight:bold;
   color:#fff;
   justify-content:center;
   align-items:center;
   cursor:pointer;
}
.c5 .qmenu span:first-child{
  background: url(../images/ic09.png) center;
}
.c5 .qmenu span:nth-child(2){
  background: url(../images/ic10.png) center;
}
.c5 .qmenu span:nth-child(3){
  background: url(../images/ic11.png) center;
}
/*手机端*/
@media (max-width: 768px){
     .slider-container{
       margin-top:4rem;
     }
    .pcm{
      display:none!important;
    }
    .pcdetail{display:none!important;}
    .mobilem{
      display:flex!important;
      flex-direction:column;
      justify-content:center;
    }
    .mobilem img{
       width:2rem!important;
       height:2rem!important;
       flex-shrink:0;
    }
    .mobilem font{
       font-size:1rem!important;
       font-weight:normal!important;
       margin-bottom:0.5rem;
       text-align: center;
       justify-content:center;
    }
    .title-2 h1{
       font-size:0.8rem;
    }
    .title-1 h1{
       font-size:1rem;
       line-height: normal;
    }
    .slide1-text{
      margin-top:-1.2rem;
    }
    .nivo-controlNav a{
      width:0.7rem;
      height:0.7rem;
      line-height:0.7rem;
    }
    .nivo-controlNav a.active{
      width:0.7rem;
      height:0.7rem;
    }
    .slider-container .nivo-controlNav{
      bottom:0.5rem;
    }
   .c1{
       flex-direction:column;
       height:auto;
   }
   .c1 div{
    padding:0rem 0.5rem 1rem 0.5rem;
   }
   .c1 a{
    width:100%;
   }
   .c1 a:nth-child(2){
    display:none;
   }
  
   .c1 a:first-child{
     background:#eee;
   }
   .c1 div span font{
    font-size:0.7rem;
   }
   .c1 div span img{
     width:1.2rem;
     height:1.2rem;
   }
   .c2 a{
    padding:1rem;
   }
   .c2{
    height:22rem;
    overflow:hidden;
   }
   .c2 .title{
     padding:1rem;
   }
   .c2 span:nth-child(2){
     width:90%;
   }
   .c2 .img img {
    width:80%;
   }
   .c3{
     width:100%;
     height:32rem;
   }
   .c3:nth-child(3){
     height:25rem;
   }
   .c3:nth-child(4){
     height:25rem;
   }
   .c3 span:nth-child(2){
    width:90%;
   }
   .c3 a{
     padding:1rem;
   }
   .c3:nth-child(3) a{
     top:-30px!important;
   }
   .c3:nth-child(4) a{
     top:-10px!important;
   }
   .c3 .img img{
     width:80%;
   }

   .c45{
     padding-bottom:0.5rem;
   }
   .c4 .about{
    display:flex;
    flex-direction:column;
    margin:0.5rem 0;
   }
   .c4 .about .title{
    margin-left:0.5rem;
   }
   .c4 .about .content{
     margin:0 auto;
     line-height:1.5rem;
   }
   .c4 .about img{
     width:95%;
     margin:0 auto;
     border-radius:0.5rem;
   }
   .c5{
     position: relative;
     top: -1rem;
   }
   .c5 .qmenu{
     flex-direction:column;
     justify-content:center;
   }
   .c5 .qmenu span{
       width:95%;
       margin:0 auto;
       margin-bottom:0.5rem;
       border-radius:0.5rem;
   }












}