/* *{
    margin: 0;
    padding: 0;
} */

.OpenSolar-content img{
    width: 100%;
    display: block;
}
.mob-show{
    display: none;
}
.OpenSolar-content .kv{
    position: relative;
}
.OpenSolar-content .kv-txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5.416667vw;
}
.OpenSolar-content .kv-txt > div{
    width: 42.916667vw;
    margin-bottom: 3.229167vw;
}
.OpenSolar-content .kv-txt h2{
    font-size: 2.404167vw;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    margin-left: .5vw;
    width: 49vw;
}
.OpenSolar-content .sec2{
   background: linear-gradient(to right, #f4f4f4, #fcfcfc);
    padding: 3.489583vw 0;
    text-align: center;
}
.OpenSolar-content .sec2 > div{
    width: 62vw;
    margin: 0 auto;
}
.OpenSolar-content .sec2 > div > h2{
    font-size: 2.604167vw;
    line-height: 1.5;
    font-weight: bold;
}
.OpenSolar-content .sec2 > div > p{
    font-size: 1.25vw;
    line-height: 1.5;
    margin-top: 1.25vw;
}

.OpenSolar-content .sec2 > div > h2 > span{
color: #E60036;
}


.OpenSolar-content .sec3-bg{
   
     background: linear-gradient(to left, #fafafa, #fafafa);
}
.OpenSolar-content .sec3{
    padding: 2.5vw 0 6.770833vw;
    width: 72.395833vw;
    margin: 0 auto;
}
.OpenSolar-content .sec3 > h2{
    font-size: 1.822917vw;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 2.447917vw;
    text-align: center;
}
.OpenSolar-content .sec3-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.OpenSolar-content .sec3-right{
    width: 33.958333vw;
}
.OpenSolar-content .sec3-left{
    width: 27.135417vw;
}
.OpenSolar-content .sec3-left > h3{
    font-size: 1.302083vw;
    line-height: 1.5;
    margin-bottom: 2.604167vw;
     padding-left: .78125vw;
}
.OpenSolar-content .sec3-left p{
    font-size: .833333vw;
    line-height: 1.5;
    border-left: 1px solid #e60036;
    padding-left: .78125vw;
}

.OpenSolar-content .sec3-left p:not(:first-child) {
    margin-top: .78125vw;
}

.OpenSolar-content .sec4{
    padding: 3.90625vw 11.104167vw;
   background: linear-gradient(to right, #f5f5f5, #ffffff);
}



.OpenSolar-content .sec4 > h2{
    font-size: 1.822917vw;
    line-height: 1.5;
    margin-bottom: 4.270833vw;
    text-align: center;
}
.OpenSolar-content .sec4-content{
    display: flex;
    justify-content: space-between;

}
.OpenSolar-content .sec4-content > div{
    width: 13.28125vw;
    text-align: center;
}
.OpenSolar-content .sec4-content > div img{
    width: auto;
    height: 5.260417vw;
    margin: 0 auto;
}
.OpenSolar-content .sec4-content > div h2{
   font-size: 1.145833vw;
   line-height: 1.5;
   margin: 1.041667vw 0;
   min-height: 3.5187495vw;
}
.OpenSolar-content .sec4-content > div p{
   font-size: .833333vw;
   line-height: 1.5;
}


.OpenSolar-content .sec5{
    padding: 3.333333vw 0 1.302083vw;
}
.OpenSolar-content .sec5 > h2 {
    font-size: 1.822917vw;
    line-height: 1.5;
    margin-bottom: 0w;
    text-align: center;
}
.OpenSolar-content .sec5-left h2{
    font-size: 2.604167vw;
    line-height: 1.5;
    color: #E60036;
    margin-right: 1.041667vw;
}
.OpenSolar-content .sec5-left h3{
    font-size: 1.145833vw;
    line-height: 1.5;
}
.OpenSolar-content .sec5-left p{
    font-size: .833333vw;
    line-height: 1.5;
    margin-top: .520833vw;
}
.OpenSolar-content .sec5-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 53.90625vw;
    margin: 0 auto;
}
.OpenSolar-content .sec5-right{
    width: 19.0625vw;
}
.OpenSolar-content .sec5-left{
    width: 27.760417vw;
}
.OpenSolar-content .sec5-left > div{
    display: flex;
    align-items: center;
}

.OpenSolar-content .sec5-left > div:not(:first-child) {
    margin-top: 1.822917vw;
}
.OpenSolar-content .sec6{
    padding: 2.239583vw 0 1.145833vw;
    background: linear-gradient(to right, #fafafa, #ffffff);
}
.OpenSolar-content .sec6-content{
    width: 65.78125vw;
    margin: 0 auto;
    background: linear-gradient(to right, #d2002a, #a3000e);
     border-radius: 1.302083vw;
    overflow: hidden;
    padding: 2.135417vw 3.28125vw 3.697917vw 5.729167vw;
    box-sizing: border-box;
}
.OpenSolar-content .sec6-content > h2 {
    font-size: 1.822917vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin-bottom: 1.458333vw;   
}
.OpenSolar-content .sec6-content > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.OpenSolar-content .sec6-right{
    width: 33.90625vw;
}
.OpenSolar-content .sec6-left{
    width: 18.90625vw;
    text-align: center;
}
.OpenSolar-content .sec6-left > h3{
    font-size: 1.302083vw;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}
.OpenSolar-content .sec6-left > a{
    font-size: 1.197917vw;
    line-height: 1.5;
    color: #fff;
    padding: .3125vw 2.083333vw;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 1.302083vw;
    margin-top: 1.302083vw;
    display: inline-block;
}



.OpenSolar-content .sec7{
    padding: 1.40625vw 0 5.729167vw;
    width: 61.979167vw;
    margin: 0 auto;
}
.OpenSolar-content .sec7 > h2 {
    font-size: 1.822917vw;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 2.34375vw;
}
.OpenSolar-content .sec7 > div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.OpenSolar-content .sec7-item{
    width: 18.59375vw;
    margin-bottom: 1.979167vw;
}
.OpenSolar-content .sec7-item h2{
    font-size: 1.145833vw;
    line-height: 1.5;
    border: 1px solid #e60036;
    border-top-right-radius: .78125vw;
    border-bottom-left-radius: .78125vw;
    width: 79%;
    margin-bottom: 1.302083vw;
    padding: .5vw;
}
.OpenSolar-content .sec7-item p{
    font-size: .833333vw;
    line-height: 1.5;
    flex: 1;
}
.OpenSolar-content .sec7-item > div > div{
    height: 2px;
    width: 1.822917vw;
    background-color: #e60036;
    margin-top: 2vw;
    margin-right: 1vw;
}
.OpenSolar-content .sec7-item > div{
    display: flex;
}
.OpenSolar-content .sec7-item:nth-child(4){
    margin-top: 1.8vw;
}
.OpenSolar-content .sec7-item:nth-child(6){
    margin-top: 1.8vw;
}

@media (max-aspect-ratio: 11 / 10) {
    .mob-show{
    display: block;
}
   .pc-show{
    display: none;
}
        .OpenSolar-content .kv-txt {
            top: 7%;
            transform: translateY(0);
            left: 9.416667vw;
            width: 47vw;
        }
        .OpenSolar-content .kv-txt h2 {
            font-size: 5vw;
            margin-left: .5vw;
            width: 100%;
            text-align: center;
        }
        .OpenSolar-content .kv-txt > div {
            width: 42.916667vw;
            margin: 0 auto 0;
        }

        .OpenSolar-content .sec2 {
            background: linear-gradient(to right, #fff, #fff);
            padding: 15.277778vw 0;
            text-align: center;
        }

        .OpenSolar-content .sec2 > div > h2 {
    font-size: 8.888889vw;
}
.OpenSolar-content .sec2 > div > p {
    font-size: 5vw;
    margin-top: 4.722222vw;
}
.OpenSolar-content .sec2 > div > h2 > span {
    display: block;
}
.OpenSolar-content .sec2 > div {
    width: 86.111111vw;
    margin: 0 auto;
}
.OpenSolar-content .sec3-bg {
    background: linear-gradient(to left, #fff, #fff);
}

.OpenSolar-content .sec3 {
    padding: 0 0 13.888889vw;
    width: 86.111111vw;
    margin: 0 auto;
}
.OpenSolar-content .sec3-right {
    width: 100%;
    margin-bottom: 7vw;
}
.OpenSolar-content .sec3 > h2 {
    font-size: 7.777778vw;
    margin-bottom: 8.333333vw;
}
.OpenSolar-content .sec3-left {
    width: 100%;
}

.OpenSolar-content .sec3-left > h3 {
    font-size: 3.888889vw;
    margin-bottom: 4.166667vw;
    padding-left: 0;
    text-align: center;
}
.OpenSolar-content .sec3-left p {
    font-size: 3.055556vw;
    border-left: none;
    padding-left: 0;
    text-align: center;
    position: relative;
    padding-top: 2vw;
}
.OpenSolar-content .sec3-left p::before{
    content: '';
        width: 6.666667vw;
        height: 1px;
        background-color: #E60036;
        position: relative;
               top: -1vw;
        left: 50%;
        display: block;
        transform: translateX(-50%);
}

.OpenSolar-content .sec4 {
    padding: 0 0 12.5vw;
    background: linear-gradient(to right, #fff, #fff);
}
.OpenSolar-content .sec4 > h2 {
    font-size: 7.777778vw;
    margin-bottom: 0w;
    text-align: center;
}
.OpenSolar-content .sec4-content {
    flex-wrap: wrap;
    justify-content: center;
}
.OpenSolar-content .sec4-content > div {
    width: 51%;
    margin-top: 10vw;
}
.OpenSolar-content .sec4-content > div img {
    width: auto;
    height: 25.277778vw;
    margin: 0 auto;
}

.OpenSolar-content .sec4-content > div h2 {
    font-size: 5.277778vw;
    margin: 2.041667vw 0;
    min-height: auto;
}

.OpenSolar-content .sec4-content > div p {
    font-size: 3.888889vw;
    line-height: 1.5;
}
.OpenSolar-content .sec5{
    padding: 0 0 19.444444vw;
}
.OpenSolar-content .sec5 > h2 {
    font-size: 7.777778vw;
    margin-bottom: 0w;
    text-align: center;
}
.OpenSolar-content .sec5-content {
        width: 100%;
    margin: 0 auto;
    flex-direction: column-reverse;
}
.OpenSolar-content .sec5-right {
    width: 67.0625vw;
        margin-top: 7vw;
}
.OpenSolar-content .sec5-left {
    width: 86.111111vw;
}
.OpenSolar-content .sec5-left > div {
    margin-top: 8.333333vw;
    align-items: flex-start;
}
.OpenSolar-content .sec5-left > div:not(:first-child) {
    margin-top: 5.555556vw;
}
.OpenSolar-content .sec5-left h2 {
    font-size: 13.888889vw;
    margin-right: 7.041667vw;
            margin-top: 8vw;
}

.OpenSolar-content .sec5-left h3 {
    font-size: 6.111111vw;
    line-height: 1.5;
}
.OpenSolar-content .sec5-left p {
    font-size: 4.444444vw;
    margin-top: 2.777778vw;
}
.OpenSolar-content .sec6 {
    padding: 0;
    background: linear-gradient(to right, #fff, #fff);
}

.OpenSolar-content .sec6-content {
    width: 95.277778vw;
    background: linear-gradient(to right, #d2002a, #a3000e);
    border-radius: 6.944444vw;
    padding: 8.333333vw 6.944444vw 8.333333vw;
}

.OpenSolar-content .sec6-content > h2 {
    font-size: 7.777778vw;
        margin-bottom: 5.555556vw;
}
.OpenSolar-content .sec6-content > div {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.OpenSolar-content .sec6-right {
    width: 100%;
}
.OpenSolar-content .sec6-left {
    width: 70.833333vw;
    margin-top: 9.722222vw;
}

.OpenSolar-content .sec6-left > h3 {
    font-size: 5vw;
}
.OpenSolar-content .sec6-left > a {
    font-size: 6.111111vw;
        padding: 1.3125vw 7.083333vw;
        border-radius: 9.302083vw;
        margin-top: 5.302083vw;
        display: inline-block;
}


.OpenSolar-content .sec7 {
    padding: 11.111111vw 0 11.729167vw;
    width: 83.333333vw;
}
.OpenSolar-content .sec7 > h2 {
    font-size: 7.777778vw;
    margin-bottom: 8.333333vw;
}
.OpenSolar-content .sec7-item {
    width: 100%;
    margin-bottom: 8.333333vw;
}

.OpenSolar-content .sec7-item h2 {
    font-size: 6.111111vw;
    border-top-right-radius: 4.166667vw;
    border-bottom-left-radius: 4.166667vw;
   width: 75.555556vw;
        margin: 0 auto 4.302083vw;
        padding: 1vw 3.5vw;
        box-sizing: border-box;
}

.OpenSolar-content .sec7-item > div > div {
    height: 2px;
        width: 9.444444vw;
        margin-top: 13vw;
        margin-right: 5vw;
}
.OpenSolar-content .sec7-item p {
    font-size: 4.444444vw;
}








}