/* Paco add blue dot */
/*首页莫比乌斯环*/
@media screen and (min-width: 992px) {
    .mobiusBox{
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 90vh;
    }
}
@media screen and (max-width: 768px){
    .mobiusBox{
        position: relative;
        overflow: hidden;
        width: 100%;
    }
}

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

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

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

.index_mc_a1t_li:hover .index_mc_a1t_xl {
    pointer-events: all;
}

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

.index_mc_a1t_li:hover .index_mc_a1t_xl span {
    opacity: 0.9;
    transition: all .36s .4s;
}

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

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

.point1{left: 25%; top: 45%;}
.point2{left: 50%; top: 58%;}
.point3{left: 70%; top: 72%;}
.point4{left: 75%; top: 42.5%;}
.point5{left: 17.5%; top: 72%;}

.index_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;
}

.index_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;
    }
}   
.index_mc_a1t_xl {
    position: absolute;
    left: 60px;
    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: 30px;
}
.index_mc_a1t_xl2 {
    left: auto;
    right: 42px;
}

@media all and (orientation : portrait) {
    
    .point1{left: 5%; top: 45%;}
    .point2{left: 38%; top: 62%;}
    .point3{left: 44%; top: 84%;}
    .point4{left: 55%; top: 42%;}
    .point5{left: 5%; top: 76%;}
    
    .index_mc_a1t_title {
        color: #fff;
        /*font-size: 16px;*/
        margin: 0 auto;
        vertical-align: middle;
    }
    .index_mc_a1t_title .pct1{
        font-size:1rem
    }
    .index_mc_a1t_title .pct2{
        font-size:0.8rem;
    }
     
    .index_mc_a1t_xl {
        position: absolute;
        left: 50px;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        white-space: nowrap;
        padding: 10px;
        line-height: 20px;
        pointer-events: none;
        width:100px;
        height: 60px;
        background: rgba(0, 30, 180, .77);
        border-radius: 10px;
    }
    .index_xl180{
        width:180px;
    }
    .index_xl120{
        width:120px;
    }
}
/*.index_mc_a1t_xl span{*/
/*    opacity:0;*/
/*}*/

/*.index_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;*/
/*}*/

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


/* Paco add Hyperlink Jquery Hover（解决方案超链接效果）  */
.more {
    width: 150px;
    height: 50px;
    background: #1FA0DC;
    border-radius: 34px 34px 34px 34px;
    opacity: 0.9;
    /*display:none;*/
    font-size: 20px;
    font-weight: normal;
    color: #FFFFFF;
    line-height:52px;
    margin:0 auto;
    text-align: center;
}
.f1_more{
    position:absolute;left:62px;top:350px;
}
.na_more{
    position:absolute;left:70px;top:385px;
    width:120px;
    height:40px;
    font-size:1rem;
    line-height: 40px;
}
.na_more1{
    position:absolute;left:50px;top:385px;
    width:120px;
    height:40px;
    font-size:1rem;
    line-height: 40px;
}
@media screen and (max-width: 768px){
    .f1_more{
        position:absolute;left:3px;top:95px;
    }
    .na_more{
        position:absolute;left:15px;top:105px;
        width:90px;
        height:30px;
        font-size:1rem;
        line-height: 32px;
    }
    .na_more1{
        position:absolute;left:15px;top:120px;
        width:90px;
        height:25px;
        font-size:1rem;
        line-height: 28px;
    }
}
/*.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;*/
/*}*/

/* 超纳F1 图片高度 */
.n_pro03_01 .box ul li .bb .pic img{
    max-height:14rem;
}
@media screen and (max-width: 768px){
    .n_pro03_01 .box ul li .bb .pic img{
        max-height:10rem;
    }
}

/* 解决方案Logo部分 */
.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;
}
/*.fri_links .img_logo:hover{*/
/*    border-color: #0093d8;*/
/*    opacity: 1;*/
/*    -webkit-filter: grayscale(0%);*/
/*    filter: grayscale(0%);*/
/*}*/

/* 储能切换夜晚背景所需（不用了） */
.n_case01_2 {
    margin-top: 6rem;
    background: #fff url(../images/n_case01_2_bg.jpg) center no-repeat;
    background-attachment: fixed;
    background-size:cover;
    padding-bottom: 6rem;
    height:640px;
}
.n_case01_2_eve {
    margin-top: -6rem;
    background: #fff url(../images/n_case01_2_bg_eve.jpg) center no-repeat;
    background-attachment: fixed;
    background-size:cover;
    padding-bottom: 6rem;
    height:640px;
}
@media screen and (max-width: 1200px){
    .n_case01_2 {
        margin-top: 6rem;
        background: #fff url(../images/n_case01_2_bg.jpg) center no-repeat;
        background-attachment: fixed;
        background-size:contain;
        padding-bottom: 6rem;
        height:400px;
        width:100%;
    }
    .n_case01_2_eve {
        margin-top: -6rem;
        background: #fff url(../images/n_case01_2_bg_eve.jpg) center no-repeat;
        background-attachment: fixed;
        background-size:contain;
        padding-bottom: 6rem;
        height:400px;
    }
}
.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:70%;
    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');
}

.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%;
    height: 650px;
}  

.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: 1.5rem;
  width:50%;
  margin-top:50px;
  font-weight: normal;
}
@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: 1rem;
      width:90%;
    }
}

.para_content h2{
    text-shadow: 1px 1px 3px black;
}


.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%;
    }
}

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

.s7_txt_effect{
  font-size:4rem;
  font-weight: 400;
  line-height:1.5;
  color:#dedede;
  text-align: center;
}
@media (max-width:1200px){
    .s7_txt_effect{
        font-size:2rem;
    }
}

/* 解决方案中九宫格 */
.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;
}

/* 技术创新-高能铁锂Parallex效果（移动端）） */
@media all and (orientation : portrait) {
    .cd-fixed-background ._img {
        border-radius: 1rem;
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: top right;
        position: absolute;
        top: 0;
        z-index:-500;
        width:100%;
        margin-top:20px;
    }
    
    .cd-fixed-background ._img01 {
        background-image: url("../images/n_jishu01_01_bg01.jpg");
    }
    
    .cd-fixed-background ._img02 {
        background-image: url("../images/n_jishu01_01_bg02.jpg");
    }
    
    .cd-fixed-background ._img03 {
        background-image: url("../images/n_jishu01_01_bg03.jpg");
    }
    
    .cd-fixed-background ._img04 {
        background-image: url("../images/n_jishu01_01_bg04.jpg");
    }
}
}