*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
body{
    min-width:1200px;
    font-family: 微软雅黑;
    cursor:default;
}

/*导航*/
.nav{
    width: 100%;
    height: 80px;
    line-height:80px;
    box-shadow:  0px 0px 10px #333;
    position:fixed;
    background:#fff;
    opacity: 0.9;
    z-index: 9999;
}
.nav > .contents{
    width:1200px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
}
.nav > .contents>.contents-logo>img{
    height: 100%;
} 
.nav > .contents>.contents-right{
    width: 87%;
    height: 100%;
    display: flex;
    justify-content:flex-end;
} 
.nav > .contents>.contents-right>.contents-right-item{
    width: 6rem;
    height: 100%;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}
.nav > .contents>.contents-right>.contents-right-item:hover{ 
    cursor:pointer;
    color: rgb(237, 110, 3);
    transition: all .3s;
    -webkit-transition: all .3s;
}
.nav > .contents>.contents-right>.contents-right-item.active{ 
    background-color: rgb(237, 110, 3);   
    color: #fff; 
}
.nav > .contents>.contents-right>.contents-right-item.active:hover{ 
    cursor:pointer;
    background-color: rgb(237, 110, 3);   
    color: #fff; 
}

/*第一屏*/
.main1{
    width:100%;
    height:500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.main1.bg1{
    width:100%;
    height:500px;
    background-image: url(../image/bg3.png);
}
.main1.bg2{
    width:100%;
    height:500px;
    background-image: url(../image/bg2.png);
}
.main1 .contents1{
    padding-top:150px;
    margin-bottom: 2rem;
}
.main1 .contents1 .p1{
    font-size: 5rem;
    color: #fff;
    text-align: center;
}
.main1 .contents1 .p2{
    margin-top:1rem;
    font-size: 3rem;
    color: #eeeeee;
    text-align: center;
}
.main1 .contents2{
    width: 720px;
    height: 7rem;
    color: #fff;
    opacity: 0.6;
    background-color: rgba(67, 67, 67,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.main1 .p2{
    width: 100%;
    height: 9rem;
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

/*第二屏*/
.main2{
    background-color: #fff;
    width: 100%;
}
.main2>.contents2{
    width:80%;
    height: 600px;
    margin-left:auto;
    margin-right:auto;
    margin: 0 auto;
}
.main2 .contents2>p{
    font-size: 1.2rem;
    color: #fff;
}
.main2>.contents2>.main-top{
    width:100%;
    height: 30%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.main2>.contents2>.main-top div:nth-of-type(1){
    font-size: 1.5rem;
    font-weight: lighter;
    color: #333333;
    margin: 7px auto;
    text-align: center;
    margin:0 0;
}
.main2>.contents2>.main-top div:nth-of-type(2){
    width: 15rem;
    height: 0.1rem;
    background-color: rgb(131, 122, 123); 
    text-align: center;
}
.main2>.contents2>.main-top div:nth-of-type(3){
    background-color: rgb(235, 97, 0);
    width: 3rem;
    height: 0.3rem;    
    margin: -0.2rem auto;
}
.main2>.contents2>.main-top div:nth-of-type(4){
    font-size:1.5rem;    
    font-weight: 600; 
    color: #555555; 
    text-align: center;
    margin-top: 7px;
}
.main2>.contents2>.main-bottom{
    width:100%;
    height: 65%;
    background-color: #fff;
    display: flex;
    align-items:center;
    justify-content: space-around;
}
.main2>.contents2>.main-bottom>.main2-left{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: #666666;
}
.main2>.contents2>.main-bottom>.main2-left img{
    width: 13px;
    height: 23px;
}

.main2>.contents2>.main-bottom>.main2-right{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: rgb(237, 110, 3);    
}
.main2>.contents2>.main-bottom>.main2-right img{
    width: 13px;
    height: 23px;
}

.main2>.contents2>.main-bottom>.main2-item{
    border-radius: 5px;
    width: 15%;
    height: 82%;
    display: flex;
    flex-wrap: wrap;  
    align-items: center;
    justify-content: center;
    background-color:#f1f1f1;
    cursor:default;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(1){
    width: 100%;
    text-align: center;
    color: #666;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(1)>p:nth-of-type(1){
    font-size: 20px;
    font-weight: bold;
    color: #666;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(1)>p:nth-of-type(2){
    font-size: 20px;
    font-weight:400;
    color: #666;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(2){
    width: 65%;
    height: 40px;
    font-size: 0.8vw; 
    color: #666;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(3){
      width: 70%;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.main2>.contents2>.main-bottom>.main2-item>div:nth-of-type(3)>div{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: rgb(237, 110, 3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.main2>.contents2>.main-bottom>.main2-item i{
    width:30px;
    height:30px;
    background-repeat: no-repeat;
    background-position: center center;
}
.main2>.contents2>.main-bottom>.main2-item .item-img-1{
    background-image: url(../image/easy.png);
}
.main2>.contents2>.main-bottom>.main2-item .item-img-2{
    background-image: url(../image/linghuo.png);
}
.main2>.contents2>.main-bottom>.main2-item .item-img-3{
    background-image: url(../image/quanmian.png);
}
.main2>.contents2>.main-bottom>.main2-item .item-img-4{
    background-image: url(../image/zhichi.png);
}
.main2>.contents2>.main-bottom>.main2-item .item-img-5{
    background-image: url(../image/zhangwo.png);
}

.main2>.contents2>.main-bottom>.main2-item.active{
    background-color: rgb(237, 110, 3);
}
.main2>.contents2>.main-bottom>.main2-item.active>div:nth-of-type(1)>p:nth-of-type(1){
    color: #fff;
}
.main2>.contents2>.main-bottom>.main2-item.active>div:nth-of-type(1)>p:nth-of-type(2){
    color: #fff;
}
.main2>.contents2>.main-bottom>.main2-item.active>div:nth-of-type(2){
    color: #fff;
}
.main2>.contents2>.main-bottom>.main2-item.active>div:nth-of-type(3)>div{
    background-color: #fff;
}

.main2>.contents2>.main-bottom>.main2-item:hover{
    background-color: rgb(237, 110, 3);
    transition: all .5s;
    -webkit-transition: all .5s;
}
.main2>.contents2>.main-bottom>.main2-item:hover>div:nth-of-type(1)>p:nth-of-type(1){
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.main2>.contents2>.main-bottom>.main2-item:hover>div:nth-of-type(1)>p:nth-of-type(2){
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.main2>.contents2>.main-bottom>.main2-item:hover>div:nth-of-type(2){
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.main2>.contents2>.main-bottom>.main2-item:hover>div:nth-of-type(3)>div{
    background-color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.main2>.contents2>.main-bottom>.main2-item:hover .item-img-1{
    background-image: url(../image/easy-active.png);
}
.main2>.contents2>.main-bottom>.main2-item:hover .item-img-2{
    background-image: url(../image/linghuo-active.png);
}
.main2>.contents2>.main-bottom>.main2-item:hover .item-img-3{
    background-image: url(../image/quanmian-active.png);
}
.main2>.contents2>.main-bottom>.main2-item:hover .item-img-4{
    background-image: url(../image/zhichi-active.png);
}
.main2>.contents2>.main-bottom>.main2-item:hover .item-img-5{
    background-image: url(../image/zhangwo-active.png);
}

/*第三屏*/
.main3{
    width: 100%;
    height: 850px;
    background-image: url(../image/yunfuwu.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
 }
 .main3>.contents3{
     width:1200px;
     height: 100%;
     /* background-color: green; */
     margin-left:auto;
     margin-right:auto;
 }
 .main3>.contents3>.main-top{
     width:100%;
     height: 22%;
    
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .main3>.contents3>.main-top div:nth-of-type(1){
     font-size: 1.5rem;
     font-weight: lighter;
     color: #333333;
     margin: 7px auto;
     margin: 0 0;
  }
  .main3>.contents3>.main-top div:nth-of-type(2){
     width: 15rem;
     height: 0.1rem;
     background-color: rgb(131, 122, 123); 
     text-align: center;
  }
  .main3>.contents3>.main-top div:nth-of-type(3){
      background-color: rgb(235, 97, 0);
      width: 3.1rem;
      height: 0.3rem;    
      margin: -0.2rem auto;
  }
  .main3>.contents3>.main-top div:nth-of-type(4){
      font-size:1.5rem;    
      font-weight: 600; 
      color: #555555; 
      text-align: center;
      margin-top: 7px;
  }
  .main3>.contents3>.main-top>.biaoti{
      text-align: center;
  }
  .main3>.contents3>.main-bottom{
     width:1200px;
     height: 78%;
     display: flex;
 }
 .main3>.contents3>.main-bottom>.div-left{
     flex: 3;
     display: flex;
     position: relative
 }
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(1){
     width: 380px;
     height: 380px;
     background-image: url(../image/yunfuwu1.png);
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     clip-path: polygon(100% 50%, 50% 100%,0 50%, 50% 0);
     position: absolute;
     top:98px;
     left: 25px;
 }
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(2){
     width: 250px;
     height: 250px;
     background-image: url(../image/yunfuwu2.png);
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     clip-path: polygon(100% 50%, 50% 100%,0 50%, 50% 0);
     position: absolute;
     right:165px;
     top: 20px;
 }
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(3){
     width: 250px;
     height: 250px;
     background-image: url(../image/yunfuwu3.png);
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     clip-path: polygon(100% 50%, 50% 100%,0 50%, 50% 0);
     position: absolute;
     top: 175px;
     right: 18px;
 }
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(4){
     width: 250px;
     height: 250px;
     background-image: url(../image/yunfuwu4.png);
     background-size: 100% 100%;
     background-position: center center;
     background-repeat: no-repeat;
     clip-path: polygon(100% 50%, 50% 100%,0 50%, 50% 0);
     position: absolute;
     bottom:95px;
     right: 170px;
 }
 .main3>.contents3>.main-bottom>.div-right{
     flex: 2;
     display: flex;
     flex-direction: column;   
 }
 .main3>.contents3>.main-bottom>.div-right P:nth-of-type(1),
 .main3>.contents3>.main-bottom>.div-right P:nth-of-type(2){
     font-size: 18px;
     color: #666666;
     width: 400px;
     height: 135px;
     margin-left: 50px;
     line-height: 30px;
 }
 .main3>.contents3>.main-bottom>.div-right P:nth-of-type(1){
     margin-top: 180px;
 }
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(1):hover,
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(2):hover,
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(3):hover,
 .main3>.contents3>.main-bottom>.div-left>div:nth-of-type(4):hover{
    background-size: 110% 110%;
    -webkit-transition:1s all;/* 适用Safari 和 Chrome兼容 */
    -moz-transition:1s all;/* 适用Firefox兼容 */
    -ms-transition:1s all;/* 适用IE9兼容 */
    -o-transition:1s all;/* Opera */
    transition: 1s;
    opacity: 0.8;
 }

 
 /*第四屏*/
 .main4{
    width: 100%;
    height: 700px;
    background-color: #fff;
}
.main4>.contents4{
    width:1200px;
    height: 100%;
    /* background-color: green; */
    margin-left:auto;
    margin-right:auto;
}
.main4>.contents4>.main-top{
    width:100%;
    height: 30%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main4>.contents4>.main-top div:nth-of-type(1){
    font-size: 1.5rem;
    font-weight: lighter;
    color: #333333;
    margin: 7px auto;
    margin: 0 0;
 }
 .main4>.contents4>.main-top div:nth-of-type(2){
    width: 15rem;
    height: 0.1rem;
    background-color: rgb(131, 122, 123); 
    text-align: center;
 }
 .main4>.contents4>.main-top div:nth-of-type(3){
     background-color: rgb(235, 97, 0);
     width: 3.1rem;
     height: 0.3rem;    
     margin: -0.2rem auto;
 }
 .main4>.contents4>.main-top div:nth-of-type(4){
     font-size:1.5rem;    
     font-weight: 600; 
     color: #555555; 
     text-align: center;
     margin-top: 7px;
 }
 .main4>.contents4>.main-top>.biaoti{
     text-align: center;
 }
 .main4>.contents4>.main-bottom{
    width:100%;
    height: 40%;
    display: flex;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1){
    flex: 1;
    background-image: url(../image/duobianxing2.png);
    background-repeat: no-repeat;
    position: relative;
}
.main4>.contents4>.main-bottom>div:nth-of-type(3){
    flex: 1;
    background-image: url(../image/duobianxing4.png);
    background-repeat: no-repeat;
    position: relative;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>img{
    width: 100%;
    position: absolute;
    top: 6%;
    left: 13%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(3)>img{
    width: 100%;
    position: absolute;
    top: 10%;
    left: 13%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(5)>img{
    width: 100%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>div{
    width: 90%;
    position: absolute;
    top: 26%;
    left: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.main4>.contents4>.main-bottom>div:nth-of-type(3)>div{
    width: 90%;
    position: absolute;
    top: 26%;
    left: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.main4>.contents4>.main-bottom>div:nth-of-type(5)>div{
    /* width: 90%; */
    position: absolute;
    top: 26%;
    left: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>div>img{
    width: 14%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(3)>div>img{
    width: 17%;
    display: block;
    
}
.main4>.contents4>.main-bottom>div:nth-of-type(5)>div>img{
    width: 17%;
    position: absolute;
    top: -15%;
    left: 30%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>div>p{
    width:90%;
    text-align: center;
    line-height: 1.8;
    font-size: 0.8rem;
    margin-top: 1rem;
}
.main4>.contents4>.main-bottom>div:nth-of-type(3)>div>p{
    width:84%;
    text-align: center;
    line-height: 1.8;
    font-size: 0.8rem;
    margin-top: 1rem;
}
.main4>.contents4>.main-bottom>div:nth-of-type(5)>div>p{
    width:90%;
    text-align: center;
    line-height: 1.8;
    font-size: 0.8rem;
    margin-top: 2rem;
    margin-left: -2rem;
}
.main4>.contents4>.main-bottom>div:nth-of-type(2){
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.main4>.contents4>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1),
.main4>.contents4>.main-bottom>div:nth-of-type(4)>div:nth-of-type(1){
        border-radius: 50%;
        background-color: rgb(220, 220, 220);     
        width: 10px;
        height: 10px;         
}
.main4>.contents4>.main-bottom>div:nth-of-type(2)>div:nth-of-type(2),
.main4>.contents4>.main-bottom>div:nth-of-type(4)>div:nth-of-type(2){
        border-radius: 50%;
        background-color: rgb(191, 191, 191);     
        width: 15px;
        height: 15px;
             
}
.main4>.contents4>.main-bottom>div:nth-of-type(2)>div:nth-of-type(3),
.main4>.contents4>.main-bottom>div:nth-of-type(4)>div:nth-of-type(3){
        border-radius: 50%;
        background-color: rgb(170, 170, 170);    
        width: 20px;
        height: 20px; 
}
.main4>.contents4>.main-bottom>div:nth-of-type(4){
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main4>.contents4>.main-bottom>div:nth-of-type(5){
    flex: 1;
    background-image: url(../image/duobianxing6.png);
    background-position: 0 55%;
    background-repeat: no-repeat;
    position: relative;
}
.main4>.contents4>.main-bottom>div:nth-of-type(5)>img{
    width: 100%;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>div,
.main4>.contents4>.main-bottom>div:nth-of-type(3)>div,
.main4>.contents4>.main-bottom>div:nth-of-type(5)>div{
    pointer-events: none;
}
.main4>.contents4>.main-bottom>div:nth-of-type(1)>img:hover,
.main4>.contents4>.main-bottom>div:nth-of-type(3)>img:hover,
.main4>.contents4>.main-bottom>div:nth-of-type(5)>img:hover{
    -webkit-transition:3s all;/* 适用Safari 和 Chrome兼容 */
    -moz-transition:3s all;/* 适用Firefox兼容 */
    -ms-transition:3s all;/* 适用IE9兼容 */
    -o-transition:3s all;/* Opera */
    transition: 3s;
    -webkit-transform:rotate(360deg);/*在Safari 和 Chrome兼容下还原*/
    -moz-transform:rotate(360deg);/*在Firefox兼容下还原*/
    -ms-transfrom:rotate(360deg);/*在IE9兼容下还原*/
    -o-transform:rotate(360deg);/*在opera兼容下还原*/
    transform:rotate(360deg);/*适用于所有浏览兼容下还原*/
}


/*第五屏*/
.main5{
    width: 100%;
    height: 900px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.main5>.main-top{
    flex: 2;
    background-image: url(../image/dashuju-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
}
.main5>.main-top div:nth-of-type(1){
    font-size: 1.5rem;
    font-weight: lighter;
    color: #333333;
    margin: 7px auto;
    margin: 0 0;
 }
 .main5>.main-top div:nth-of-type(2){
    width: 15rem;
    height: 0.1rem;
    background-color: rgb(131, 122, 123); 
    text-align: center;
 }
 .main5>.main-top div:nth-of-type(3){
     background-color: rgb(235, 97, 0);
     width: 3.1rem;
     height: 0.3rem;    
     margin: -0.2rem auto;
 }
 .main5>.main-top div:nth-of-type(4){
     font-size:1.5rem;    
     font-weight: 600; 
     color: #555555; 
     text-align: center;
     margin-top: 7px;
 }
 .main5>.main-top>.biaoti{
     text-align: center;
 }
.main5>.main-bottom{
    flex: 3;
    background-color: #fff;
}
.main5>.main-bottom>.contents5{
    width: 80%;
    height: 100%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    justify-content: center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(1){
    width: 25%;
    height: 80%;
    box-shadow: 0px 0px 10px #ccc;
    position: relative;
    top: -100px;
    /* right: -20px; */
    display: flex;
    flex-direction: column;
}
.main5>.main-bottom>.contents5>div:nth-of-type(1)>p:nth-of-type(1){
    flex: 3;
    background-image: url(../image/dashuju1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(1)>div:nth-of-type(1){
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(1)>div:nth-of-type(1)>p{
    width: 85%;
    text-align: center;
    /* font-size: 0.1rem; */
    font-size: 0.5vw;
    line-height: 2;
}

.main5>.main-bottom>.contents5>div:nth-of-type(2){
    width: 27%;
    height: 85%;
    box-shadow: 0px 0px 10px #ccc;
    position: relative;
    top: -100px;
    /* right: -20px; */
    display: flex;
    flex-direction: column;
}
.main5>.main-bottom>.contents5>div:nth-of-type(2)>p:nth-of-type(1){
    flex: 2;
    background-image: url(../image/dashujufenxi2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(2)>div:nth-of-type(1){
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(2)>div:nth-of-type(1)>p{
    width: 85%;
    text-align: center;
    /* font-size: 0.1rem; */
    font-size: 0.5vw;
} 

.main5>.main-bottom div:nth-of-type(2){
    width: 25%;
    height: 580px;
    background-color:#fff;
    position: relative;
    top: -165px;
    display: flex;
    flex-direction: column;
    z-index: 99;
}
.main5>.main-bottom div:nth-of-type(3){
    width: 420px;
    height: 450px;
    background-color: #fff;
    position: relative;
    top: -100px;
    /* left: -20px; */
    display: flex;
    flex-direction: column;
}
.main5>.main-bottom>.contents5>div:nth-of-type(3)>p:nth-of-type(1){
    flex: 3;
    background-image: url(../image/dashujufenxi3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(3)>div:nth-of-type(1){
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main5>.main-bottom>.contents5>div:nth-of-type(3)>div:nth-of-type(1)>p{
    width: 85%;
    text-align: center;
    /* font-size: 0.1rem; */
    font-size: 0.5vw;
    line-height: 2;
}
.main5>.main-bottom>.contents5>div:nth-of-type(3){
    width: 25%;
    height: 80%;
    box-shadow: 0px 0px 10px #ccc;
    position: relative;
    top: -100px;
    /* right: -20px; */
    display: flex;
    flex-direction: column;
}
.main5>.main-bottom>.contents5>div:nth-of-type(1):hover,
.main5>.main-bottom>.contents5>div:nth-of-type(2):hover,
.main5>.main-bottom>.contents5>div:nth-of-type(3):hover
{
    -webkit-transition:0.5s all;/* 适用Safari 和 Chrome兼容 */
    -moz-transition:0.5s all;/* 适用Firefox兼容 */
    -ms-transition:0.5s all;/* 适用IE9兼容 */
    -o-transition:0.5s all;/* Opera */
    transition: .5s;
    -webkit-transform:scale(1.05);/*在Safari 和 Chrome兼容下还原*/
    -moz-transform:scale(1.05);/*在Firefox兼容下还原*/
    -ms-transfrom:scale(1.05);/*在IE9兼容下还原*/
    -o-transform:scale(1.05);/*在opera兼容下还原*/
    transform:scale(1.05);/*适用于所有浏览兼容下还原*/
    box-shadow:#999 0px 0px 20px;
}

/*第六屏*/
.main6{
    width: 100%;
    height: 650px;
    background-color: #fff;
}
.main6>.contents6{
    width:80%;
    height: 100%;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    display: flex;
}
.main6>.contents6>.div-left{
    flex: 2;
}
.main6>.contents6>.div-left>div{
    width: 95%;
    height: 550px;
    background-image: url(../image/hexintuandui-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.main6>.contents6>.div-right{
    flex: 1;
    background-color: #fff;
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main6>.contents6>.div-right>div:nth-of-type(1){
    /* width: 100%; */
    font-size: 1.5rem;
    font-weight: lighter;
    color: #333333;
    margin-bottom: 3rem;
 }
.main6>.contents6>.div-right>div:nth-of-type(2){
    width: 93%;
    height: 40%;
    display: flex;
    align-items: center;
    line-height: 2;
    /* justify-content: space-around; */
 }

 .main6>.contents6>.div-right >.biaoti> div:nth-of-type(2){
    width: 12rem;
    height: 0.1rem;
    background-color: rgb(131, 122, 123); 
    margin: 0 auto;
 }
 .main6>.contents6>.div-right div:nth-of-type(3){
     background-color: rgb(235, 97, 0);
     width: 3.1rem;
     height: 0.3rem;    
     margin: -0.2rem auto;
 }
 .main6>.contents6>.div-right div:nth-of-type(4){
     font-size:1.5rem;    
     font-weight: 600; 
     color: #555555; 
     text-align: center;
     margin-top: 7px;
 }
 .main6>.contents6>.div-right>.biaoti{
     text-align: center;
 }

 /*第七屏*/
 .main7{
    width: 100%;
    height: 80vh;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.main7>.main-top{
    width: 100%;
    height: 15%;
    background-color: #fff;
}
.main7>.main-top div:nth-of-type(1){
    
    font-size: 1.5rem;
    font-weight: lighter;
    color: #333333;
    margin-bottom: 0.2rem;
 }
 .main7>.main-top >.biaoti> div:nth-of-type(2){
    width: 12rem;
    height: 0.1rem;
    background-color: rgb(131, 122, 123); 
    margin: 0 auto;
 }
 .main7>.main-top div:nth-of-type(3){
     background-color: rgb(235, 97, 0);
     width: 3.1rem;
     height: 0.3rem;    
     margin: -0.2rem auto;
 }
 .main7>.main-top div:nth-of-type(4){
     font-size:1.5rem;    
     font-weight: 600; 
     color: #555555; 
     text-align: center;
     margin-top: 7px;
 }
 .main7>.main-top>.biaoti{
     text-align: center;
 }
.main7>.main-bottom{
    width: 100%;
    height: 80%;
    background-color:#fff;
}
.main7 >.main-bottom .contents{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    display: flex;
}
.main7>.main-bottom>div:nth-of-type(1){
    width: 100%;
    height: 80%;
    /* background-image: url(../img/about/ditu.png);
    background-repeat: no-repeat;
    background-size: cover; */
}

.main7>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1){
    width: 100%;
    padding-bottom:10px;
    padding-top:10px;
    box-sizing: border-box;
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid; 
}
.main7>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1){
    width: 80%;
    height: 100%;
    background-color: #fff;
    
}

.main7>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1),
.main7>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(2),
.main7>.main-bottom>div:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(3){
    display: flex;
    align-items: center;
    margin: auto auto;
}


/*footer*/
footer{
    background-color: rgba(181, 181, 213,0.702);
    width: 100%;
    padding: 2% 0;
}
footer>.contents1{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
footer>.contents1 img{
    width:108px;
    height:108px;
}
footer>.contents1>div:nth-of-type(2){
    display: flex;
    align-items: center;
}
footer>.contents1>div:nth-of-type(1){
    line-height: 2;
    font-size: 1vw;
}
footer>.contents1>div:nth-of-type(2){
    width: 70px;
}