@charset "utf-8";

header { height: .93rem; padding-top: .04rem; background: #fff url(../images/headerBG.jpg) left top repeat-x; background-size: .5rem .04rem; }

#headerBody { width: 100%; height: 100%; margin: 0 auto; }

#logo { width: 50%; height: 100%; float: left; background: url(../images/logo.jpg)center center no-repeat; background-size: 100%; margin-left: 4%; }

#navIco { width: .89rem; height: .89rem; float: right; cursor: pointer; }

#navIco span,
#navIco:before,
#navIco:after { position: absolute; left: .25rem; width: .39rem; height: .04rem; border-radius: .03rem; background-color: #999aa1; display: block; content: ''; }

#navIco span { top: .42rem; }

#navIco:before { top: .33rem; }

#navIco:after { top: .52rem; }

#nav { position: absolute; width: 100%; background: #0798be; top: .89rem; z-index: 100; }

#nav .navUnit { height: 0rem; transition: all 0.5s ease 0s; overflow: hidden; }

#nav .navUnit >a { display: block; width: 100%; height: .89rem; overflow: hidden; background: url(../images/dot-w.png) left center no-repeat; background-size: .85rem .85rem; padding-left: .6rem; }

#nav.current .navUnit { height: auto; border-bottom: .01rem #2fa8c8 solid; }

#nav .navUnit:last-child { border: none; }

#nav .nuTitle { line-height: .89rem; color: #fff; background-position: right center; background-repeat: no-repeat; background-image: url(../images/arrowClose-w.png); background-size: .85rem .85rem; font-size: .24rem; }

#nav .navUnit a div.currentBG { background-image: url(../images/arrowOpen-w.png); }

#nav .LangUnit { padding-left: .6rem; background: none; }

#nav .subNav { width: 100%; overflow: hidden; background: #0d8bab; }

.snBody { width: 100%; overflow: hidden; }

.snUnits { width: 100%; overflow: hidden; border-bottom: .01rem #2fa8c8 solid; padding-left: .6rem; height: 0; transition: all 0.5s ease 0s; }

#nav .subNav .snBody >div.current { height: auto; }

.snUnits:last-child { border: none; }

.snUnit { width: 100%; height: .89rem; line-height: .89rem; background-repeat: no-repeat; background-image: url(../images/arrowClose-w.png); background-size: .85rem .85rem; color: #fff; background-position: right center; font-size: .24rem; }

.snPic { display: none; }

#search { float: right; border-right: #e3e3e3 .01rem solid; height: 100%; border-left: #e3e3e3 .01rem solid; }

#searchBody { padding-top: .29rem; }

#Keyword { height: .29rem; line-height: .29rem; color: #333; border: none; padding-left: .1rem; float: left; width: .39rem; background: url(../images/searchICO.jpg) right center no-repeat; transition: all 0.5s ease 0s; padding-right: .39rem; outline: none; margin: 0 .23rem; background-size: .39rem .35rem; }

#Keyword.current { border: #e3e3e3 .01rem solid; width: 1.2rem; margin: 0 .05rem; }

#langTop { display: none; }

#homeBanner { width: 100%; overflow: hidden; margin: 0 auto; }

#hbWrap { width: 100%; height: 100%; }

#hbWrap >ul >li { float: left; }

#hbWrap img { width: 100%; }

#homeNews { height: .55rem; margin-top: .165; }

#hnTitle { float: left; height: .22rem; padding-left: .1rem; border-right: #e3e3e3 .01rem solid; padding-right: .16rem; margin-top: .165rem; }

#hntCN { font-size: .24rem; color: #000; line-height: .22rem; padding-right: .05rem; float: left; }

#hntEN { float: left; text-transform: uppercase; font-size: .12rem; }

#hnBody { width: 62%; float: left; height: .55rem; overflow: hidden; padding-left: .1rem; }

#hnbWrap { height: .55rem; }

#hnbWrap ul li { height: .55rem; float: left; }

#hnbWrap ul >li div { line-height: .55rem; height: .55rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .2rem; }

#hnControl { width: 1rem; height: .55rem; float: right; cursor: pointer; display: none; }

#hnControl a { width: .5rem; height: .55rem; display: block; float: left; padding: .22rem .205rem; }

#hnControl img { width: .05rem; }

#homePro { width: 100%; overflow: hidden; margin: 0 auto; }

#hpControls { width: 100%; height: .15rem; position: absolute; bottom: .05rem; text-align: center; z-index: 10; }

#hpControls a { display: inline-block; width: .15rem; height: .15rem; border-radius: .75rem; background: #939393; cursor: pointer; margin-right: .2rem; }

#hpControls a:last-child { margin: 0; }

#hpControls a.flex-active { background: #9cc947; }

#hpControls .flex-control-nav { bottom: 0; }

#hpWrap { width: 100%; height: 100%; }

#hpWrap ul >li { float: left; }

#hpWrap ul >li img { width: 100%; }

#homeSlides { width: 100%; overflow: hidden; }

.hsUnits { width: 100%; height: auto; overflow: hidden; }

.blackBottom { position: absolute; width: 100%; height: .55rem; bottom: 0rem; background: rgba(0,0,0,0.9); line-height: .55rem; padding: 0 .1rem; z-index: 5; }

.blackBottom h1 { font-size: .24rem; color: #fff; float: left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: .55rem; line-height: .55rem; margin: 0; }

.blackBottom .more { display: block; float: right; color: #fff; font-size: .18rem; }

.hsUnits img { width: 100%; top: 0; left: 0; }

.hsuControls { position: absolute; right: 0rem; bottom: .22rem; z-index: 10; width: 100%; }

.hsuControls .flex-control-nav { bottom: 0; text-align: right; }

.hsuControls .flex-control-nav li { margin: 0; float: right; }

.hsuControls .flex-control-nav a { display: block; width: .11rem; height: .11rem; background: #fff; margin: 0; padding: 0; margin-right: .11rem; float: left; border-radius: 0; text-indent: 10rem; }

.hsuControls .flex-control-nav a.flex-active,
.hsuControls .flex-control-nav a:hover { background: #9cc947; }

.hsWrap { width: 100%; height: 100%; overflow: hidden; }

.hsWrap ul { height: 100%; }

.hsWrap ul >li { width: 100%; height: 100%; float: left; overflow: hidden; }

.hsWrap div.flex-viewport { height: 100%; }

.hsWrap div.flex-viewport { height: 100%; }

footer { width: 100%; background: #5f5f5f; }

#botNav { display: none; }

#botContact { width: 100%; padding: .4rem .35rem; overflow: hidden; }

#botQR { width: 1.77rem; float: right; display: none; }

#botCBody { width: 100%; color: #fff; line-height: .28rem; font-size: .18rem; }

#botCBody a { color: #fff; }

#botCBody h1 { color: #fff; font-size: .24rem; }

#botCBody h2 { color: #fff; font-size: .30rem; margin: .15rem 0; }

#Copyright { width: 100%; background: #4a4a4a; padding: .2rem 0; overflow: hidden; font-size: .12rem; }

#copyBody { width: 100%; height: .26rem; color: #fff; }

.cbUnit { line-height: .26rem; display: none; font-size: .18rem; text-align: center; }

.cbUnit:first-child { display: block; }

#sel_link { width: 1.5rem; height: .26rem; color: #000; }

#sel_link * { color: #000; }

#powerby { float: right; height: .26rem; line-height: .26rem; color: #fff; display: none; }

#powerby a { color: #fff; }

/*	产品频道*/
#pageBanner { width: 100%; }

#pnavTitle { bottom: 0rem; height: .8rem; padding-left: .16rem; color: #fff; z-index: 5; position: absolute; width: 100%; top: -.8rem; }

#pnavTitle.subNav { bottom: 0rem; height: .8rem; padding-left: .16rem; color: #fff; z-index: 5; position: absolute; width: 100%; top: -.8rem; cursor: pointer; background: url(../images/arrowD-White.png) right center no-repeat; background-size: .19rem; }

#pntCN { float: left; height: .8rem; line-height: .8rem; font-size: .48rem; }

#pntEN { padding-left: .13rem; float: left; padding-top: .43rem; }

#rc #pnavTitle { top: -1.5rem; overflow: hidden; height: auto; }

#rc #pntCN { line-height: .6rem; font-size: .48rem; float: none; overflow: hidden; height: auto; }

#rc #pntEN { height: .34rem; line-height: .34rem; padding: 0; float: none; }

#pageBanner img { width: 100%; }

.greenBar { width: 100%; height: .06rem; background: #9cc94a; }

#pageContent { width: 100%; overflow: hidden; }

#singelImg { margin: 0 -19%; margin-top: .5rem; width: 140%; left: 50%; }

#proIntro { padding: .33rem 0; line-height: .28rem; margin: 0 auto; width: 100%; }

#proCateBtn { width: 100%; padding-bottom: .9rem; overflow: hidden; }

.pcbUnit { width: 100%; padding: .54rem .35rem; overflow: hidden; border-bottom: #e4e4e4 .01rem solid; }

.pcbUnit img { width: 100%; }

.pcbuTitle { padding-top: .28rem; font-size: .3rem; width: 100%; color: #484848; text-align: center; font-weight: bold; }

.pcbuEN { padding: 0 .12rem; color: #9cc94a; font-size: .12rem; width: 100%; text-align: center; cursor: default; text-transform: uppercase; }

.pcbuBtn { margin: 0 auto; margin-top: .17rem; width: 84%; height: .63rem; background: #9cc94a; line-height: .63rem; text-align: center; color: #fff; font-size: .18rem; }

.pcbuBtn:hover { border: none; background: #9cc94a; color: #fff; }

/*	新闻列表*/
#subContent { overflow: hidden; padding-top: .24rem; padding-bottom: .7rem; }

#cLeft { width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 5; }

#subNav { width: 100%; overflow: hidden; }

.snavUnit { width: 100%; background: rgba(6,152,189,.96); height: 0rem; transition: all 0.5s ease 0s; z-index: 50; }

#subNav.current .snavUnit { height: .88rem; border-bottom: #4bb0ca .01rem solid; }

.snuBody { width: 100%; height: 100%; line-height: .88rem; text-align: center; color: #fff; }

#clBtns { display: none; }

#cRight { width: 97.9%; margin: 0 auto; }

#crTitle { height: .39rem; border-bottom: #dbdbdb .01rem solid; }

#crtText { height: 100%; font-size: .24rem; float: left; }

#crtBread { display: none; }

#crBody { width: 100%; overflow: hidden; }

.listNews { margin-top: .18rem; overflow: hidden; }

.imgNews .lnPic { float: left; width: 27.1%; }

.imgNews .lnPic img { width: 100%; height: 100%; }

.imgNews .lnContent { width: 69.7%; float: right; }

.imgNews .lnTitle { height: 35%; font-size: .24rem; color: #0698bd; }

.imgNews .lnIntro { height: 65%; line-height: .2rem; overflow: hidden; font-size: .18rem; display: none; }

.imgNews .lnMore { display: none; }

.imgNews .lnJia { display: none; }

.imgNews .lnDate { display: none; }

.textNews { margin: 0; border-bottom: #dedede .01rem solid; margin-top: .1rem; }

.textNews .lnPic { background: url(../images/textICO.jpg) left .1rem no-repeat; width: 5%; height: .44rem; float: left; background-size: .16rem .18rem; }

.textNews .lnPic img { display: none; }

.textNews .lnContent { width: 95%; float: right; }

.textNews .lnTitle { width: 100%; line-height: .24rem; color: #666; float: left; }

.textNews .lnIntro { display: none; }

.textNews .lnMore { display: none; }

.textNews .lnJia { display: none; }

.textNews .lnDate { width: 100%; line-height: .44rem; color: #666; clear: both; }

.listDown .lnDate { background: url(../images/downloadICO.jpg) left center no-repeat; padding-left: .22rem; color: #000; background-size: .14rem .44rem; }

.simpleIntro { width: 100%; height: #000; line-height: .3rem; padding: .25rem 0; }

.simpleIntro p { margin: 0; }

/*新闻详情*/
#cbNewsTitle { width: 100%; padding: .25rem 0rem; border-bottom: #e8e8e8 .01rem solid; }

#cbNewsTitle h1 { font-size: .24rem; margin: 0; padding-bottom: .17rem; text-align: justify; }

#cbntIntro { width: 100%; overflow: hidden; }

#cbntIntro div { height: .45rem; }

#cbContent { padding-top: .25rem; line-height: .33rem; text-align: justify; }

#cbContent img { max-width: 98%; margin: 0 auto; }

/*图文列表*/

#listSquare { width: 100%; padding-top: .3rem; padding-bottom: .7rem; overflow: hidden; }

.lsUnit { width: 47%; overflow: hidden; padding-top: .3rem; float: left; margin-right: 5.5%; }

.lsUnit img { width: 100%; height: 1.7rem; }

.lsUnit h1 { line-height: .3rem; width: 100%; text-align: center; font-size: .18rem; min-height: .9rem; }

/*关于我们*/
	
#cbContent video { width: 100%; height: 3.85rem; margin: .35rem 0; z-index: 1; display: block; }

#cbContent.cbcAbout { padding-bottom: .42rem; }

#cbContent.cbcAbout >h1 { line-height: .3rem; font-size: .24rem; font-weight: bold; color: #8bda3b; margin: 0; }

#aboutSlide { width: 100%; overflow: hidden; }

#asBigTitle { height: .4rem; width: 100%; color: #8dba3b; font-size: .18rem; border-bottom: #e5e5e5 .01rem solid; margin-bottom: .25rem; }

#aboutsWrap { width: 100%; overflow: hidden; }

#asBig { float: left; width: 100%; height: 2.56rem; }

#asControls { position: absolute; right: 0; bottom: .15rem; z-index: 5; }

#asbWrap { width: 100%; height: 100%; overflow: hidden; }

#asbWrap ul >li { width: 100%; height: 2.56rem; }

.asBottom { position: absolute; width: 100%; height: .4rem; bottom: 0rem; line-height: .4rem; color: #fff; padding: 0 .18rem; background: #000; }

#asbWrap ul >li img { width: 100%; height: 100%; }

#asThumb { display: none; }

#asControls .flex-control-nav { position: relative; width: auto; bottom: 0; }

#asControls .flex-control-nav li { float: left; width: .12rem; height: .12rem; margin: 0; margin-right: .1rem; }

#asControls .flex-control-nav li a { background: #fff; border-radius: 0; width: .12rem; height: .12rem; }

#asControls .flex-control-nav li a.flex-active { background: #8dba3b; }

/*大事记-时间轴*/
#historyBody { width: 98%; overflow: hidden; margin: 0 auto; margin-top: .28rem; }

.hisBtn { width: 100%; height: .13rem; cursor: pointer; background-repeat: no-repeat; background-size: .15rem .13rem; clear: both; }

#hisUp { background-image: url(../images/arrowU-Blue.png); }

#hisbWrap { width: 100%; margin: .1rem 0; overflow: hidden; background: #fff url(../images/hisLine.jpg) .08rem 0 repeat-y; background-size: .01rem; }

#fadeOut { width: 100%; height: .97rem; bottom: 0; left: 0; background: url(../images/fadeout.png) repeat-x; background-size: auto .97rem; position: absolute; z-index: 10; }

#hisDown { background-image: url(../images/arrowD-Blue.png); cursor: default; opacity: 0.4; }

.hisUnit { width: 100%; overflow: hidden; }

.hisuPoint { width: .11rem; height: .11rem; float: left; border-radius: .05rem; background: #0698bd; margin-right: .32rem; margin-top: .4rem; margin-left: .03rem; }

.hisUnit:nth-of-type(even) .hisuPoint { background: #abd3e2; }

.hisuContent { float: left; padding: .25rem 0; overflow: hidden; width: 90%; border-bottom: #efefef .01rem solid; }

.hisYear { float: left; font-size: .3rem; height: 100%; color: #0698bd; padding-right: .2rem; }

.hisucLists { float: left; overflow: hidden; padding-top: .1rem; width: 100%; display: none; }

#hisUnits >div.current .hisucLists { display: block; }

.hisucUnit { overflow: hidden; margin-bottom: .25rem; }

.hisucUnit:last-child { margin: 0; }

.hisMonth { float: left; padding-right: .2rem; color: #0698bd; font-weight: bold; }

.hisucuContent { float: left; line-height: .26rem; width: 100%; overflow: hidden; }

/*联系我们*/
#contactBody { width: 100%; overflow: hidden; }

.contactUnit { overflow: hidden; }

.cauTitle { height: .35rem; padding: .05rem .25rem 0rem; background: #0698bd; }

.cartTab { padding: 0 .3rem; height: .3rem; line-height: .3rem; color: #fff; float: left; cursor: pointer; }

.cauTitle div.current { background: #fff; color: #000; font-weight: bold; }

.cauContent { display: none; }

.contactUnit >div.current { display: block; }

.caucTab { width: 100%; border-bottom: #e5e5e5 .01rem solid; padding: 0 .26rem; overflow: hidden; }

.caucTab div { width: 1.3rem; float: left; height: 100%; line-height: .8rem; cursor: pointer; }

.caucTab div.current { color: #0698bd; }

.caucList { padding: 0 .27rem; display: none; padding-bottom: .5rem; overflow: hidden; clear: both; }

.cauContent h1 { margin: 0; padding: 0 .27rem; height: .7rem; line-height: .7rem; font-size: .24rem; }

.cauContent div.current { display: block; }

.caucUnit { width: 100%; overflow: hidden; }

.caucuTitle { height: 100%; float: left; line-height: .26rem; }

.caucuContent { float: left; line-height: .26rem; }

/*乘车路线*/

#guide { width: 100%; overflow: hidden; }

#guideTab { width: 100%; overflow: hidden; padding: 0 .1rem; border-bottom: #0698bd .02rem solid; }

#guideTab div { float: left; height: 100%; line-height: .75rem; padding: 0 .22rem; cursor: pointer; }

#guideTab .current { color: #0698bd; font-weight: bold; }

#guideTab div span { margin-right: .1rem; }

#guideContent { width: 100%; background: #f6f6f6; padding: .3rem .4rem; overflow: hidden; }

.guideUnit { overflow: hidden; opacity: 0; transition: all 0.5s ease 0s; height: 0; }

#guideContent .current { opacity: 1; height: auto; }

/*招聘列表*/
#jobs { width: 100%; padding: .1rem 0; }

#jobHead { background: #444; color: #fff; height: .9rem; overflow: hidden; }

#jobHead div { height: 100%; line-height: .9rem; float: left; overflow: hidden; font-weight: bold; text-align: center; font-size: .24; }

.jPartment { width: 13%; display: none; }

.jTitle { width: 50%; }

.jArea { width: 11%; display: none; }

.jLength { width: 11%; display: none; }

.jData { width: 25%; }

.jOperation { width: 25%; }

#jobList { width: 100%; overflow: hidden; }

.jobUnit { width: 100%; overflow: hidden; }

.juTitle { height: .9rem; background: #efefef; text-align: center; line-height: .32rem; cursor: pointer; }

.juTitle div { float: left; height: 100%; line-height: .9rem; overflow: hidden; font-size: .18rem; }

.jobUnit:nth-last-of-type(even) .juTitle { background: #dadada; }

.juContent { padding: .3rem .4rem; overflow: hidden; display: none; }

.jobUnit:first-child .juContent { display: block; }

#jobList .current .juContent { padding: .18rem .76rem; height: auto; }

.jucText { width: 100%; overflow: hidden; }

.jucText >h1 { font-size: .2rem; margin: 0; margin-bottom: .12rem; }

.jucText >h1.jobNeed { margin-top: .3rem; }

.jucText >p { font-size: .2rem; line-height: .36rem; margin: 0; }

.jucBtn { width: 3.4rem; height: .6rem; background: #0698bd; line-height: .6rem; color: #fff; text-align: center; margin: 0 auto; font-size: .2rem; }

#jobs .container { background-color: #fff; box-sizing: border-box; padding: .3rem .15rem; }

#jobs .mtitle { padding: 0 .21rem; height: .45rem; line-height: .45rem; font-size: .22rem; font-weight: bold; color: #333; background-color: #f2f2f2; }

#jobs ul { padding: .2rem .2rem .12rem .2rem; }

#jobs li { float: left; width: 100%; height: .3rem; margin-bottom: .18rem; }

#jobs li .l0 { float: left; width: 30%; text-align: right; line-height: .3rem; font-size: .18rem; }

#jobs li .l1 { float: right; width: 70%; }

#jobs .l1 .f0 { box-sizing: border-box; width: 100%; height: .3rem; border: 1px solid #ccc; padding: 0 .05rem; font-size: .18rem; }

#jobs li .l4 { height: 0.3rem; line-height: 0.3rem; font-size: .18rem; }

#jobs .l2 .f0 { box-sizing: border-box; width: 100%; height: .3rem; border: 1px solid #ccc; padding: 0 .05rem; }

#jobs li.ta { width: 100%; box-sizing: border-box; float: none; height: auto; }

#jobs .l5 .f2 { width: 100%; height: 1.4rem; box-sizing: border-box; border: 1px solid #ccc; font-size: .18rem; font-family: 微软雅黑; padding: .05rem; resize: vertical; }

#jobs .btns { text-align: center; }

#jobs .btns .btn { display: inline-block; width: 1.8rem; height: .5rem; line-height: .5rem; text-align: center; color: #fff; font-size: .18rem; margin: 0 .1rem; border: none; cursor: pointer; padding: 0; }

#jobs .btns .submit { background-color: #0698bd; transition: all 0.5s ease 0s; }

#jobs .btns .reset { background-color: #999; transition: all 0.5s ease 0s; }

/*研究中心*/
.rdPC { padding: .42rem 0 .93rem; }

#rcIntro { width: 100%; height: 5.3rem; background: #50b7d1; padding: 0 .2rem; overflow: hidden; margin-bottom: .2rem; }

#rciTitle { height: .92rem; border-bottom: #85cddf .01rem solid; color: #fff; padding: .2rem 0 .12rem 0; }

#rciTitle a { color: #fff; }

.rcMore { position: absolute; right: 0; bottom: .16rem; overflow: hidden; color: #fff; z-index: 10; }

.rcitCN { font-size: .24rem; font-weight: bold; height: .33rem; }

.rcitEN { font-size: .12rem; }

.rcText { padding: .22rem 0 .35rem; overflow: hidden; height: 4.38rem; color: #fff; line-height: .36rem; }

#rcShow { width: 100%; height: 5.3rem; overflow: hidden; }

.rcTitle { height: .75rem; position: absolute; overflow: hidden; top: .21rem; left: .2rem; z-index: 5; color: #fff; }

#rcsControls { position: absolute; right: .34rem; top: 3rem; z-index: 5; width: 100%; }

#rcsControls .flex-control-nav { right: 0; position: relative; width: auto; bottom: 0; float: right; }

#rcsControls .flex-control-nav li { float: left; }

#rcsControls .flex-control-nav li a { background: #fff; }

#rcsControls .flex-control-nav li a.flex-active { background: #0698bd; }

#rcsWrap { width: 100%; height: 100%; }

#rcsWrap ul >li { width: 100%; height: 100%; }

#rcsWrap ul >li >div { width: 100%; height: 5.3rem; }

#rcsWrap ul >li >div img { width: 100%; height: 3.47rem; }

.rcsUnit { background: #0698bd; padding: 0 .3rem; width: 100%; height: 1.83rem; }

.rcsuTitle { width: 100%; height: .7rem; line-height: .7rem; color: #fff; }

.rcsuTitle .rcMore { bottom: 0rem; }

.rcsuText { padding-bottom: .3rem; color: #e5eef3; line-height: .2rem; height: 1.1rem; overflow: hidden; }

#rcIMGs { width: 100%; overflow: hidden; clear: both; padding-top: .2rem; }

#rcIMGs img { width: 100%; margin-bottom: .2rem; }

#rcIMGs a:last-child img { margin: 0; }

/*分页代码*/
#dcms_pager .pages { border: none; text-transform: uppercase; margin: .1rem 0; padding: 0; height: .6rem; clear: both; text-align: center; }

#dcms_pager .pages a { border: .01rem solid #ccc; text-decoration: none; margin: 0 .17rem 0 0; padding: .2rem .5rem; font-size: .18rem; height: .6rem; line-height: .6rem; }

#dcms_pages .pages a:first-child,
#dcms_pages .pages a:last-child { display: block; }

.hiddenPhone { display: none; }

#dcms_pager .pages .pgempty { border: 1px solid #eee; color: #eee; }

#dcms_pager .pages .pgcurrent { border: 1px solid #aeaeae; color: #000; font-weight: bold; background-color: #eee; }

/*消费类电子锂电池*/
#propageBanner { width: 100%; background: #0898bd url(../images/proBannerBG.jpg) center center no-repeat; background-size: 400%; }

#propageBanner .content { overflow: hidden; }

#ppbImg { width: 100; height: 4rem; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: 4rem auto; }

#ppbImg img { display: none; }

#ppbText { width: 100%; padding: 0 .4rem; overflow: hidden; padding-bottom: .4rem; }

#wborder { display: none; }

#ppbtCN { width: 100%; height: .56rem; color: #fff; font-size: .38rem; font-weight: bold; }

#ppbtEN { width: 100%; height: .49rem; font-size: .14rem; color: #fff; }

#ppbtContent { width: 100%; height: auto; overflow: hidden; font-size: .18rem; line-height: .3rem; color: #fff; text-align: justify; }

#ceb_celi { padding-top: .7rem; padding-bottom: .85rem; overflow: hidden; }

.propageTitle { width: 100%; overflow: hidden; margin-bottom: .38rem; }

.ppTitle { width: 100%; overflow: hidden; }

.pptCN { height: .42rem; float: left; margin-right: .1rem; font-size: .36rem; color: #000; }

.pptEN { height: .14rem; float: left; font-size: .14rem; text-transform: uppercase; color: #666; padding-top: .24rem; text-transform: uppercase; }

.cceliUnit { width: 1.7rem; overflow: hidden; float: left; }

.cceliUnit:last-child { margin: 0; }

.cceliImg { position: absolute; top: 0; height: 1.5rem; width: 100%; z-index: 5; }

.cceliImg >img { margin: 0 auto; height: 100%; }

.cceliText { width: 100%; margin-top: 2rem; }

.cceliText h1 { margin-top: 1.2rem; height: .28rem; width: 100%; text-align: center; font-size: .24rem; color: #000; }

.cceliText p { font-size: .12rem; color: #000; width: 100%; text-align: center; }

#ceb_pack { width: 100%; padding-top: .7rem; padding-bottom: .5rem; background: url(../images/proBG1.jpg) no-repeat; background-size: 100% 100%; }

#ceb_pack .content { overflow: hidden; }

.cpackUnit { width: 25%; float: left; }

.cpackUnit img { width: 100%; }

.table { width: 100%; height: 100%; display: table; }

.tablecell { width: 100%; height: 100%; display: table-cell; }

.vcenter { vertical-align: middle; text-align: center; }

#ceb_app { overflow: hidden; padding-top: .05rem; width: 100%; }

#ceb_app .propageTitle { width: 100%; overflow: hidden; margin-bottom: 0; background: #0698bd; padding: 0 2.5%; }

#ceb_app .ppTitle { width: 100%; overflow: hidden; background-image: url(../images/proOpen.png); background-position: right center; background-repeat: no-repeat; }

#ceb_app .propageTitle >.current { background-image: url(../images/proClose.png); }

#ceb_app .pptCN { height: .42rem; float: left; margin: .25rem 0; margin-right: .1rem; font-size: .36rem; color: #fff; }

#ceb_app .pptEN { height: .14rem; float: left; font-size: .14rem; text-transform: uppercase; padding-top: .24rem; margin: .25rem 0; color: #fff; }

.cappUnits { width: 95%; margin: 0 auto; margin-top: .2rem; }

.cappUnit { width: 49%; overflow: hidden; float: left; margin-bottom: .2rem; }

.capuBG { width: 100%; height: 100%; overflow: hidden; background: url(../images/proBG2.jpg) no-repeat; background-size: 100%; }

.cappUnit img { width: 100%; }

.capuTitle { height: .4rem; padding-left: .2rem; line-height: .4rem; color: #fff; background: #818181; }

.cappUnit:nth-child(even) .capuTitle { background: #929292; }

/*动力锂电池*/
#pb_ab { overflow: hidden; padding: .88rem 0 .93rem; }

#pb_ab >img { width: 100%; }

#pb_app1 { background: #f8f8f8; padding: .74rem 0 .87rem; width: 100%; overflow: hidden; }

#pb_app1 .content { overflow: hidden; width: 100%; }

#pb_app1 .propageTitle { width: 95%; margin: 0 auto .38rem; }

#pbappUnits { overflow: hidden; width: 100%; }

.pbappUnit { margin-bottom: .1rem; width: 100%; overflow: hidden; }

.pbappUnit h1 { margin: 0; width: 100%; overflow: hidden; margin-bottom: 0; background: #0698bd; padding: 0 2.5%; }

.pbappUnit p { width: 100%; overflow: hidden; background-image: url(../images/proOpen.png); background-position: right center; background-repeat: no-repeat; height: .26rem; margin: .3rem 0; color: #fff; }

.pbappUnit p.current { background-image: url(../images/proClose.png); }

.pbauimgs { width: 92%; overflow: hidden; margin: .3rem auto 0 .2rem; }

.pbauimg { width: 49%; float: left; margin-bottom: .1rem; }

.pbauimg img { width: 100%; }

#pb_ess { overflow: hidden; padding: .71rem 0 .85rem; }

#pbess1 { margin-bottom: .7rem; overflow: hidden; }

.pbesstitle { height: .67rem; color: #000; font-size: .24rem; font-weight: bold; clear: both; margin: .6rem 0; }

.pbessUnit { width: 33%; float: left; margin-right: 0.5%; overflow: hidden; }

#pbess1 >div:last-child { margin: 0; }

.pbessUnit img { width: 100%; }

.pbessUnit h1 { width: 100%; height: .48rem; line-height: .48rem; color: #000; font-size: .16rem; text-align: center; margin: 0; }

.pbessUnit p { width: 100%; height: .3rem; line-height: .3rem; margin-bottom: .24rem; text-align: center; font-size: .16rem; }

.essbg { width: 100%; height: 88%; border: #92c03e .01rem solid; position: absolute; bottom: 0; left: 0; z-index: -1; }

#pbess2 .essbg { height: 55%; overflow: hidden; border: none; }

#pbess2 >div:last-child { margin: 0; overflow: hidden; }

#pb_app2 { width: 100%; background: #f8f8f8; padding: 0; }

#pb_app2 .content { overflow: hidden; width: 100%; }

#pb_app2 .propageTitle { width: 100%; overflow: hidden; margin-bottom: .2rem; background: #0698bd; padding: 0 2.5%; }

#pb_app2 .ppTitle { width: 100%; overflow: hidden; background-image: url(../images/proOpen.png); background-position: right center; background-repeat: no-repeat; }

#pb_app2 .propageTitle >.current { background-image: url(../images/proClose.png); }

#pb_app2 .pptCN { height: .42rem; float: left; margin: .25rem 0; margin-right: .1rem; font-size: .36rem; color: #fff; }

#pb_app2 .pptEN { height: .14rem; float: left; font-size: .14rem; text-transform: uppercase; padding-top: .24rem; margin: .25rem 0; color: #fff; }

.pbappt { height: 1.33rem; background: #818181; padding: .2rem .15rem; overflow: hidden; width: 95%; margin: 0 auto .2rem; }

.pbappt h1 { height: .3rem; margin: 0; width: 100%; font-size: .18rem; color: #fff; }

.pbappt h1 span { font-size: .14rem; }

.pbappt p { line-height: .18rem; color: #fff; margin: 0; width: 100%; }

/*超级电容*/
#uc_pf1 { margin-bottom: .9rem; overflow: hidden; }

#ucpfImgs { width: 100%; overflow: hidden; }

#ucpfImgs >img { width: 90%; margin: 0 auto .2rem; }

#ucpfImgs >img:first-child { margin-bottom: .2rem; }

.ucpfText { width: 100%; overflow: hidden; }

.ucpfText p { line-height: .4rem; width: 100%; padding-left: .18rem; font-size: .18rem; background: url(../images/arrowR-Black.png) left .15rem no-repeat; background-size: .06rem; }

#uc_pf2 .ucpfText { float: none; width: 100%; }

#uc_app1 { background: #f8f8f8; width: 100%; }

#uc_app1 .content { overflow: hidden; width: 100%; }

#uc_app1 .cappUnits { margin-top: .2rem; }

#uc_app1 .cappUnit { width: 47.5%; }

#uc_app1 .capuTitle { height: .6rem; padding: 0 .2rem; line-height: .6rem; }

#uc_pf2 { padding: .8rem 0; overflow: hidden; }

#uc_app2 { background: #f8f8f8; width: 100%; }

#uc_app2 .content { overflow: hidden; width: 100%; }

#uc_app2 .cappUnits { margin-top: .2rem; }

#uc_app2 .cappUnit { width: 47.5%; }

#uc_app2 .capuTitle { line-height: normal; padding: .2rem; height: auto; overflow: hidden; }

#uc_app2 .capuTitle p { height: .4rem; line-height: .4rem; width: 100%; }

#uc_app1 .propageTitle { width: 100%; overflow: hidden; margin-bottom: 0; background: #0698bd; padding: 0 2.5%; }

#uc_app1 .ppTitle { width: 100%; overflow: hidden; background-image: url(../images/proOpen.png); background-position: right center; background-repeat: no-repeat; }

#uc_app1 .propageTitle >.current { background-image: url(../images/proClose.png); }

#uc_app1 .pptCN { height: .42rem; float: left; margin: .25rem 0; margin-right: .1rem; font-size: .36rem; color: #fff; }

#uc_app1 .pptEN { height: .14rem; float: left; font-size: .14rem; text-transform: uppercase; padding-top: .24rem; margin: .25rem 0; color: #fff; }

#uc_app2 .propageTitle { width: 100%; overflow: hidden; margin-bottom: 0; background: #0698bd; padding: 0 2.5%; }

#uc_app2 .ppTitle { width: 100%; overflow: hidden; background-image: url(../images/proOpen.png); background-position: right center; background-repeat: no-repeat; }

#uc_app2 .propageTitle >.current { background-image: url(../images/proClose.png); }

#uc_app2 .pptCN { height: .42rem; float: left; margin: .25rem 0; margin-right: .1rem; font-size: .36rem; color: #fff; }

#uc_app2 .pptEN { height: .14rem; float: left; font-size: .14rem; text-transform: uppercase; padding-top: .24rem; margin: .25rem 0; color: #fff; }