.show {
    display: block;
}
.hidden {
    display: none;
}
.mb100 {
    margin-bottom: 100px;
}
.prodetMain .nav-title {
    font-size: 14px;
    line-height: 14px;
    padding-top: 62px;
    padding-bottom: 41px;
}
.container .ecoloProd {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container .ecoloProd  p:nth-of-type(1) {
    padding-top: 87px;
    font-size: 30px;
    line-height: 30px;
    color: #05426a;
    font-weight: bold;
}
.container .ecoloProd  p:nth-of-type(2) {
    padding-top: 23px;
    font-size: 13px;
    line-height: 13px;
}
.container .func {
    padding-top: 121px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container .func > p:nth-of-type(1) {
    font-size: 23px;
    line-height: 23px;
    font-weight: bold;
}
.container .func > p:nth-of-type(2) {
    font-size: 18px;
    color: #f18a00;
    line-height: 49px;
}
.container .func ul {
    display: flex;
    flex-wrap: wrap;
    /* padding: 0 46px; */
    padding-top: 64px;
    justify-content: space-evenly;
}
.container .func ul li {
    height: 333px;
    padding: 0 42px;
    /* padding-right: 83px; */
}
 
 .func ul li > div {
    height: 192px;
    width: 192px;
    background: #999999;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    margin: 0 auto;
 }
 .func ul li:nth-of-type(1) > div,
 .func ul li:nth-of-type(3) > div,
 .func ul li:nth-of-type(6) > div,
 .func ul li:nth-of-type(8) > div {
     
    background: #05426a;
 }
.func ul li  p {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-top: 21px;
 }



 .container03 {
    padding-top: 51px;
    text-align: center;
 }
 .container03 .ecoloProd03 h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 50px 0 22px;
    color: #05426a;
    font-family: sanhanMed;
 }
 .container03 .ecoloProd02 h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 89px 0 39px;
    color: #05426a;
    font-family: sanhanMed;
 }
 .container03 .ecoloProd03 p,
 .container03 .ecoloProd02 p {
    font-size: 13px;
    line-height: 20px;
 }
 .container03 .switchs h2,
 .container03 .infraredRay h2,
 .container03 .music h2 {
    padding-top: 95px;
    font-size: 23px;
    line-height: 47px;
    font-family: sanhanMed;

 }
 .container03 .switchs p,
 .container03 .infraredRay p,
 .container03 .music p {
     font-size: 18px;
     line-height: 18px;
     color: #f18a00;
 }
 .container03 .music p {
     padding-bottom: 43px;
 }
 .container03 .infraredRay p:nth-of-type(2) {
     font-size: 19px;
     color: #949494;
 }
 .container03 .switchs ul {
     margin: 0 auto;
     width: 747px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-top: 99px;
 }
 .container03 .switchs ul li {
    width: 192px;
    height: 192px;
    background:#05426a;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 39px;
 }
 .container03 .switchs ul li:nth-of-type(even) {
     background: #999;
 }
 .container03 .switchs ul li span {
    font-size: 15px;
    line-height: 15px;
    padding-bottom: 27px;
    color: #fff;

 }
 .container03 .switchs ul li::before {
    content: '';
    display: block;
    background-size: cover;
    background-repeat: no-repeat;

 }
 .container03 .switchs ul li:nth-of-type(1)::before {
     margin-bottom: 17px;
     width: 77px;
     height: 75px;
     background-image: url('../img/swich_icon1.png');
 }
 .container03 .switchs ul li:nth-of-type(2)::before {
    margin-bottom: 26px;
    width: 81px;
    height: 60px;
    background-image: url('../img/swich_icon2.png');
}
.container03 .switchs ul li:nth-of-type(3)::before {
    width: 75px;
    height: 75px;
    background-image: url('../img/swich_icon3.png');
    margin-bottom: 20px;
}
.container03 .switchs ul li:nth-of-type(4)::before {
    width: 96px;
    height: 68px;
    background-image: url('../img/swich_icon4.png');
    margin-bottom: 23px;
}
.container03 .switchs ul li:nth-of-type(5)::before {
    width: 75px;
    height: 55px;
    background-image: url('../img/swich_icon5.png');
    margin-bottom: 30px;
}
.container03 .switchs ul li:nth-of-type(6)::before {
    width: 61px;
    height: 72px;
    background-image: url('../img/swich_icon6.png');
    margin-bottom: 20px;
}

.container03 .infraredRay ul {
    display: flex;
    width: 892px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 64px;
}
.container03 .infraredRay ul li::before {
    margin: 0 auto;
    content: '';
    display: block;
    width: 61px;
    height: 61px;
    background-size: cover;
    background-repeat: no-repeat;
}
.container03 .infraredRay ul li:nth-of-type(1)::before {
    background-image: url('../img/rayicon_01.png');
}
.container03 .infraredRay ul li:nth-of-type(2)::before {
    background-image: url('../img/rayicon_02.png');
}
.container03 .infraredRay ul li:nth-of-type(3)::before {
    background-image: url('../img/rayicon_03.png');
}
.container03 .infraredRay ul li:nth-of-type(4)::before {
    background-image: url('../img/rayicon_04.png');
}
.container03 .infraredRay ul li:nth-of-type(5)::before {
    background-image: url('../img/rayicon_05.png');
}
.container03 .infraredRay ul li:nth-of-type(6)::before {
    background-image: url('../img/rayicon_06.png');
}
.container03 .infraredRay ul li span {
    font-size: 19px;
    line-height: 19px;
    padding-top: 15px;
    padding-bottom: 26px;
    color: #777777;
    display: inline-block;
 }
 .container03 .infraredRay  h3 {
     font-size: 22px;
     line-height: 22px;
     font-family: sanhanMed;
     padding-top: 108px;
     padding-bottom: 60px;
     color: #757171;
 }
 .container03 .music img,
 .container03 .infraredRay img {
    width: 100%;
 }
 .container03 .music .music-text {
    height: 399px;
    background: #f5f5f5;
 }
 .container03 .music .music-text span:first-of-type {
    line-height: 64px;
    font-size: 24px;
    font-family: sanhanMed;
    color: #000;
    display: inline-block;
    padding-top: 158px;
 }
 .container03 .music .music-text span:first-of-type:after {
    content: '';
    display: block;
    height: 3px;
    width: 26px;
    background: #000;
    margin: 0 auto;

 }