@charset "UTF-8";


@media screen and (max-width: 1680px){
    .container{ padding: 0 3%;}
    .insolution .solutionbox .insolution_list{right: 3%;}
    .innews .innewsbox{ padding-left: 3%;}
    .banner {width:100%;height:100%; position: relative; z-index:0; overflow:hidden;}
    .banner .swiper-slide{ height:100%;}
    .banner .swiper-slide .img { position:relative; height:100%; z-index:1;}
    .banner .swiper-slide .img img{width:100%; height:100%;}
}
@media screen and (max-width: 1560px){
    .container{ padding: 0 2%;}
    .insolution .solutionbox .insolution_list{right: 2%;}
    .innews .innewsbox{padding-left: 2%;}
}

@media screen and (max-width: 1200px) and (min-width: 820px){
    .mheader{display:block;}
    .header{display:none}
    .mheader{height:70px; z-index: 9999;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all;}
    .mheader .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
    .mheader .logo{ height:70px; display:flex;  align-items:center; transition:0.5s all;}
    .mheader .logo img{ height:35px; display:block; transition:0.5s all;}
    .mheader .menubar{display: flex; justify-content: space-between; align-items: center;}
    .mheader .menubar>div{ margin-right:10px;}
    .mheader .menubar>div:last-child{ margin-right:0;}
    .mheader .menubar .headerso{ position: relative; font-size: 18px; color: #333333;line-height: 30px; cursor: pointer;}
    .mheader .menubar .headeroa{ position: relative;}
    .mheader .menubar .headeroa .icon-wo{font-size: 20px; color: #333333;line-height: 30px;}
    .mheader .menubar .language{ position: relative;}
    .mheader .menubar .language a{font-size:20px; color:#333333;}
    .mheader .menubar .headerso:hover,.mheader .menubar .headeroa .icon-wo:hover,.mheader .menubar .language a:hover{color:#30a190;}
    .mheader .searchalert{ position: absolute; top: 0; left: 0; width: 100%; height: 70px;  padding: 10px 0; background: #ffffff; display: none;  z-index: 99; box-sizing: border-box; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .mheader .searchalert.active,.mheader.scroll .searchalert.active{display: block;}
    .mheader .searchalert .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
    .mheader .searchalert .centform{ width: 60%; background: #f5f5f5; border-radius: 20px;}
    .mheader .searchalert .centform .searchtxt{ width: calc(100% - 120px);}
    .mheader .searchalert .centform .searchtxt .searchkey{ width:100% ; float: left; padding-left: 15px; border: none;font-size: 15px;line-height: 40px;text-align: left; box-sizing: border-box;}
    .mheader .searchalert .centform .searchtxt .searchkey::placeholder{ color: #999999;}
    .mheader .searchalert .centform .searchbtn{border:none; width:120px; background:none; text-align:center; line-height: 40px; margin:0; font-size:15px; color:#666666; cursor:pointer; outline:none; transition:all 0.5s ease; overflow:hidden;}
    .mheader .searchalert .centform .searchbtn::before{ margin-right: 10px;}
    .mheader .searchalert .centform .searchbtn:hover{background:#30a190; color:#ffffff; border-color:#30a190;}
    .mheader .searchalert .close{padding:0 30px; border-left: 1px #cccccc solid;}
    .mheader .searchalert .close .closeicon{display:block;  font-size: 18px;  cursor:pointer; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .mheader .searchalert .close .closeicon:hover{color: #30a190; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 8px;}
    .sp_nav span{display:block;background:#30a190;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #30a190;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
    .sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
    .sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
    .sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
    .sjj_nav>ul>li ul{display:none}
    .sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#30a190;}
    .sjj_nav>ul>li ul li{position:relative;line-height:40px;}
    .sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
    .sjj_nav>ul>li ul li a:hover{color:#30a190;}
    .sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
    .sjj_nav>ul>li ul li>ul{margin-left:10px}
    .placeholder{display:block; width:100%; height:70px;}
    
    .banner {width:100%;height:auto; position: relative; z-index:0; overflow:hidden;}
    .banner .swiper-slide{ height:100%;}
    .banner .swiper-slide .img { position:relative; height:100%; z-index:1;}
    .banner .swiper-slide .img img{width:100%; height:100%;}
    .banner .banner_btn{ bottom: 20px; }
    
    .inabout{padding:60px 0;}
    .inabout .inabout_top .inabout_top_left{ width:52%;}
    .inabout .inabout_top .inabout_top_left .dt_title{font-size:30px;}
    .inabout .inabout_top .inabout_top_left .more{ margin-top:40px;}
    .inabout .inabout_top .inabout_top_right{ width:44%;}
    .inabout .inabout_bottom{ margin-top:30px;}
    .inabout .inabout_bottom .item .inforbox .infor{ padding:30px 20px;}
    .inabout .inabout_bottom .item:hover .inforbox .infor{padding:50px 20px}
    .inabout .inabout_bottom .item .more{margin-top:20px;}

    .inproduct .inproduct_left{ width:25%; right:auto; left:2%;}
    .inproduct .inproduct_left .inproduct_list .swiper-slide{justify-content:flex-start;margin-bottom:40px;}
    .inproduct .inproduct_right .infor_right{ width: 68%; margin-left: 32%; padding:60px;}
    .inproduct .inproduct_right .infor_right .dt_title{font-size:30px;}
    .inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop{ padding:30px;}
    .inproduct .inproduct_right .inproduct_cont .swiper-slide .zhe{ width:100%; background: rgba(48, 161, 144, .95);}
    .inproduct .inproduct_right .inproduct_cont .swiper-slide .zhe img{display:none;}
    
    .insolution .solutiontop{padding:60px 0 40px}
    .insolution .solutiontop .dt_title{font-size:30px;}
    .insolution .solutionbox .insolution_cont .swiper-slide .infor{ padding:120px 0;}
    .insolution .solutionbox .insolution_list .swiper-slide{height:85px; padding:20px;}
    
    .innews{ padding:60px 0;}
    .innews .dt_title{font-size:30px;}
    .innews .innewsbox{ margin-top:40px;}
    .innews .innewsbox .swiper-slide{ width:35% !important;}
    .innews .innewsbox .swiper-slide .infor .title{font-size:18px;}
    .innews .innewsbox .innewsbtn{ margin-top:40px;}
    .innews .innewsbox .innewscont .innewsprev, .innews .innewsbox .innewscont .innewsnext{width:45px; height:45px;}
    
    .footer .incontact{padding:50px 0;}
    .footer .incontact .incontactleft .title{font-size:34px;}
    .footer .footerbottom{flex-wrap: wrap;}
    .footer .footerbottom .fbottomleft{order: 2; width:100%; margin-top:30px;}
    .footer .footerbottom .fbottomleft .footernav a{margin-right:30px;}
    .footer .footerbottom .fbottomleft .copyright{margin-top:10px;}
    .footer .footerbottom .waybox{ order: 1; width:100%;}
    
    .pbanner .bannerText{ padding:12vh 0 10vh}
    .pbanner .bannerText .container .visualsub{font-size:36px;}
    .pagenav{ margin-top:40px;}
    
    .pageabout{padding:60px 0;}
    .pageabout .aboutleft .title_dd{font-size:28px;}
    .pageabout .aboutleft .title_dt{font-size:20px;}
    .pageabout .aboutleft .cont{font-size:15px; line-height:28px;}
    .pageabout .aboutleft .reflection .dd{font-size:22px;}
    
    .pageabout .pageaboutBottom .number{padding:30px 0 30px 40px;}
    .pageabout .pageaboutBottom .number .item .T .timer{font-size:36px;}
    
    .pagebranch{padding:60px 0;}
    .pagebranch .branchlist .title_dd{font-size:28px; margin-bottom:10px;}
    .pagebranch .branchlist .title_dt{font-size:20px; margin-bottom:30px;}
    .pagebranch .branchlist .swiper-slide{ margin-bottom:10px;}
    .pagebranch .branchlist .swiper-slide .cont_br{padding-left:25px;}
    .pagebranch .branchlist .swiper-slide .icon_br img{ height:20px;}
    .pagebranch .branchlist .swiper-slide .cont_br .name{font-size:20px; margin-bottom:10px;}
    .pagebranch .branchlist .swiper-slide .cont_br .miaoshu{font-size:15px;}
    .pagebranch .branchcontinfor .swiper-slide img{object-fit:contain;}
    
    .pageculture{ padding:60px 0 0}
    .pageculture .title_dd{font-size:28px;}
    .pageculture .title_dt{font-size:20px;}
    .pageculture .culturebox{ height:auto;}
    .pageculture .culturebox .culture_content{flex-wrap:wrap;}
    .pageculture .culturebox .culture_content .content_list{ width:50%;padding:50px 20px;}
    .pageculture .culturebox .culture_content .content_list .list_icon img{ height:40px;}
    .pageculture .culturebox .culture_content .content_list:hover .list_txt{ margin-top:0;}
    .pageculture .culturebox .culture_content .content_list .list_title .list_title_dd{margin-top:20px; font-size:22px;}
    
    .pagecertificate{padding:60px 0;}
    .pagecertificate .certificatetop .title_dd{font-size:28px;}
    .pagecertificate .certificatetop .title_dt{font-size:20px;}
    .pagecertificate .certificatebox .swiper-slide{ width:calc((100% - 40px)/3); padding:10px;border-radius:10px;}
    .pagehonor{ padding:60px 0;}
    .pagehonor .catname{font-size:28px;}
    .pagehonor .honorpage{ grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}
    .pagehonor .honorpage .item{padding:10px;border-radius:10px;}
    
    .pageproduct{ padding:60px 0;}
    .pageproduct .catname{font-size:28px;}
    .pageproduct .productbox{grid-gap: 15px;}
    .pageproduct .productbox .item .namebox{ padding:20px 15px;}
    .pageproduct .productbox .item .namebox .title{font-size:18px;}
    
    .battery-template{ padding:60px 0}
    .battery-template .container{align-items: center;}
    .battery-template .left .title{font-size:28px;}
    .battery-template .left .line{margin:10px 0;}
    .battery-template .left .text{ line-height:28px; font-size:15px;}
    .battery-template .showproduct{width:46%;}
    
    .cabinet-template{ padding:60px 0}
    .cabinet-template .container{align-items: center;}
    .cabinet-template .left .title{font-size:28px;}
    .cabinet-template .left .line{margin:10px 0;}
    .cabinet-template .left .text{ line-height:28px; font-size:15px;}
    .cabinet-template .showproduct{width:46%;}
    
    .energy-template{ padding:60px 0}
    .energy-template .container{align-items: center;}
    .energy-template .left .title{font-size:28px;}
    .energy-template .left .line{margin:10px 0;}
    .energy-template .left .text{ line-height:28px; font-size:15px;}
    .energy-template .showproduct{width:46%;}
    
    .battery-superiority{padding:100px 0;}
    .battery-superiority .title{font-size:28px;}
    .battery-superiority .battery-list{ margin-top:40px;}
    .battery-superiority .battery-list .item{ padding:30px 10px;}
    
    .battery-features{ padding:60px 0;}
    .battery-features .title{font-size:28px;}
    .battery-features .features .item .left{width: calc(20% - 10px);margin-right:10px;}
    .battery-features .features .item .left .category{font-size:18px;}
    .battery-features .features .item .imgbox{width:calc(60% - 10px); margin-right:10px;}
    .battery-features .features .item .left .titlebox{ width:calc(62% - 10px); margin-left:10px;}
    .battery-features .features .item .left .titlebox .text{font-size:18px;}
    .battery-features .features .item .specificbox .specific{font-size:18px;}
    
    .battery-parameter{ padding:60px 0;}
    .battery-parameter .title{font-size:28px;}
    .battery-parameter .battery-cont{ margin-top:40px;}
    
    .cabinet-superiority{padding:100px 0;}
    .cabinet-superiority .title{font-size:28px;}
    .cabinet-superiority .cabinet-list{ margin-top:40px; grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
    .cabinet-superiority .cabinet-list .item{ padding:30px 10px;}
    
    .cabinet-solution{ padding:60px 0;}
    .cabinet-solution .title{font-size:28px;}
    
    .cabinet-parameter{ padding:60px 0;}
    .cabinet-parameter .title{font-size:28px;}
    .cabinet-parameter .cabinet-cont{ margin-top:40px;}
    
    .energy-superiority{padding:100px 0;}
    .energy-superiority .title{font-size:28px;}
    .energy-superiority .energy-list{ margin-top:40px; grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
    .energy-superiority .energy-list .item{ padding:30px 10px;}
    
    .pagecase{ padding:60px 0;}
    .pagecase .catname{font-size:28px;}
    .pagecase .casebox{grid-gap: 20px;}
    .pagecase .casebox .item .infor{ padding:10px;}
    .pagecase .casebox .item .detail .inner{ width:92%;}
    .pagecase .casebox .item .detail .inner .info{ height:65vh;}
    
    .pagesolution{ padding:60px 0;}
    .pagesolution .catname{font-size:28px;}
    .pagesolution .solutioncat .swiper-slide{height: 85px; padding: 20px;}
    .battery01{ padding:60px 0;}
    .battery01 .name{font-size:28px;}
    .battery01 .batterylist .listleft{ width:100%;}
    .battery01 .batterylist .listright{ width:100%}
    .battery01 .batterylist .listright .batterycat{ margin-top:20px;}
    .battery02{ padding:60px 0;}
    .battery02 .name{font-size:28px;}
    .battery02 .list{ margin-top:30px; grid-gap:20px;}
    .battery02 .list .item{ padding:40px 20px;}
    
    .storage01{ padding:60px 0}
    .storage01 .name{font-size:28px;}
    
    .storage03 .left{ padding:60px 0;}
    .storage03 .name{font-size:28px;}
    .storage03 .right{ padding:60px 0 60px 40px;}
    .storage03 .right .item .text{font-size:24px;}
    .storage03 .right .item .icon img{ height:40px;}
    .storage02{padding:60px 0;}
    .storage02 .name{font-size:28px;}
    .storage02 .list{margin-top:50px; grid-gap:15px;}
    .storage02 .list .item{ padding:15px 10px;}
    .storage02 .list .item .icon img{ height:40px;}
    .storage02 .list .item .text{font-size:18px;}
    .storage04{padding:60px 0;}
    .storage04 .name{font-size:28px;}
    .storage04 .list{margin-top:50px; grid-gap:15px;}
    .storage04 .list .item .icon img{height: auto; width: 80%;}
    .storage04 .list .item .text{font-size:18px;}
    .storage04 .list .item .tent{width:100%;}
    .storage05{ padding:60px 0;}
    .storage05 .name{font-size:28px;}
    .storage05 .storageprod .swiper-slide{ width:calc((100% - 30px)/3); margin-right:15px;}
    .storage05 .storageprod .swiper-slide .namebox{ padding:20px 15px}
    .storage05 .storageprod .swiper-slide .namebox .more{ margin-top:10px;}
    .storage06{ padding:60px 0;}
    .storage06 .name{font-size:28px;}
    .storage06 .casebox{grid-gap:15px;}
    .storage06 .casebox .item .infor{ padding:10px;}
    .storage06 .casebox .item .detail .inner{ width:92%;}
    
    .pagenews{padding:60px 0;}
    .pagenews .newsflag{ margin-top:0;}
    .pagenews .newsflag .newsflaginfor{ padding:20px;}
    .pagenews .newsflag .swiper-slide .newsrecom_ri .title{ font-size:20px; height:30px; line-height:30px;-webkit-line-clamp:1; margin-bottom:15px;}
    .pagenews .newsflag .newsbtn{ position:relative;bottom:0; left:0;}
    .pagenews .newspage{ grid-gap:15px;}
    .pagenews .newspage .item .newsInfos{ padding:15px;}
    .pagenews .newspage .item .newsInfos .newsTime{font-size:16px;}
    .pagenews .newspage .item .newsInfos .newsFonfs{ font-size:18px;}
    .shownews{ margin-top:0; padding:30px;}
    
    .pageconcept{ padding:60px 0;}
    .pageconcept .concept_left .title_dd{font-size:28px;}
    .pagepeople .title_dd{ font-size:28px;}
    .pagejoin{ padding:60px 0;}
    .pagejoin .jointop .title_dd{font-size:28px;}
    .pagejoin .joinbox{grid-gap:15px;}
    .pagejoin .joinbox .item{ padding:20px 15px;}
    .pagejoin .joinbox .item .list_title{font-size:20px;}
    .pagejoin .joinbox .item .list_text{ margin-top:10px; margin-bottom:20px;}
    .pagejoin .catname{font-size:28px;}
    .pagejoin .join_content .joindetails{ padding:30px;}
    
    .pagecontact{ padding:60px 0;}
    .pagecontact .catname{font-size:28px;}
    .pagecontact .wordstop .text{font-size:26px; flex:1;}
    .pagecontact .wordstop .add{flex:1;}
    
    .pageonline{ padding:0 0 60px;}
}



@media screen and (max-width: 819px){
    
    .mheader{display: block;}
    .header{display:none}
    .mheader{height:70px; z-index: 9999;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all;}
    .mheader .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
    .mheader .logo{ height:70px; display:flex;  align-items:center; transition:0.5s all;}
    .mheader .logo img{ height:35px; display:block; transition:0.5s all;}
    .mheader .menubar{display: flex; justify-content: space-between; align-items: center;}
    .mheader .menubar>div{ margin-right:10px;}
    .mheader .menubar>div:last-child{ margin-right:0;}
    .mheader .menubar .headerso{ position: relative; font-size: 18px; color: #333333;line-height: 30px; cursor: pointer;}
    .mheader .menubar .headeroa{ position: relative;}
    .mheader .menubar .headeroa .icon-wo{font-size: 20px; color: #333333;line-height: 30px;}
    .mheader .menubar .language{ position: relative;}
    .mheader .menubar .language a{font-size:18px; color:#333333;}
    .mheader .menubar .headerso:hover,.mheader .menubar .headeroa .icon-wo:hover,.mheader .menubar .language a:hover{color:#30a190;}
    .mheader .searchalert{ position: absolute; top: 0; left: 0; width: 100%; height: 70px;  padding: 10px 0; background: #ffffff; display: none;  z-index: 99; box-sizing: border-box; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .mheader .searchalert.active,.mheader.scroll .searchalert.active{display: block;}
    .mheader .searchalert .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
    .mheader .searchalert .centform{ width: 70%; background: #f5f5f5; border-radius: 20px; overflow: hidden;}
    .mheader .searchalert .centform .searchtxt{ width: calc(100% - 90px);}
    .mheader .searchalert .centform .searchtxt .searchkey{ width:100% ; float: left; padding-left: 15px; border: none;font-size: 14px;line-height: 40px;text-align: left; box-sizing: border-box;}
    .mheader .searchalert .centform .searchtxt .searchkey::placeholder{font-size:14px; color: #999999;}
    .mheader .searchalert .centform .searchbtn{border:none; width:90px; background:none; text-align:center; line-height: 40px; margin:0; font-size:14px; color:#666666; cursor:pointer; outline:none; transition:all 0.5s ease;}
    .mheader .searchalert .centform .searchbtn::before{ margin-right: 10px;}
    .mheader .searchalert .centform .searchbtn:hover{background:#30a190; color:#ffffff; border-color:#30a190;}
    .mheader .searchalert .close{padding:0 30px; border-left: 1px #cccccc solid;}
    .mheader .searchalert .close .closeicon{display:block;  font-size: 18px;  cursor:pointer; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
    .mheader .searchalert .close .closeicon:hover{color: #30a190; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 8px;}
    .sp_nav span{display:block;background:#30a190;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #30a190;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
    .sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
    .sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
    .sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
    .sjj_nav>ul>li ul{display:none}
    .sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#30a190;}
    .sjj_nav>ul>li ul li{position:relative;line-height:40px;}
    .sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
    .sjj_nav>ul>li ul li a:hover{color:#30a190;}
    .sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
    .sjj_nav>ul>li ul li>ul{margin-left:10px}
    .placeholder{display:block; width:100%; height:70px;}
    
    .banner {width:100%;height:auto; position: relative;z-index:0; overflow:hidden;}
    .banner .swiper-slide{ height:100%;}
    .banner .swiper-slide .img { position:relative; height:100%; z-index:1;}
    .banner .swiper-slide .img img{width:100%; height:100%;}
    .banner .banner_btn{ bottom: 10px; }
    .banner .banner_btn .mousebox{ width:30px; height:30px;}
    .banner .banner_btn .mousebox .mouse{ width:12px; height:20px;}
    .banner .banner_btn .down{font-size:13px;}
    
    .inabout{padding:40px 0;}
    .inabout .inabout_top{ flex-wrap:wrap;}
    .inabout .inabout_top .inabout_top_left{ width:100%;}
    .inabout .inabout_top .inabout_top_left .dt_title{margin-bottom:30px; font-size:20px;}
    .inabout .inabout_top .inabout_top_left .txt_cont{ line-height:28px;}
    .inabout .inabout_top .inabout_top_left .more{ margin-top:30px;}
    .inabout .inabout_top .inabout_top_left .more span{ margin-left:10px;}
    .inabout .inabout_top .inabout_top_left .more a{ height:40px; padding:0 10px;}
    .inabout .inabout_top .inabout_top_right{ width:100%; margin-top:20px;}
    .inabout .inabout_top .inabout_top_right .videobox .mask .videoed img:first-child{ height:30px;}
    .inabout .inabout_top .inabout_top_right .videobox .mask .videoed img:last-child{ height:60px;}
    .inabout .video .videoList{ width:94%; padding:30px;}
    .inabout .video .close{font-size:15px;}
    .inabout .inabout_bottom{ margin-top:30px; flex-wrap:wrap;}
    .inabout .inabout_bottom .item{ width:100%;padding:5px 0;}
    .inabout .inabout_bottom .item:hover{padding:5px 0;}
    .inabout .inabout_bottom .item .inforbox .infor{ padding:20px 15px;}
    .inabout .inabout_bottom .item:hover .inforbox .infor{padding:30px 15px}
    .inabout .inabout_bottom .item .more{margin-top:10px;}
    .inabout .inabout_bottom .item .name{font-size:17px;}
    .inabout .inabout_bottom .item .content{margin-top:10px;}
    
    .inproduct{ display:none;}
    .minproduct{display:block; position: relative;}
    .minproduct .inproduct_cat{ position:absolute;width:100%; padding:40px 0 0; z-index:22;}
    .minproduct .inproduct_cat .en_title{ font-size: 18px; line-height: 1; color: #ffffff; font-weight: bold;}
    .minproduct .inproduct_cat .line{ display: flex; align-items: center; margin: 15px 0; height: 7px;}
    .minproduct .inproduct_cat .line span{margin-right: 3px; width: 7px; height: 5px; border-radius: 50%; background: #ffffff;}
    .minproduct .inproduct_cat .line span:nth-child(2){opacity: .4;}
    .minproduct .inproduct_cat .line span:last-child{ opacity: .2; margin-right: 0;}
    .minproduct .inproduct_cat .dt_title{ margin-bottom: 30px; font-size: 20px; color: #ffffff; line-height: 1;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide{ height: auto; width:calc((100% - 15px)/2); margin-right:15px; display: flex; align-items: center; cursor: pointer;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide:last-child{ margin-right:0;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide .dot{position: relative; width: 30px; height: 30px; display: flex; justify-content:  center; align-items: center;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide .dots{ width: 8px; height: 8px; border-radius: 50%; background: #ffffff;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide .hdot{ width: 30px; height: 30px;  position: absolute; transform:  translate(-50%, -50%) rotate(-90deg);  transform-origin:30px; opacity:0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide .name{ margin-left: 10px; font-size: 16px; color: #ffffff; font-weight: bold;}
    .minproduct .inproduct_cat .mproduct_list .swiper-slide.swiper-slide-thumb-active .hdot{ opacity:1; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
    .minproduct .inproduct_cat .mproduct_list .swiper-slide.swiper-slide-thumb-active .dotss{ animation: dots infinite 5s linear; }
    
    .minproduct .inproduct_box .infor_right{position:relative; z-index:22; width: 100%; padding:200px 0 40px;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .bg{ position:absolute; width:100%; height:100%; z-index:1;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .bg img{ width:100%; height:100%; object-fit:cover;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .zhe{ position:absolute; width:100%; height:100%; right:0; z-index:2; background:rgba(48,161,144,.95)}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop{ position: relative; width: 100%; padding: 20px; background: #ffffff; border-radius: 10px;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .nbox{ display: flex; justify-content: space-between;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .nbox .name{ font-size: 18px; color: #30a190;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .nbox .icon{ position: relative;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .nbox .icon img{ height: 40px;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .list{ position: relative; display: flex; flex-wrap: wrap; margin-top: 10px;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .list a{ display: block; width: 100%; font-size: 16px; color: #333333; line-height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .list a:nth-child(2n){ margin-right: 0;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .slidetop .list a:hover{ color: #30a190;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more{ margin-top: 40px;position: relative;display: inline-block;; border-radius: 25px; border: 1px #ffffff solid; overflow: hidden;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more::after{content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: #ffffff; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 0;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more:hover::after{right: initial; left: 0; width: 100%;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more a{position: relative; font-size: 15px; color: #ffffff; height: 40px;padding: 0 10px; display: flex; align-items: center; z-index: 3;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more span{ margin-left: 10px;display: flex; align-items: center; justify-content: center; position: relative;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more span img{ height: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more span img:last-child{  opacity: 0; position: absolute; left: 0; top: 0;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more:hover a{ color: #30a190; background: #ffffff;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more:hover span:first-child img{ opacity: 0;}
    .minproduct .inproduct_box .mproduct_cont .swiper-slide .more:hover span:last-child img{ opacity: 1;}
    
    .insolution .solutiontop{padding:40px 0 30px}
    .insolution .solutiontop .dt_title{font-size:20px;}
    .insolution .solutionbox .insolution_list{ height:auto; left:2%; right:2%; top:40px; width:96%;}
    .insolution .solutionbox .insolution_list .swiper-wrapper{ align-items:normal;}
    .insolution .solutionbox .insolution_list .swiper-slide{height:60px; padding:10px; font-size:16px; width:calc((100% - 10px)/2); margin-right:10px;}
    .insolution .solutionbox .insolution_list .swiper-slide:last-child{ margin-right:0;}
    .insolution .solutionbox .insolution_list .swiper-slide .icon{ width:28px; height:20px; margin-right:10px;}
    .insolution .solutionbox .insolution_list .swiper-slide .icon img{height:20px;}
    .insolution .solutionbox .insolution_list .swiper-slide.swiper-slide-thumb-active .icon img, .insolution .solutionbox .insolution_list .swiper-slide:hover .icon img{transform: translateX(-28px);}
    .insolution .solutionbox .insolution_cont .swiper-slide .infor{width:100%; padding:120px 0 40px;}
    .insolution .solutionbox .insolution_cont .swiper-slide .name{font-size:20px;}
    .insolution .solutionbox .insolution_cont .swiper-slide .cont{ margin-top:20px; line-height:28px; height:84px;-webkit-line-clamp:3;}
    .insolution .solutionbox .insolution_cont .swiper-slide .more{ margin-top:30px;}
    .insolution .solutionbox .insolution_cont .swiper-slide .more span{ margin-left:10px;}
    .insolution .solutionbox .insolution_cont .swiper-slide .more a{ height:40px; padding:0 10px;}
    
    .innews{ padding:40px 0;}
    .innews .dt_title{font-size:20px;}
    .innews .innewsbox{ margin-top:30px;}
    .innews .innewsbox .swiper-slide{ width:52% !important; margin-right:10px;}
    .innews .innewsbox .swiper-slide .infor .title{font-size:15px; margin:10px 0;}
    .innews .innewsbox .swiper-slide:last-child{ margin-right:0;}
    .innews .innewsbox .swiper-slide .infor{padding:15px 10px;}
    .innews .innewsbox .swiper-slide .infor .catdate{font-size:14px;}
    .innews .innewsbox .swiper-slide .infor .catdate span{ margin-right:5px;}
    .innews .innewsbox .swiper-slide .infor .desc{font-size:14px; line-height:24px; height:48px;}
    .innews .innewsbox .swiper-slide .infor .more{ margin-top:10px;}
    .innews .innewsbox .innewsbtn{margin-top:20px;}
    .innews .innewsbox .innewscont .innewsprev, .innews .innewsbox .innewscont .innewsnext{width:30px; height:30px;font-size: 12px; line-height: 30px;}
    .innews .innewsbox .swiper-scrollbar{ width:calc(100% - 80px); margin-bottom:0;}
    .innews .innewsbox .swiper-scrollbar .swiper-scrollbar-drag{ height:4px; margin-top:-2px;}
    
    .footer .incontact{padding:30px 0; flex-wrap:wrap;}
    .footer .incontact .incontactleft .incontactleft{ width:100%;}
    .footer .incontact .incontactleft .title{font-size:20px;}
    .footer .incontact .incontactleft .intro{margin-top:5px; font-size:16px;}
    .footer .incontact .incontactright{ margin-top:20px;}
    .footer .incontact .incontactright span{margin-left:10px;}
    .footer .incontact .incontactright a{ height:40px; padding: 0 10px;}
    .footer .footertop{ flex-wrap:wrap; padding-bottom:30px;}
    .footer .footertop .flogo img{height:40px;}
    .footer .footertop .slogan{ width:100%; margin-top:10px; font-size:20px;}
    .footer .footerbottom{flex-wrap: wrap; padding:30px 0;}
    .footer .footerbottom .contway{ margin-left:15px;}
    .footer .footerbottom .contway p{ font-size:14px; line-height:24px;}
    .footer .footerbottom .contway p a{font-size:20px;}
    .footer .footerbottom .fbottomleft{order: 2; width:100%; margin-top:5px;}
    .footer .footerbottom .fbottomleft .footernav{display:none;}
    .footer .footerbottom .fbottomleft .copyright{ margin-top:10px; font-size:14px;}
    .footer .footerbottom .fbottomleft .copyright a{font-size:14px;}
    .footer .footerbottom .waybox{ order: 1; width:100%;}
    .footer .footerbottom .waybox .ewm{ height:90px;}
    .footer .footerbottom .waybox .ewm img{width:90px; height:90px;}
    .actGotop{ width:40px;height:40px; line-height:40px;}
    .actGotop a{font-size:16px;}
    
    .pbanner .bannerText{ padding:60px 0 40px}
    .pbanner .bannerText .container .visualsub{font-size:20px;}
    .pbanner .bannerText .container .visualtit{font-size:16px;}
    .pagenav{ margin-top:30px; display: grid;grid-gap:10px; grid-template-columns: repeat(2,1fr);}
    .pagenav a{ margin-left:0; font-size:16px; padding:10px 3vw; color:#333333; background:rgba(255,255,255,.9);text-align: center;}
    
    .pageabout{padding:40px 0;}
    .pageabout .pageaboutTop{flex-wrap:wrap;}
    .pageabout .aboutleft{ width:100%}
    .pageabout .aboutleft .title_dd{font-size:22px;}
    .pageabout .aboutleft .title_dt{font-size:18px;}
    .pageabout .aboutleft .cont{margin-top:20px; font-size:15px; line-height:28px;}
    .pageabout .aboutleft .reflection .dd{font-size:20px;}
    .pageabout .aboutright{ width:100%; margin-top:20px;}
    .pageabout .aboutright .videobox .mask .videoed img:first-child{ height:30px;}
    .pageabout .aboutright .videobox .mask .videoed img:last-child{ height:60px;}
    .pageabout .video .videoList{ width:94%; padding:30px;}
    .pageabout .video .close{font-size:15px;}
    .pageabout .pageaboutBottom{ margin-top:30px;}
    .pageabout .pageaboutBottom .number{padding:20px;display: grid;grid-gap:10px; grid-template-columns: repeat(2,1fr); border-radius:10px 0px 0px 10px;}
    .pageabout .pageaboutBottom .number .item .T .timer{font-size:24px; margin-right:5px;}
    .pageabout .pageaboutBottom .number .item .T .num{font-size:15px;}
    .pageabout .pageaboutBottom .number .item .c{margin-top:5px; font-size:15px;}
    
    .pagebranch{padding:40px 0;}
    .pagebranch .container{flex-wrap:wrap;}
    .pagebranch .branchlistinfor{width:100%}
    .pagebranch .branchlist .title_dd{font-size:22px;}
    .pagebranch .branchlist .title_dt{font-size:18px; margin-bottom:30px;}
    .pagebranch .branchlist .swiper-slide{ margin-bottom:10px;}
    .pagebranch .branchlist .swiper-slide .cont_br{padding-left:25px;}
    .pagebranch .branchlist .swiper-slide .icon_br img{ height:20px;}
    .pagebranch .branchlist .swiper-slide .cont_br .name{font-size:18px; margin-bottom:10px;}
    .pagebranch .branchlist .swiper-slide .cont_br .miaoshu{font-size:15px;}
    .pagebranch .branchcontinfor{ width:100%; margin-top:20px;}
    .pagebranch .branchcontinfor .swiper-slide img{object-fit:contain;}
    
    .pageculture{ padding:40px 0 0}
    .pageculture .title_dd{font-size:22px;}
    .pageculture .title_dt{font-size:18px;}
    .pageculture .culturebox{ height:auto;}
    .pageculture .culturebox .culture_content{flex-wrap:wrap;}
    .pageculture .culturebox .culture_content .content_list{ width:100%;padding:30px 0;}
    .pageculture .culturebox .culture_content .content_list .list_icon img{ height:30px;}
    .pageculture .culturebox .culture_content .content_list:hover .list_txt{ margin-top:0;}
    .pageculture .culturebox .culture_content .content_list .list_title .list_title_dd{margin-top:10px;margin-bottom:10px; font-size:18px;}
    .pageculture .culturebox .culture_content .content_list .list_title .list_title_dt{ font-size:15px;}
    .pageculture .culturebox .culture_content .content_list .list_txt{padding:0 15px;}
    .pageculture .culturebox .culture_content .content_list .list_txt p{font-size:16px; line-height:26px;}
    
    .pagecertificate{padding:40px 0;}
    .pagecertificate .certificatetop{ margin-bottom:30px;}
    .pagecertificate .certificatetop .certificatetople{ width:calc(100% - 125px);}
    .pagecertificate .certificatetop .title_dd{font-size:22px; }
    .pagecertificate .certificatetop .title_dt{font-size:18px;margin-bottom:0;}
    .pagecertificate .certificatetop .more{width:117px;}
    .pagecertificate .certificatetop .more a{ height:40px; padding:0 10px;}
    .pagecertificate .certificatetop .more span{ margin-left:10px;}
    .pagecertificate .certificatebox .swiper-slide{ width:calc((100% - 10px)/2); margin-right:10px; padding:5px;border-radius:10px;}
    .pagehonor{ padding:40px 0;}
    .pagehonor .catname{font-size:22px;}
    .pagehonor .honorpage{ grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    .pagehonor .honorpage .item{padding:5px;border-radius:10px;}
    
    .pageproduct{ padding:40px 0;}
    .pageproduct .catname{font-size:22px;}
    .pageproduct .productbox{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pageproduct .productbox .item .namebox{ padding:10px;}
    .pageproduct .productbox .item .namebox .title{font-size:16px;margin-bottom:10px;}
    .pageproduct .productbox .item .namebox .more{ padding-top:10px; font-size:14px;}
    
    .battery-template{ padding:40px 0}
    .battery-template .container{align-items: center; flex-wrap:wrap;}
    .battery-template .left{width:100%;}
    .battery-template .left .title{font-size:22px;}
    .battery-template .left .line{margin:10px 0; width:60px; height:2px;}
    .battery-template .left .text{ line-height:28px; font-size:15px;}
    .battery-template .left .down{ margin-top:30px;}
    .battery-template .left .down a{padding: 0 15px; height: 40px; line-height: 40px;}
    .battery-template .showproduct{width:100%; margin-top:20px;}
    
    .cabinet-template{ padding:40px 0}
    .cabinet-template .container{align-items: center; flex-wrap:wrap;}
    .cabinet-template .left{width:100%;}
    .cabinet-template .left .title{font-size:22px;}
    .cabinet-template .left .line{margin:10px 0; width:60px; height:2px;}
    .cabinet-template .left .text{ line-height:28px; font-size:15px;}
    .cabinet-template .left .down{ margin-top:30px;}
    .cabinet-template .left .down a{padding: 0 15px; height: 40px; line-height: 40px;}
    .cabinet-template .showproduct{width:100%; margin-top:20px;}
    
    .energy-template{ padding:40px 0}
    .energy-template .container{align-items: center; flex-wrap:wrap;}
    .energy-template .left{width:100%;}
    .energy-template .left .title{font-size:22px;}
    .energy-template .left .line{margin:10px 0; width:60px; height:2px;}
    .energy-template .left .text{ line-height:28px; font-size:15px;}
    .energy-template .left .down{ margin-top:30px;}
    .energy-template .left .down a{padding: 0 15px; height: 40px; line-height: 40px;}
    .energy-template .showproduct{width:100%; margin-top:20px;}
    
    .battery-superiority{padding:40px 0;}
    .battery-superiority .title{font-size:22px;}
    .battery-superiority .battery-list{ margin-top:30px; display:grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .battery-superiority .battery-list .item{ padding:20px 10px; margin-right:0;}
    .battery-superiority .battery-list .item .icon img{height:30px;}
    .battery-superiority .battery-list .item p{font-size:16px;}
    
    .battery-features{ padding:40px 0;}
    .battery-features .title{font-size:22px;}
    .battery-features .features{ margin-top:30px;}
    .battery-features .features .item .left{width: 100%;margin-bottom:10px;}
    .battery-features .features .item .left .category{font-size:16px;}
    .battery-features .features .item .imgbox{width:100%; margin-bottom:10px; margin-right:0;}
    .battery-features .features .item .left .titlebox{ width:calc(62% - 10px); margin-left:10px;}
    .battery-features .features .item .left .titlebox .text{font-size:16px; margin-bottom:10px;}
    .battery-features .features .item .specificbox{ width:100%;}
    .battery-features .features .item .specificbox .specific{font-size:16px; padding:10px; margin-bottom:10px;}
    
    .battery-parameter{ padding:40px 0;}
    .battery-parameter .title{font-size:22px;}
    .battery-parameter .battery-cont{ margin-top:30px;}
    .battery-parameter .battery-cont tr:first-child td{font-size:16px;}
    .battery-parameter .battery-cont td{font-size:15px;}
    
    .cabinet-superiority{padding:40px 0;}
    .cabinet-superiority .title{font-size:22px;}
    .cabinet-superiority .cabinet-list{ margin-top:30px; grid-gap: 20px; grid-template-columns: repeat(1, 1fr);}
    .cabinet-superiority .cabinet-list .item{ padding:20px 10px;}
    .cabinet-superiority .cabinet-list .item .textbox .icon img{height:30px;}
    .cabinet-superiority .cabinet-list .item .textbox .text{ font-size:18px;}
    .cabinet-superiority .cabinet-list .item .textbox .text::after{bottom:-10px;}
    .cabinet-superiority .cabinet-list .item .list{margin-top:35px; font-size:15px; line-height:28px;}
    
    .cabinet-solution{ padding:40px 0;}
    .cabinet-solution .title{font-size:22px;}
    
    .cabinet-parameter{ padding:40px 0;}
    .cabinet-parameter .title{font-size:22px;}
    .cabinet-parameter .cabinet-cont{ margin-top:30px;}
    .cabinet-parameter .cabinet-cont tr:first-child td{font-size:16px;}
    .cabinet-parameter .cabinet-cont td{font-size:15px;}
    
    .energy-superiority{padding:40px 0;}
    .energy-superiority .title{font-size:22px;}
    .energy-superiority .energy-list{ margin-top:30px; grid-gap: 20px; grid-template-columns: repeat(1, 1fr);}
    .energy-superiority .energy-list .item{ padding:20px 10px;}
    .energy-superiority .energy-list .item .textbox .icon img{height:30px;}
    .energy-superiority .energy-list .item .textbox .text{ font-size:18px;}
    .energy-superiority .energy-list .item .textbox .text::after{bottom:-10px;}
    .energy-superiority .energy-list .item .list{margin-top:35px; font-size:15px; line-height:28px;}
    
    .pagecase{ padding:40px 0;}
    .pagecase .catname{font-size:22px;}
    .pagecase .casebox{grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}
    .pagecase .casebox .item .infor{ padding:10px;}
    .pagecase .casebox .item:hover .infor{ margin-top:-52px;}
    .pagecase .casebox .item .infor span{margin-left:10px; font-size:20px;}
    .pagecase .casebox .item .infor .text{font-size:15px;}
    .pagecase .casebox .item .detail .inner{ width:92%; padding:20px;}
    .pagecase .casebox .item .detail .inner .title{font-size:18px;}
    .pagecase .casebox .item .detail .inner .xian{ width:50px; height:2px; margin:15px 0;}
    .pagecase .casebox .item .detail .inner .imgcont .swiper{ padding:20px 0; width:calc(100% - 70px)}
    .pagecase .casebox .item .detail .inner .info{ height:65vh;}
    .pagecase .casebox .item .detail .inner .imgcont .button-next,.pagecase .casebox .item .detail .inner .imgcont .button-prev{ width:30px; height:30px; font-size:14px;}
    
    .pagesolution{ padding:40px 0;}
    .pagesolution .catname{font-size:22px;}
    .pagesolution .solutioncat{ height:auto; left:2%; right:2%; top:40px; width:96%;}
    .pagesolution .solutioncat .swiper-wrapper{ align-items:normal;}
    .pagesolution .solutioncat .swiper-slide{height:60px; padding:10px; font-size:16px; width:calc((100% - 10px)/2); margin-right:10px;}
    .pagesolution .solutioncat .swiper-slide:last-child{ margin-right:0;}
    .pagesolution .solutioncat .swiper-slide .icon{ width:28px; height:20px; margin-right:10px;}
    .pagesolution .solutioncat .swiper-slide .icon img{height:20px;}
    .pagesolution .solutioncat .swiper-slide.swiper-slide-thumb-active .icon img, .pagesolution .solutioncat .swiper-slide:hover .icon img{transform: translateX(-28px);}
    .pagesolution .solutioncont .swiper-slide .infor{width:100%; padding:120px 0 40px;}
    .pagesolution .solutioncont .swiper-slide .name{font-size:20px;}
    .pagesolution .solutioncont .swiper-slide .cont{ margin-top:20px; line-height:28px; height:84px;-webkit-line-clamp:3;}
    .pagesolution .solutioncont .swiper-slide .more{ margin-top:30px;}
    .pagesolution .solutioncont .swiper-slide .more span{ margin-left:10px;}
    .pagesolution .solutioncont .swiper-slide .more a{ height:40px; padding:0 10px;}
    .battery01{ padding:40px 0;}
    .battery01 .name{font-size:22px;}
    .battery01 .batterylist .listleft{ width:100%;}
    .battery01 .batterylist .listright{ width:100%}
    .battery01 .batterylist .listright .batterycat{ margin-top:20px;}
    .battery02{ padding:40px 0;}
    .battery02 .name{font-size:22px;}
    .battery02 .list{ margin-top:30px; grid-gap:20px;}
    .battery02 .list .item{ padding:40px 20px;}
    
    .storage01{ padding:40px 0}
    .storage01 .name{font-size:22px;}
    .storage01 .container{ flex-wrap:wrap;}
    .storage01 .left{ width:100%;}
    .storage01 .right{margin-top:20px; width:100%;}
    
    .storage03{background:#ffffff; padding:40px 0 0;}
    .storage03 .container{ flex-wrap:wrap;}
    .storage03 .left{width:100%; padding:0;}
    .storage03 .name{font-size:22px;}
    .storage03 .right{width:100%; margin-top:20px; padding:30px 15px;}
    .storage03 .right .item{width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom:20px;}
    .storage03 .right .item .text{font-size:18px;}
    .storage03 .right .item .icon img{ height:30px;}
    .storage03 .right .item .txt{font-size:15px;}
    .storage02{padding:40px 0;}
    .storage02 .name{font-size:22px;}
    .storage02 .list{margin-top:30px; grid-gap:10px;grid-template-columns: repeat(1, 1fr);}
    .storage02 .list .item{ padding:15px 10px;}
    .storage02 .list .item .icon img{ height:30px;}
    .storage02 .list .item .text{font-size:18px; margin:15px 0;}
    .storage02 .list .item .tent{font-size:15px;}
    .storage04{padding:40px 0;}
    .storage04 .name{font-size:22px;}
    .storage04 .list{margin-top:30px; grid-gap:10px; grid-template-columns: repeat(2, 1fr);}
    .storage04 .list .item .icon img{height: auto; width: 50%;}
    .storage04 .list .item .text{font-size:18px; margin:15px 0;}
    .storage04 .list .item .tent{width:100%; font-size:15px;}
    .storage05{ padding:40px 0;}
    .storage05 .name{font-size:22px;}
    .storage05 .storagebox{ margin-top:30px; padding:0 35px;}
    .storage05 .storageprod .swiper-slide{ width:calc((100% - 10px)/2); margin-right:10px;}
    .storage05 .storageprod .swiper-slide .namebox{ padding:10px;}
    .storage05 .storageprod .swiper-slide .namebox .title{ font-size:16px; margin-bottom:10px;}
    .storage05 .storageprod .swiper-slide .namebox .more{ padding-top:10px; font-size:14px}
    .storage05 .storagebox .button-prev,.storage05 .storagebox .button-next{ width:30px; height:30px; font-size:12px;}
    .storage06{ padding:40px 0;}
    .storage06 .storagetop .name{ font-size:22px;}
    .storage06 .storagetop .more{font-size:15px;}
    .storage06 .casebox{margin-top:30px; grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .storage06 .casebox .item:nth-child(3){display:none;}
    .storage06 .casebox .item .infor{ padding:10px;}
    .storage06 .casebox .item:hover .infor{ margin-top:-52px;}
    .storage06 .casebox .item .infor span{margin-left:10px; font-size:20px;}
    .storage06 .casebox .item .infor .text{font-size:15px;}
    .storage06 .casebox .item .detail .inner{ width:92%; padding:20px;}
    .storage06 .casebox .item .detail .inner .title{font-size:18px;}
    .storage06 .casebox .item .detail .inner .xian{ width:50px; height:2px; margin:15px 0;}
    .storage06 .casebox .item .detail .inner .imgcont .swiper{ padding:20px 0; width:calc(100% - 70px)}
    .storage06 .casebox .item .detail .inner .info{ height:65vh;}
    .storage06 .casebox .item .detail .inner .imgcont .button-next,.storage06 .casebox .item .detail .inner .imgcont .button-prev{ width:30px; height:30px; font-size:14px;}
    
    .pagenews{padding:40px 0;}
    .pagenews .newsflag{ margin-top:0;}
    .pagenews .newsflag .newsflaginfor{ padding:20px;}
    .pagenews .newsflag .swiper-slide a{flex-wrap:wrap;}
    .pagenews .newsflag .swiper-slide .newsrecom_le{ width:100%;}
    .pagenews .newsflag .swiper-slide .newsrecom_ri{ width:100%; margin-top:10px;}
    .pagenews .newsflag .swiper-slide .newsrecom_ri .time{ font-size:14px;}
    .pagenews .newsflag .swiper-slide .newsrecom_ri .title{ font-size:17px; height:28px; line-height:28px;-webkit-line-clamp:1; margin-bottom:10px;}
    .pagenews .newsflag .swiper-slide .newsrecom_ri .infor{font-size:15px;-webkit-line-clamp:2; height:56px;}
    .pagenews .newsflag .newsbtn{ position:relative;bottom:0; left:0; display:none;}
    .pagenews .newspage{margin-top: 40px; grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .pagenews .newspage .item .newsInfos{ padding:10px;}
    .pagenews .newspage .item .newsInfos .newsTime{font-size:15px;}
    .pagenews .newspage .item .newsInfos .newsFonfs{ font-size:16px;}
    .shownews{ margin-top:0; padding:20px;}
    .shownews .item_top .pageT{font-size:18px;}
    .shownews .item_top{padding-bottom:20px;}
    .shownews .item_content{font-size:15px; padding:20px 0;}
    .shownews .item_content p a {font-size: 15px !important;}
    .shownews .item_content table,.shownews .item_content tr {font-size: 15px;}
    
    .pageconcept{ padding:40px 0;}
    .pageconcept .container{ flex-wrap:wrap;}
    .pageconcept .concept_left{ width:100%}
    .pageconcept .concept_left .title_dd{font-size:22px;}
    .pageconcept .concept_left .title_dt{font-size:18px;}
    .pageconcept .concept_left .concept_cont{font-size:15px;}
    .pageconcept .concept_left .swiper-pagination{ margin:30px auto 0; justify-content: center;}
    .pageconcept .concept_right{ width:100%; margin-top:20px;}
    .pagepeople{ padding:80px 0;}
    .pagepeople .title_dd{ font-size:22px;}
    .pagepeople .title_dt{ font-size:18px; padding-bottom: 15px; margin-bottom: 20px;}
    .pagejoin{ padding:40px 0;}
    .pagejoin .jointop .jointople{width: calc(100% - 125px);}
    .pagejoin .jointop .title_dd{font-size:22px;}
    .pagejoin .jointop .title_dt{font-size:18px;}
    .pagejoin .jointop .more{width:117px;}
    .pagejoin .jointop .more a{ height:40px; padding:0 10px;}
    .pagejoin .jointop .more span{ margin-left:10px;}
    .pagejoin .joinbox{margin-top:30px; grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .pagejoin .joinbox .item{ padding:15px;}
    .pagejoin .joinbox .item .list_title{font-size:17px;}
    .pagejoin .joinbox .item .list_text{font-size:15px; margin-top:10px; margin-bottom:10px; line-height:26px;}
    .pagejoin .joinbox .item .list_department span{font-size:14px; line-height:26px;}
    .pagejoin .catname{font-size:22px;}
    .pagejoin .join_content{ flex-wrap:wrap;}
    .pagejoin .join_content .joindetails{ padding:20px; width:100%;}
    .pagejoin .join_content .item_top{ padding-bottom:20px;}
    .pagejoin .join_content .item_top .pageT{font-size:18px;}
    .pagejoin .join_content .item_top .pageD{font-size:15px;}
    .pagejoin .join_content .item_content{font-size:15px; padding:30px 0 0}
    .pagejoin .join_content .newsdetails{ width:100%; margin-top:20px;}
    .pagejoin .join_content .newsdetails .newsdetails_title{ font-size:20px; height:50px;}
    .pagejoin .join_content .newsdetails .newsdetails_content a{ font-size:16px; line-height:40px;}
    .page_btm .paging_nav{ width:calc(100% - 110px);}
    .page_btm .paging_nav .prevpage a,.page_btm .paging_nav .nextpage a{font-size:14px;}
    .page_btm .return_list{ width:100px;}
    .page_btm .return_list .backList{font-size:14px;}
    
    .pagecontact{ padding:40px 0;}
    .pagecontact .catname{font-size:22px;}
    .pagecontact .caten{font-size:18px;}
    .pagecontact .wordstop .text{display:none;}
    .pagecontact .wordstop .add{flex:1;}
    .pagecontact .wordstop .add .wo{ text-align:left;}
    .pagecontact .wordstop .add .wo .i{ margin-bottom:10px;}
    .pagecontact .wordstop .add .wo .i img{width:auto; height:30px;}
    .pagecontact .wordstop .add .wo .t1{font-size:16px; line-height:28px;}
    .pagecontact .wordstop .add .img{float:left; width:100px; height:100px; margin-left:0;}
    .pagecontact .contactmap{ height:200px;}
    
    .pageonline{ padding:0 0 40px;}
    .pageonline .name{font-size:22px;}
    .pageonline .caten{font-size:18px;}
    .pageonline .onlinefrom{margin-top:30px;}
    .pageonline .onlinefrom .row{grid-gap: 10px; grid-template-columns: repeat(1, 1fr);}
    .pageonline .onlinefrom .row .col p,.pageonline .onlinefrom .text p{font-size:15px; margin-bottom:10px;}
    .pageonline .onlinefrom .row .col input{padding:10px 19px 10px 40px; height:45px; background-position: 10px center;}
    .pageonline .onlinefrom .text{ margin-top:10px;}
    .pageonline .onlinefrom .text textarea{padding:10px 19px 10px 40px; height:80px; background-position: 10px 8px;}
    .pageonline .onlinefrom .indexmore{width:140px; height:45px; line-height:45px; font-size:15px;}
    
    .pages{ margin:30px auto 0;}
    .pages li{ width:35px; height:35px; line-height:35px;}
    .pages li a{font-size:16px;}
}