/* Paco add blue dot */
/*首页莫比乌斯环*/
.mobiusBox{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 90vh;
}

ul,ol,li{
    list-style-type: none;
}

.mc_a1t_li {
    position: absolute;
    z-index: 5;
}

.mc_a1t_li:hover {
    z-index: 20;
}

.mc_a1t_li:hover .mc_a1t_xl {
    pointer-events: all;
}

.mc_a1t_li:hover .mc_a1t_xl::before {
    width: 100%;
    transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}

.mc_a1t_li:hover .mc_a1t_xl span {
    opacity: 0.9;
    transition: all .36s .4s;
}

.mc_a1t_title {
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    vertical-align: middle;
}
.mc_a1t_title .pct1{
    font-size:1.6rem
}
.mc_a1t_title .pct2{
    font-size:1.2rem;
}

.mc_a1t_dian {
    display: block;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 14px solid #001eb4;
    border-radius: 50%;
    position: relative;
    animation: bordershow 4s infinite;
}

.mc_a1t_dian::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    animation: boderM 4s .75s infinite;
}

.mc_a1t_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    animation: boderM 4s infinite;
}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

@keyframes bordershow {
    50% {
        box-shadow: 0px 0px 10px 0 #001eb4;
    }
}   
.mc_a1t_xl {
    position: absolute;
    left: 62px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 16px;
    padding: 15px;
    line-height: 34px;
    pointer-events: none;
    height: 100px;
    background: rgba(0, 30, 180, .77);
    border-radius: 20px;
    width:240px;
}
.mc_a1t_xl2 {
    left: auto;
    right: 42px;
}

.en_point1{left: 5%; top: 50%;}
.en_point2{left: 40%; top: 60%;}
.en_point3{left: 70%; top: 72%;}
.en_point4{left: 65%; top: 42.5%;}
.en_point5{left: 7%; top: 80%;}

@media all and (orientation : portrait) {
    
    .en_point1{left: 5%; top: 50%;}
    .en_point2{left: 50%; top: 73%;}
    .en_point3{left: 52%; top: 105%;}
    .en_point4{left: 53%; top: 47.5%;}
    .en_point5{left: 7%; top: 90%;}

    .mc_a1t_title {
        color: #fff;
        font-size: 16px;
        margin: 0 auto;
        vertical-align: middle;
    }
    .mc_a1t_title .pct1{
        font-size:1rem
    }
    .mc_a1t_title .pct2{
        font-size:0.8rem;
    }
     
}
/*.mc_a1t_xl span{*/
/*    opacity:0;*/
/*}*/

/*.mc_a1t_xl::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: -1;*/
/*    width: 0;*/
/*    height: 100%;*/
/*    background: rgba(0, 30, 180, .77);*/
/*    border-radius: 30px;*/
/*}*/

/*.mc_a1t_xl::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 100%;*/
/*    top: 0;*/
/*    width: 42px;*/
/*    height: 100%;*/
/*}*/
/* Mobius 结束 */


/*.n_case01_5 .box .text h3:before {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 5rem;*/
/*    position: absolute;*/
/*    left: calc(50% - 2.5rem);*/
/*    bottom: 0;*/
/*    height: 2px;*/
/*    background: #0093D8;*/
/*}*/

.fri_links{
    width:100%;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.fri_links .img_logo{
    flex: 0 0 18%;
    cursor: pointer;
    border-radius: 1rem;
    /*-webkit-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*opacity: .7;*/
    /*-webkit-transition: all .5s;*/
    border-color: #0093d8;
}
.fri_links .img_logo img{
    max-width:90%;
    border:1px solid red;
}

/* 储能产品超链接 */
.box_bottom{
    border-radius: 1rem;
    background-image: url(../images/n_case01_5_bg03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 5rem;
    position: relative;
    height:300px;
}
.case_01_mw20{
    max-width:23rem;
}
.case_01_mw18{
    max-width:18rem;
}
@media (max-width:1200px){
    .box_bottom{
        height:200px;
    }
    .box_bottom img {
        max-width: 15rem;
    }
}
.box_bottom .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20%;
    left: 0;
}
.box_bottom .text h3 {
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    line-height: 2;
    position: relative;
    text-shadow:2px 3px 1px #666;

}
/* Paco add Hyperlink Jquery Hover（解决方案超链接效果）  */
/* .more {
    width: 132px;
    height: 45px;
    background: #1FA0DC;
    border-radius: 34px 34px 34px 34px;
    opacity: 1;
    /*display:none;*/
    font-size: 24px;
    font-weight: normal;
    color: #FFFFFF;
    line-height:40px;
    margin:80px auto;
    text-align: center;
} */
@media (max-width:1200px){
    .more {
        width: 80px;
        height: 32px;
        background: #1FA0DC;
        border-radius: 12px;
        opacity: 1;
        /*display:none;*/
        font-size: 16px;
        font-weight: normal;
        color: #FFFFFF;
        line-height:30px;
        margin:30px auto;
        text-align: center;
    }
}
.f1more{
    position:absolute;
    left:62px;
    top:350px;
}
@media (max-width:1200px){
    .f1more{
        position:absolute;
        left:20px;
        top:100px;
    }
}

