.topic-container .wrapper {margin:80px auto;width:1400px;}
.topic-container h1 {font-family:"microsoft Yahei";color:#1d1d1d;text-transform:uppercase;text-align:center;font-size:30px;letter-spacing:2px;margin-bottom:60px;}
.topic-container .what-text {font-size:16px;line-height:32px;margin:30px auto 60px;text-align:center;width:80%;color:#666;}
.topic-container .what-icons {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:100px;}
.topic-container .what-icons li {text-align:center;width:16%;}
.topic-container .what-icons li .icon {display:inline-block;width:45px;height:45px;text-align:center;margin-bottom:20px;}
.topic-container .what-icons li .icon-text {font-size:16px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.topic-container  .first-box {background:url("../../images/portable-power-station/02_04.jpg") center no-repeat;overflow:hidden;background-size:cover;}
.topic-container  .first-box .first-box-text {float:right;width:440px;background:RGBA(0,0,0,0.5);padding:70px 70px 280px;max-width:100%;}
.topic-container  .first-box .first-box-text h3 {font-size:44px;line-height:50px;color:#FFF;font-family:"microsoft Yahei";margin-top:0;}
.topic-container  .first-box .first-box-text .mid-text {font-size:24px;line-height:2em;color:#FFF;}
.topic-container  .first-box .first-box-text .mid-text2 {font-size:32px;margin:40px 0 30px;color:#FFF;}
.topic-container  .first-box .first-box-text  .sku-info {display:flex;color:#FFF;}
.topic-container  .first-box .first-box-text  .sku-info .fir {text-align:center;font-size:16px;padding-right:20px;border-right:1px solid #FFF;}
.topic-container  .first-box .first-box-text  .sku-info .fir span {display:block;font-size:16px;text-align:left;}
.topic-container  .first-box .first-box-text  .sku-info .sec {text-align:center;font-size:16px;padding-left:20px;}
.topic-container  .first-box .first-box-text  .sku-info .sec span {display:block;font-size:16px;text-align:left;}
.topic-container  .second-box h3 {font-size:30px;line-height:50px;font-family:"microsoft Yahei";margin-top:0;text-align:center;margin:100px 0 40px;}
.topic-container  .second-box .box-text {font-size:24px;text-align:center;}
.topic-container  .second-box .box-img {margin:70px 0 130px;display:flex;}
.topic-container  .second-box .box-img .img {width:50%;}
.topic-container  .second-box .box-img .sub-text {width:50%;background-color:#f3f3f3;padding:90px 90px 0;color:#666;}
.topic-container  .second-box .box-img .sub-text .t {font-size:18px;line-height:32px;color:#000;text-transform:uppercase;}
.topic-container  .second-box .box-img .sub-text p {font-size:18px;margin:50px 0;}
.topic-container  .second-box .box-img .sub-text ul {display:flex;flex-wrap:wrap;}
.topic-container  .second-box .box-img .sub-text ul li {width:25%;text-align:center;margin-top:30px;}
.topic-container  .second-box .box-img .sub-text ul li .icon img {height:60px;}
.topic-container  .second-box .box-img .sub-text ul li .icon-text {line-height:2em;font-weight:lighter;text-transform:uppercase;font-size:14px;}
.topic-container  .second-box .more {text-decoration:underline dotted #999;font-size:14px;}
.topic-container  .second-box .more:before {content:">>";margin:0 5px;display:inline-block;}
.topic-container  .third-box {background:url("../../images/portable-power-station/02_20.jpg") center no-repeat;overflow:hidden;background-size:cover;}
.topic-container .third-box .text-box {width:50%;float:right;padding:80px 150px 420px 0;color:#FFF;}
.topic-container .third-box .text-box .model {font-size:24px;line-height:2em;text-align:right;}
.topic-container .third-box .text-box h4 {font-size:32px;font-weight:normal;line-height:2em;text-align:right;}
.topic-container .third-box .text-box .sku-info {float:right;display:flex;margin-top:20px;}
.topic-container .third-box .text-box .sku-info .fir {text-align:center;font-size:16px;padding-right:20px;border-right:1px solid #000;}
.topic-container .third-box .text-box .sku-info .fir span {display:block;font-size:16px;text-align:center;line-height:1.5em;}
.topic-container .third-box .text-box .sku-info .sec {text-align:center;font-size:16px;padding-left:20px;}
.topic-container .third-box .text-box .sku-info .sec span {display:block;font-size:16px;text-align:left;line-height:1.5em;text-align:center;}
.topic-container .four-box h3 {font-size:30px;line-height:50px;font-family:"microsoft Yahei";margin-top:0;text-align:center;text-transform:uppercase;margin:100px 0 40px;}
.topic-container .four-box .sub-text {text-align:center;font-size:24px;}
.topic-container .four-box .sub-text P {font-size:18px;line-height:32px;color:#000;}
.topic-container  .four-box .text-box {background:url("../../images/portable-power-station/02_27.jpg") left center no-repeat;margin:70px auto 100px;padding:200px 70px;background-size:cover;text-align:right;}
.topic-container .four-box .text-box h4 {font-size:30px;margin-bottom:30px;font-family:"microsoft Yahei";text-transform:uppercase;color:#FFF;}
.topic-container .four-box .text-box P {color:#FFF;line-height:2em;margin-bottom:0;}
.topic-container .five-box {background:url("../../images/portable-power-station/02_09.jpg") center no-repeat;overflow:hidden;background-size:cover;color:#FFF}
.topic-container .five-box .text-box {width:50%;float:left;padding:140px 0 140px 90px;}
.topic-container .five-box .text-box h4 {font-size:34px;margin-bottom:30px;font-family:"microsoft Yahei";text-transform:uppercase;}
.topic-container .six-box {margin:100px 0;}
.topic-container .six-box .img-box1 {position:relative;}
.topic-container .six-box .img-box1 img {display:block;}
.topic-container .six-box .img-box1 .img-box1-text {position:absolute;left:90px;bottom:50px;}
.topic-container .six-box .img-box1 .img-box1-text h3 {font-size:36px;text-transform:uppercase;line-height:2em;color:#FFF;}
.topic-container .six-box .img-box1 .img-box1-text p {text-transform:uppercase;font-size:16px;line-height:1.5em;color:#FFF;}
.topic-container .six-box .img-box2 {display:flex;}
.topic-container .six-box .img-box2 .img-box2-sub {position:relative;width:50%;}
.topic-container .six-box .img-box2 .img-box2-sub img {display:block;width:100%;}
.topic-container .six-box .img-box2 .img-box2-sub .img-box2-text {position:absolute;left:80px;top:45px;color:#FFF;font-size:18px;line-height:1.5em;text-transform:uppercase;}
.topic-container .seven-box h3 {font-size:30px;line-height:50px;margin-bottom:80px;font-family:"microsoft Yahei";text-transform:uppercase;text-align:center;}
.topic-container .eight-box .product-list {display:flex;justify-content:space-between;margin:110px 0;}
.topic-container .eight-box .product-list li {width:100%;text-align:left;margin-bottom:0;}
.topic-container .eight-box .product-list .item {width:32%;background:#f5f5f5;border-radius:20px;overflow:hidden;}
.topic-container .eight-box .product-list .item .model {font-size:24px;padding:20px 40px;}
.topic-container .eight-box .product-list .item .info {padding:0 40px 40px;}
.topic-container .eight-box .product-list .item .icon {display:flex;padding:0 40px 30px;}
.topic-container .eight-box .product-list .item .icon i {display:block;border-radius:5px;margin-right:15px;width:32px;height:28px;}
.topic-container .eight-box .product-list .item .icon i.green {background:url("../../images/portable-power-station/green.svg") center no-repeat;background-color:#ec7506;}
.topic-container .eight-box .product-list .item .icon i.led {background:url("../../images/portable-power-station/led.svg") center no-repeat;background-color:#ec7506;background-size:auto 12px;}
.topic-container .eight-box .product-list .item .icon i.quite {background:url("../../images/portable-power-station/42.png") center no-repeat;background-color:#ec7506;background-size:auto 20px;}
.topic-container .eight-box .product-list .item .icon i.sheild {background:url("../../images/portable-power-station/43.png") center no-repeat;background-color:#ec7506;background-size:auto 20px;}
.topic-container .eight-box .product-list .item .info ul li {line-height:2.5em;font-size:16px;}
.topic-container .eight-box .product-list .item .info ul li span {display:inline-block;width:100px;text-align:justify;}
footer .wrapper {margin:120px auto;}
.topic-container .scenes-bg {position:relative;}
.topic-container .wrapper {position:relative;}
.topic-container .negative-top {margin-top:-200px;}
.topic-container .duration {border-radius:50px;padding:40px 60px;box-shadow:15px 0 57px #2d2d2d;background:RGBA(255,255,255,.7);}
.topic-container .duration .duration-flex {display:flex;flex-wrap:nowrap;width:100%;border-bottom:1px solid #DDD;}
.topic-container .duration .duration-flex.bg:hover {background:#FBFBFB;}
.topic-container .duration .duration-flex li {flex-grow:1;text-align:center;padding:30px;width:14%;}
.topic-container .duration .duration-flex li .num {font-size:28px;line-height:60px;color:#666;}
.topic-container .duration .duration-flex li span {display:block;line-height:2em;font-size:14px;white-space:nowrap;text-overflow:ellipsis;}
.topic-container .note {color:#999;font-size:14px;line-height:2em;margin-top:50px;margin-bottom:200px;}
.topic-container .text-how {font-size:18px;line-height:32px;margin:120px auto;color:#666}
@media only screen and (max-width:719px) {.topic-container {overflow:hidden;}
.topic-container .what-text {width:100%;}
.what-icons {flex-wrap:wrap;}
.topic-container .what-icons li {width:32%;margin-bottom:40px;}
.topic-container .what-icons li .icon-text {font-size:16px;white-space:break-spaces;}
.topic-container .first-box .first-box-text {padding:60px 30px;}
.topic-container .first-box .first-box-text h3 {font-size:32px;}
.topic-container .first-box .first-box-text .mid-text2 {font-size:24px;}
.topic-container .second-box .box-text {font-size:18px;}
.topic-container .second-box .box-img {flex-wrap:wrap;}
.topic-container .second-box .box-img .img {width:100%;}
.topic-container .second-box .box-img .sub-text {width:100%;padding:60px 30px;}
.topic-container .second-box .box-img .sub-text ul li {width:50%;}
.topic-container .third-box .text-box {width:100%;color:#FFF;padding:60px 30px 240px 0;}
.topic-container .third-box .text-box h4 {line-height:50px;color:#FFF;font-family:"microsoft Yahei";margin-top:0;font-size:32px;}
.topic-container .third-box .text-box .sku-info .fir {border-right:1px solid #FFF;}
.topic-container .four-box .text-box {padding:60px 30px;text-align:left;}
.topic-container .five-box .text-box {width:100%;padding:60px 30px;}
.topic-container .six-box .img-box1 {margin-bottom:20px;}
.topic-container .six-box .img-box1 .img-box1-text {text-align:Center;left:0;bottom:0;top:20px;right:0;}
.topic-container .six-box .img-box1 .img-box1-text h3 {font-size:18px;}
.topic-container .six-box .img-box1 .img-box1-text p {font-size:16px;}
.topic-container .six-box .img-box2 {flex-wrap:wrap;}
.topic-container .six-box .img-box2 .img-box2-sub {width:100%;margin-bottom:20px;}
.topic-container .six-box .img-box2 .img-box2-sub .img-box2-text {left:0;right:0;bottom:0;text-align:center;top:30%;}
.topic-container .eight-box .product-list {flex-wrap:wrap;}
.topic-container .eight-box .product-list .item {width:90%;margin:0 auto 50px;}
.topic-container .eight-box .product-list .item .model {padding:20px 30px;}
.topic-container .eight-box .product-list .item .icon {padding:0 30px 30px;}
.topic-container .eight-box .product-list .item .info {padding:0 30px 30px;}
.topic-container .scenes-bg {z-index:-1;overflow:hidden;margin:-12.5%;}
.topic-container .negative-top {margin-top:-30PX}
.topic-container .duration {padding:20px 30px;overflow:scroll;border-radius:20px;}
.topic-container .duration .duration-flex {border-bottom:none;}
.topic-container .duration .duration-flex li {width:120px;padding:25px;flex-shrink:0;border-bottom:1px solid #DDD;}
.topic-container .duration .duration-flex li img {width:54px;}
}
@media only screen and (min-width:769px) and (max-width:1024px) {.topic-container {overflow:hidden;}
.topic-container .what-text {width:100%;}
.what-icons {flex-wrap:wrap;}
.topic-container .what-icons li {width:32%;margin-bottom:40px;}
.topic-container .what-icons li .icon-text {font-size:16px;white-space:break-spaces;}
.topic-container .first-box .first-box-text {padding:60px 30px;}
.topic-container .first-box .first-box-text h3 {font-size:32px;}
.topic-container .first-box .first-box-text .mid-text2 {font-size:24px;}
.topic-container .second-box .box-text {font-size:18px;}
.topic-container .second-box .box-img {flex-wrap:wrap;}
.topic-container .second-box .box-img .img {width:100%;}
.topic-container .second-box .box-img .sub-text {width:100%;padding:60px 30px;}
.topic-container .second-box .box-img .sub-text ul li {width:25%;}
.topic-container .third-box .text-box {width:100%;color:#FFF;padding:60px 30px 240px 0;}
.topic-container .third-box .text-box h4 {line-height:50px;color:#FFF;font-family:"microsoft Yahei";margin-top:0;font-size:32px;}
.topic-container .third-box .text-box .sku-info .fir {border-right:1px solid #FFF;}
.topic-container .four-box .text-box {padding:60px 30px;}
.topic-container .five-box .text-box {width:100%;padding:60px 30px;}
.topic-container .six-box .img-box1 {margin-bottom:20px;}
.topic-container .six-box .img-box1 .img-box1-text {text-align:Center;left:0;bottom:0;top:30%;right:0;}
.topic-container .six-box .img-box1 .img-box1-text h3 {font-size:18px;}
.topic-container .six-box .img-box1 .img-box1-text p {font-size:16px;}
.topic-container .six-box .img-box2 {flex-wrap:wrap;}
.topic-container .six-box .img-box2 .img-box2-sub {width:100%;margin-bottom:20px;}
.topic-container .six-box .img-box2 .img-box2-sub .img-box2-text {left:0;right:0;bottom:0;text-align:center;top:30%;}
.topic-container .eight-box .product-list {flex-wrap:wrap;align-items:flex-start;}
.topic-container .eight-box .product-list .item {width:48%;margin:0 auto 50px;}
.topic-container .eight-box .product-list .item .model {padding:20px 30px;}
.topic-container .eight-box .product-list .item .icon {padding:0 30px 30px;}
.topic-container .eight-box .product-list .item .info {padding:0 30px 30px;}
.topic-container .scenes-bg {z-index:-1;overflow:hidden;margin:-12.5%;}
.topic-container .negative-top {margin-top:-30PX}
.topic-container .duration {padding:20px 30px;overflow:scroll;border-radius:20px;}
.topic-container .duration .duration-flex {border-bottom:none;}
.topic-container .duration .duration-flex li {width:140px;padding:25px;flex-shrink:0;border-bottom:1px solid #DDD;}
.topic-container .duration .duration-flex li img {width:64px;}
}
@media only screen and (min-width:1025px) and (max-width:1366px) {.topic-container .first-box {background-size:auto 100%;}
.topic-container .second-box .box-img .sub-text {padding:50px 30px;}
.topic-container .second-box .box-img .sub-text p {margin:30px 0;font-size:14px;}
.topic-container .second-box .box-img .sub-text ul li {margin-top:20px;}
.topic-container .second-box .box-img .sub-text ul li .icon img {height:40px;}
.topic-container .second-box .box-img .sub-text ul li .icon-text {line-height:1.5em;}
.topic-container .third-box .text-box {width:50%;float:right;padding:80px 150px 240px 0;}
}