/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:15px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}
@media screen and (min-width:200px) and (max-width:1680px) {
.teverola ul li .info{padding: 2.6875rem 3% 0;}
.teverola ul li .info h2{font-size: 2rem;}
}
@media screen and (min-width:200px) and (max-width:1400px) {
/*2023.6.25*/
.table1{width: 100%!important}
}
@media screen and (min-width:200px) and (max-width:1279px) {
.container{max-width:96%}
.lithium-banner .info{left: 2%;}
/* 内页新闻详情页 */
.recom-newslist{max-width: 96%;}
.lithium-pic img{max-width: 100%; }
.lead-editbox img{max-width: 100%; height: auto!important; margin: 0 auto}
}
@media screen and (min-width:200px) and (max-width:1028px) {
/* pc端公共头部 */
.head,.head-zw{display: none;}
/* 手机端公共头部 */
.wap-header,.wap-headerzw{display: block; height: 70px;}
.wap-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.wap-header .logo h1{line-height: 0}
.wap-header .logo a{display: block;}
.wap-header .logo img{display: block; margin-top:20px;}
.wap-click { padding: 12px 0;}
.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
.active span.cl-1{transform: rotate(-45deg);top:12px;}
.active span.cl-2{opacity: 0;}
.active span.cl-3{transform: rotate(45deg);top:-12px;}
.wap-nav{position: relative; top: 0px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
.wap-nav ul li a{ display: block;font-size: 1.2rem;line-height:45px;color: #434343;text-indent: 23px;transition: all .6s;text-transform: uppercase;}
.wap-nav ul li span{display: inline-block; text-indent: 5px;}
.wap-nav ul li>a:hover,.wap-nav ul li.on>a{ background: #000;color:#fff}
.wap-hide{ background: #fff; display: none;}
.wap-hide dt{width: 100%; float: left;}
.wap-hide dd{border-bottom: 1px dashed #eee; float: left; width: 50%}
.wap-nav .wap-hide dt a{font-size: 1.15rem;}
.wap-nav .wap-hide dd a{text-indent:30px;line-height:45px; font-size: 0.9375rem}
.wap-nav .wap-hide dd a:hover{color: #e30613;}
.wap-header .head-right {margin-top: 16px; margin-right:20px}
.wap-header .head-right a{display: inline-block;border: 0.0625rem solid #000;border-radius: 1.5rem;color: #333;text-align: center; width: 5.2rem;font-size: 0.9rem;line-height: 2.2rem;}
.wap-header .head-right .trial{margin-right: 1.1875rem; background: #009ae7;border-color: #009ae7; transition:0.6s; color:#fff}
.wap-header .head-right a:hover{background: #009ae7;border-color: #009ae7; transition:0.6s; color:#fff}
.search-button img{display: block; margin-top: 22.5px; margin-right: 15px;}
.search-con{ position: fixed;top:0;width:100%;left:0;height: 100vh; background: #fff;display: none; }
.search-content{display: flex; align-items: center; justify-content: center; height: 100vh;}
.search-form{display: flex; width: 90%; align-items: center; justify-content: center;}
.search-form input{display: inline-block; font-family: "Microsoft YaHei"; outline: none; border: none; font-size: 1.2rem; line-height: 3.5rem; color: #333; height: 3.5rem; }
.search-form .search-text{width: calc(100% - 6rem); background: #fff; border: 0.0625rem solid #ccc; text-indent: 2rem; box-sizing: border-box; border-right: none;}
.search-form .search-sub{width: 6rem; color: #fff; background: #e30613;}
.wap-close{display: flex; width: 3.125rem; height: 3.125rem; background: #000; align-items: center; justify-content: center; position: absolute; right: 1.25rem; top: 1.25rem;}
.wap-close img{display: block}
.container-s{max-width:96%}
.iso dl dd{padding: 0 2%;}
.about-list dl .info strong{font-size: 1.2rem;}
/*2023.6.25*/
.lead-editbox>p:first-child>span>strong>span{font-size: 2.5rem!important}
.lead-editbox>p:first-child>span>span{font-size: 2.5rem!important}
/* 内页关于我们 - Teverola 1 e 2 */
.teverola ul li .info { padding: 2rem 3% 0; }
/* 内页应用详情页 */
.app-mess, .appmess-bg{height: 65rem;}
.app-mess-w{width: 96%;}
/* 内页新闻详情页 */
.newsxq-arrow {display: none;}
.wap-newsxqarrow{display: flex; justify-content: space-between; max-width: 96%; margin: 2rem auto 0;}
.wap-newsxqarrow em{display: block; color: #020d26;}
.wap-newsxqarrow a{color: #020d26;}
.wap-newsxqarrow a:hover{color: #e30613;}
.newsxq-title strong{font-size: 2rem;}
#recom-prev, #recom-next{display: none;}
#recom-num{display: block;}
.recom-newslist{padding-bottom: 5rem;}
.about-list dl .info{padding: 0 2%; display: flex; justify-content: center; flex-direction: column;}
}
@media screen and (min-width:200px) and (max-width:960px) {
/* 首页 banner */
.banner{height: 28rem; }
/* FAAM由 Seri 工业百分百控制 */
.seri-con{flex-direction: column; text-align: center;}
.seri-con .index-title{margin-bottom: 3rem;}
/* 产品展示 */
.product-list ul li .info{width: 53.6%;}
/* 我们通过IPCEI项目成为欧洲锂电池价值链的一部分 */
.ipcei-list ul li{padding: 3.5625rem 2rem 0;}
/* 留言&邮箱 */
.message { width: 48%; }
/* 公共底部 */
.footer-nav ul li.last-nav{width: auto;}
.footer-nav ul li.last-nav div{width: auto;flex-direction: column;}
/* 内页banner */
.ny-banner .info strong{font-size: 4rem;}
/* 内页关于我们 */
.battery-con{flex-direction: column;}
.battery-con .info{width: 100%; margin-bottom: 2rem;}
.battery-con .index-title strong{text-align: center;}
.battery-con .pic{width: auto;}
.about-list dl{flex-wrap: wrap;}
.about-list dl .item{width: 100%;}
.about-list dl:nth-child(2n) .item{flex-direction:inherit}
.about-list dl .item:last-child{flex-direction: row-reverse;}
/* 内页关于我们 - Teverola 1 e 2 */
.teverola ul li .info h2 { font-size: 1.5rem; margin-bottom: 0.5rem;}
.teverola ul li .info { padding: 1.5rem 3% 0; }
.teverola ul li .info strong{margin-bottom: 0;}
.teverola ul li .info em{margin-bottom: 0.1rem;}
/* 内页应用详情页 */
.appxq-title h2{font-size: 2.8rem;}
.app-messcon{flex-direction: column-reverse; flex-wrap: wrap;}
.appmess-bg,.app-mess{width: 100%;}
.appmess-bg{height: 24rem; background-size: cover!important;}
.app-mess{height: auto; padding: 3rem 0;}
.app-title{flex-direction: column;}
.app-title strong{text-align: center; margin-bottom: 2rem;}
.app-title .info{width: 100%;}
/* 锂技术产品详情页 */
.lead-main .app-title { margin-bottom: 10rem; }
.lead-list ul li .info{bottom: 2rem;}
/* 内页新闻列表页 */
.nynews-title strong{font-size: 3rem;}
/* 内页联系我们 */
.contact-con{flex-direction: column;}
.contact-left,.contact-right{width: 100%;}
.contact-tel .index-title,.contact-add .index-title{text-align: center;}
/* 可持续性 */
.compliance-down{width: 100%;}
.compliance-down ul li{width: 30%;}
.compliance-down ul li:nth-child(2n){width: 60%;}
.iso{flex-wrap: wrap;}
.iso dl{width: 100%;}
.iso dl:nth-child(2n){flex-direction: row-reverse;}
/*2023.6.25*/
.table1 tr td{display: block!important; width: 100%!important}
}
@media screen and (min-width:200px) and (max-width:768px) {
/* 产品展示 */
.product .index-title {text-align: center;}
.product-list ul li{flex-direction: column!important; }
.product-list ul li .info,.product-list ul li .pic{ margin-bottom: 2rem; width: 100%;}
.product-list ul li .pic{width: auto;}
.product-list ul li:nth-child(2){flex-direction: inherit;}
.product-list ul li .index-more{margin: 3rem auto;}
.product-list ul li .info span{text-align: center;}
/* 我们通过IPCEI项目成为欧洲锂电池价值链的一部分 */
.ipcei-list{height: auto;}
.ipcei-list ul{flex-wrap: wrap;}
.ipcei-list ul li{width: 50%;}
/* 应用 */
.app-list ul li{ width: calc(100% / 3 - 2.3%);}
/* 留言&邮箱 */
.pannel-con{flex-wrap: wrap;}
.message{width: 100%; margin-bottom: 4rem;}
.mailbox-list ul{display: flex;flex-wrap: wrap; justify-content: space-between; }
/* .mailbox-list ul li{width: 50%;} */
.mailbox-list ul li .index-title strong, .mailbox-list ul li .index-title h2{font-size: 2.5rem;}
/* 内页关于我们 - Teverola 1 e 2 */
.teverola{margin-top: 4rem;}
.teverola ul{flex-wrap: wrap;}
.teverola ul li{width: 100%;}
.teverola ul li .info{display: flex; flex-direction: column; justify-content: center;}
.teverola-con{padding: 3rem 0;}
.teverola-con .container-s{flex-direction: column;}
.teverola-title,.teverola-details{width: 100%;}
.teverola-title{text-align: center; margin-bottom: 1.5rem;}
.energy{padding: 4rem 0;}
.pillar .pic{width: 100%;}
/* 内页应用详情页 */
.appxq .appxq-title strong{display: inline-block;}
/* 锂技术产品详情页 */
.lithium-banner .info{justify-content: center; left: 0;}
.lithium-pannel{padding: 5rem 0;}
.lithium-pannel .container{flex-direction: column;}
.lithium-pannel .pic, .lithium-pannel .info{width: 100%;}
.nynews-list ul li{width: 48%;}
/* 可持续性 */
/*.continue-con{flex-direction: column;}*/
.continue-left,.continue-right{width: 100%;}
.continue-con .index-title strong{text-align: center;}
.continue-left{margin-bottom: 3rem;}
.continue-con .index-title h3{margin-bottom: 2rem;}
.innovation{flex-direction: column;}
.innovation .info{width: 100%;}
.innovation .index-title{text-align: center; margin-bottom: 3rem;}
/*2023.6.29*/
.app-list ul:after{ content: ''; width: calc(100% / 3 - 2.3%)}
/*2023.6.29*/
.footer-nav ul li{display: none;}
/*.footer-nav ul li.last-nav{width: 100%;}*/
.footer-nav ul li.last-nav div { flex-direction: initial; justify-content: space-between;}
.footer-nav ul li.last-nav{width: 60%}
.footer-nav ul li:nth-child(3){display: block;}
.footer-nav ul li:last-child{display: block;}
}
@media screen and (min-width:200px) and (max-width:640px) {
/* 首页 banner */
.banner{height: 18rem; }
/* FAAM由 Seri 工业百分百控制 */
.index-title strong, .index-title h2{font-size: 1.4rem!important;}
.seri .index-title h2{margin-bottom: 0.5rem;}
.seri-con .index-title{margin-bottom: 2.5rem;}
/* 产品展示 */
.product{padding: 3rem 0 0;}
.product-list ul li .pic{width: 80%;}
.index-more{width: 9rem; text-indent: 1rem;}
.index-more::after{right:1rem}
.product-list ul li .index-more{margin: 2rem auto 0;}
.product-list ul li{margin-bottom: 2rem;}
.product-list ul li .info span{margin-top: 2rem;}
/* 我们通过IPCEI项目成为欧洲锂电池价值链的一部分 */
.ipcei{padding: 3rem 0 8.8125rem;}
.ipcei-list ul li{padding: 2rem 1rem 1.5rem; height: auto;}
.ipcei-list ul li:first-child,.ipcei-list ul li:nth-child(2){border-bottom: 1px solid #EDEDED;}
.ipcei-list ul li img{width: 2.5rem; height: 2.5rem;}
.ipcei-list ul li strong{font-size: 1.2rem;}
.ipcei-list ul li p{margin-top: 1rem;}
/* 应用 */
.app{padding-bottom: 3rem;}
.app .index-title{margin-bottom: 2rem;}
.app-list ul li{ width: calc(100% / 2 - 2.3%); margin-bottom: 2.3%;}
.app-list ul li .info{width: auto; left: 1rem; bottom: 1rem;}
.app-list ul li .info strong{font-size: 1.2rem; margin-bottom: 1rem;}
.app-list ul li .info span{width: 6rem; line-height: 2.5rem;}
/* 历程 */
.join{padding: 3.5rem 0; margin-bottom: 3.5rem;}
.join-con{flex-direction: column;text-align: center;}
.join-con .info,.join-con .pic{width: 100%;}
.join-con .info .index-more{text-align: left; margin: 2rem auto 3rem;}
/* 新闻 */
.news{padding-bottom: 3rem;}
.news .index-title{margin-bottom: 2rem;}
.news-list ul li .info{padding: 1.125rem 1.875rem 4rem;}
#news-num{display: block; bottom: 2.5rem;}
/* 留言&邮箱 */
.pannel{padding: 3rem 0;}
.message{margin-bottom: 3rem;}
.mailbox-list ul li{margin-bottom: 1.5rem;}
.message .index-title{text-align: center;}
/* 公共底部 */
.footer-top{padding: 3rem 0 1.5rem;}
.footer-logo{margin-bottom: 1.5rem;}
/* 内页banner */
.ny-banner .info strong{font-size: 1.5rem;}
/* 内页关于我们 */
.battery{padding: 3rem 0 1rem;}
.battery-con{margin-bottom: 3rem;}
.battery-con .info{margin-bottom: 1rem;}
.battery-con .index-title h3{margin-bottom: 1rem;}
.battery-ys{flex-wrap: wrap;}
.battery-ys .index-title{width: 100%; margin-bottom: 2rem;}
.about-list dl .item{flex-wrap: wrap;}
.about-list dl .pic, .about-list dl .info{width: 100%;}
.about-list dl .info{padding: 2rem 2%;}
.about-list dl .info strong{font-size: 1.2rem;}
/* 内页关于我们 - Teverola 1 e 2 */
.teverola{margin-top: 3rem;}
.teverola ul li .info{padding: 0 3%;}
.teverola ul li .info h2{font-size: 1.2rem;}
.teverola ul li .info strong{font-size: 1rem;}
.teverola-title{margin-bottom: 0.8rem;}
.teverola-title h2,.energy .teverola-title h2{font-size: 1.4rem;}
.teverola-details h3{font-size: 1.1rem; line-height: 1.8rem;}
.teverola-con{padding: 2.5rem 0 1rem;}
.energy {padding: 2rem 0 3rem;}
.energy .teverola-title{margin-bottom: 0;}
.pillar{padding: 3rem 0;}
.cycle{padding: 2.875rem 0 4rem;}
/* 应用列表页 */
.ny-main{padding: 2rem 0;}
.app-title{margin-bottom: 3rem;}
.app-title strong{font-size: 1.4rem; text-align: center;}
.app-title{flex-direction: column;}
.app-title .info{width: 100%;}
.solutions{margin-bottom: 4rem;}
.solutions .index-title { margin-bottom: 1rem; }
.solutions-list ul li{padding: 1rem 0; line-height: 1.3rem; width: 47%;}
/* 内页应用详情页 */
.appxq-title{margin-bottom: 1rem; }
.appxq-title h2 { font-size: 1.4rem; text-align: center;}
.appxq{flex-direction: column}
.appxq .pic, .appxq .info{width: 100%;}
.appxq .info{padding: 2rem 2%;}
.appmess-bg{height: 15rem;}
.app-desc{text-align: left; text-indent: 2rem;}
.app-form em{text-align: center; display: block; margin-bottom: 2rem;}
.app-mess-w .appxq-title{margin-bottom: 0;}
/* 内页banner背景样式 */
.banner-bg{height: 12rem;}
.lithium-bg-banner{height: 12rem;}
/* 锂技术产品详情页 */
/*.lithium-pic img{width: 66%;}*/
.lithium-banner .info b{font-size: 1.8rem; }
.lithium-main .index-title { margin-bottom: 3rem; }
.lithium-pannel{padding: 4rem 0 3rem;}
.lithium-pannel .info h4{font-size: 1.3rem;}
.lithium-pannel .pic{margin-bottom: 2rem;}
.lithium-pannel .pic img{width: 50%;}
.down-list ul i{width: 15px; height: 15px;}
.down-list ul i:before, .down-list ul i:after{width: 14px;}
/* 铅技术产品列表页 */
.lead-main .app-title strong{margin-bottom: 0rem;}
.lead-main .app-title { margin-bottom: 3rem;}
.lead-list ul li{width: 100%}
/*.lead-list ul li .info{bottom: 1rem; left: 1rem;}*/
.lead-list ul li .info em{margin-bottom: 1.5rem; font-size: 1.2rem;}
/* .lead-list ul li .info{position: relative; bottom: auto; left: auto;}
.lead-list ul li .info span{display: none;}
.lead-list ul li .info em{color: #333;} */
/* 内页新闻列表页 */
.news-main{padding: 0 0 3rem;}
.nynews-title strong { font-size: 1.4rem; }
.nynews-title{padding: 1.5rem 0; margin-bottom: 2rem;}
.nynews-list ul li{width: 100%; margin-bottom: 2rem;}
.nynews-list ul li .info { padding: 1.5rem 2%; }
.nynews-list ul li .info strong{font-size: 1.2rem;}
.nynews-list ul li .info p{margin-bottom: 1rem;}
/* 内页新闻详情页 */
.newsxq-title{padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.news-share{margin-bottom: 3rem;}
.wap-newsxqarrow{display: block;}
.wap-newsxqarrow{margin: 1rem auto;}
.wap-newsxqarrow em{line-height: 2rem;}
.recom-con{margin-bottom: 3rem;}
.recom-news-title strong{font-size: 1.3rem; margin-bottom: 1.5rem;}
.recom-newslist { padding-bottom: 2rem; }
.recom-newslist ul li .info{padding: 2rem 2%;}
.contact-con{margin-bottom: 2rem;}
.mess-contact { margin-top: 3rem; }
/* 可持续性 */
.continue{padding: 3rem 0;}
.compliance{margin-bottom: 1rem;}
.ys{margin-bottom: 4rem;}
.metal{margin-bottom: 6rem;}
.innovation .index-title{margin-bottom: 1.2rem;}
.innovation .info ul li{width: 100%; margin-bottom: 1rem;}
.innovation .info ul li strong{font-size: 1.2rem;}
.iso dl { align-items: center;}
.iso dl dd{padding: 3rem 2%;}
.iso dl dd strong{font-size: 1.2rem; margin-bottom: 1rem;}
.iso dl dd p{margin-bottom: 2rem;}
.iso dl dd a{width: 6rem; line-height: 3rem;}
.lead-list ul li .info em{bottom: 3rem}
.lead-list ul li .info span{width: 6rem; line-height: 2.2rem; bottom: 1rem}
/*2023.6.25*/
.lithium-desc strong>span{font-size: 1.3rem!important}
.lithium-desc p>span{font-size: 1rem!important;}
.lead-editbox>p:first-child>span>strong>span{font-size: 1.35rem!important}
.lead-editbox>p:first-child>span>span{font-size: 1.35rem!important}
.lead-editbox p>span{font-size: 1rem!important;}
.table1 strong>span{font-size: 1.35rem!important}
.lead-editbox table tr td{display: block!important; width: 100%!important}
.lead-editbox table tr td:nth-child(2) p:first-child>span{font-size: 1.35rem!important; text-align: center; display: block; line-height: 0.5rem!important; margin-top: 1rem}
.lead-editbox table tr td:nth-child(2) p:nth-child(2){display: none;}
.footer-nav ul li.last-nav div{display: block;}
.footer-nav ul li.last-nav{width: auto;}
/*2023.6.29*/
.foot-wechat{display: none;}
.continue-con{flex-direction: column;}
.continue-left{margin-bottom: 0}
.compliance-down ul li{margin-left: 0}
.compliance-down ul{justify-content: space-evenly;}
}