.f1_logo_en{
    width:20%;
}

/* 解决方案中九宫格 */
.mob_case{
    width:98%;
}
.mob_case ul li h3{
    margin-top:20px;
    color:#0095da;
    font-weight: bold;
}
.mob_case ul li .mtxt{
    color:#999;
    margin-bottom: 20px;
}

/* 自行车产品背景色 */
.paco_bg{
    background-color: #f0f0f0;
    border-radius:20px;
}

/* 储能切换夜晚背景所需 */
.n_case01_2_eve {
    /*margin-top: -6rem;*/
    background: #fff url(../images/n_case01_2_bg_eve.jpg) no-repeat;
    /*background-size: contain;*/
    background-attachment: fixed;
    padding-bottom: 6rem;
    height:640px;
}
/*.n_case01_2 {*/
/*    height:640px !important;*/
/*}*/
.n_case01_2_eve .box {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.n_case01_2_eve .box h3 {
    margin-top:6rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}
.n_case01_2_eve .box .nr {
    margin-top: 3rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8;
    width:50%;
    margin:0 auto;
}


/* 新的白天黑夜 */
.paras {
  margin-top:50px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 1;
}
.para_slide{
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}
.para_bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80vh;
  background-position: center;
  background-size: cover;
}
.para_bg_day{
    background-image: url('../images/n_case01_2_bg.jpg');
}
.para_bg_eve{
    background-image: url('../images/n_case01_2_bg_eve.jpg');
}
.para_content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: 95%;
  padding: 3rem;
  margin: 180px auto;
  box-sizing: border-box;
  position: relative;
  color: white;
  font-size: 1.5rem;
  line-height: 1.25em;
  font-weight: 500;
}
.para_txt {
  /*text-shadow: 1px 1px 3px black;*/
  z-index: 1;
  font-size: 1rem;
  width:50%;
  margin-top:50px;
}
@media (max-width:1200px){
    .para_slide{
      width: 100%;
      height: 30vh;
    }
    .para_bg {
      width: 100%;
      height: 30vh;
    }
    .para_content{
      margin: 0px auto;
      font-size: 1.5rem;
    }
    .para_txt {
      font-size: 0.9rem;
      width:100%;
    margin-top:35px;
    }
}

/* S7 Effect */
.feature_txt{
    font-size:42px;
    margin-top:20px;
}

.s7_txt_effect{
  font-size:1.9rem;
  font-weight: 400;
  line-height:1.5;
  color:#dedede;
  text-align: center;
}

/* 电力储能 */

.case_05_day{
    background-image: url('../images/solution/n_case05_bg.jpg');
}

.case_05_eve{
    background-image: url('../images/solution/n_case05_bg2.jpg');
}

/*工业储能轮播图 */
.paco_swiper {
    width: 90%;
}  


.n_case05{
    margin:10%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: top;
}

.n_case05 .n_case05_img{
    width:98%;
}

.n_case05 .n_case05_txt{
    font-size:1.5rem;
    line-height: 3rem;
}
@media (max-width:1200px){ 
    .n_case05{
        margin:20px;
        flex-wrap:wrap;
    }
    
    .n_case05 .n_case05_img img{
        width:98%;
    }
    .n_case05 .n_case05_txt{
        margin-top:50px;
        font-size:1.5rem;
        line-height: 3rem;
    }
}

.case_05_day_txt{
  text-shadow: 1px 1px 3px black;
  z-index: 1;
  font-size: 1.5rem;
  margin-top:50px;
  font-weight: normal;
  line-height: 3rem;
  width:80%;
}
@media (max-width:1200px){
    .case_05_day_txt{
      text-shadow: 1px 1px 3px black;
      z-index: 1;
      font-size: 1.2rem;
      margin-top:20px;
      font-weight: normal;
      line-height: 2.5rem;
      width:100%;
    }
    .para_slide{
      width: 100%;
      height: 30vh;
    }
    .para_bg {
      width: 100%;
      height: 30vh;
    }
    .para_content{
      margin: 0px auto;
      font-size: 1.5rem;
    }
    .para_txt {
      font-size: 1rem;
      width:99%;
    }
}