@keyframes moveUpDown {
from { transform: translateY(0); }
to { transform: translateY(-10px); }
}
.sprite-animation { width: 120px; height: 80px; background-image: url('../images/app/spirit.png'); background-repeat: no-repeat; animation: play 2s steps(65) infinite; margin: 0 auto; }
@keyframes play {
from { background-position: 0 0; }
to { background-position: -7800px 0; }
}
@media only screen and (max-width:767px) { .v_con01 { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; }
.v_close { position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; }
}
@media screen and (min-width:768px) { .v_close { display:block; }
}
@media only screen and (max-width:519px) { .v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top:65%; }
.v_close { position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:480px) { }
@media only screen and (max-width:414px) { .v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:375px) { .v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:365px) { .v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; }
.v_close { position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:320px) { .v_con01 { left:3%; }
}
@media (min-width:300px) { 
#wrap_pc { display:none; }
#wrap_mb { width:100%; height:auto; margin:0 auto; }
#advertising { width:100%; height:274px; position:relative; top:0px; overflow:hidden; }
.slides { height:274px; }
.section-bg { width:100%; height:274px; background:url(../images/app/battery/mb_bg.jpg) no-repeat; position:absolute; background-size:100% 100%; z-index:3; }
#mb_content { width:100%; margin:0px; padding:0px; overflow:auto; background:#f5f5f5; }
#mb_content .content { width:94%; height:auto; margin:60px auto 12px; overflow:auto; background:#f5f5f5; }
#mb_content h2 { font-size:28px; font-weight:bold; color:#000000; line-height:38px; padding:0px; margin:0px; }
#mb_content p { width:100%; padding:0 5px; font-size:16px; color:#666666; line-height:22px; margin-top:20px; }
#mb_content .mb-h2left { width:4px; height:40px; float:left; background:#8fc31f; margin-right:10px; }
#mb_content ul { width:94%; height:auto; margin:30px auto; }
#mb_content li { width:100%; height:36px; font-size:16px; font-weight:bold; background:url(../images/app/dd.png) no-repeat -4px -4px; padding-left:18px; }
#mb_content li a { color:#8fc31f; }
#mb_content li a:hover { color:#83b31d; }
.ctbg1 { background:#f7f8f8; }
.ctbg2 { background:#f1f9fd; }
#detail_main { width:100%; margin:0px; padding:0px; overflow:auto; background:#ffffff; }
.content { padding:0px 10px; }
.ct_tit { font-size:24px; line-height:36px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_tit2 { font-size:24px; line-height:36px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p { font-size:14px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p2 { font-size:24px; line-height:36px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p3 { font-size:14px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p4 { font-size:24px; line-height:36px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ba_1 { display:none; }
.ba_2 { display:block; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product1 { width:280px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:242px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:250px; height:auto; margin:10px auto; }
.battery_product1 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:242px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product1 a { color:#8fc31f; }
.battery_product1 a:hover { color:#83b31d; }
.battery_product2_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product2 { width:280px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product2 img { margin-top:30px; }
.battery_product2 h3 { width:242px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:242px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:242px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
.battery_product2 a { color:#8fc31f; }
.battery_product2 a:hover { color:#83b31d; }
}
/*针对iphone5s*/
@media (min-width:315px) { 
#advertising { width:100%; height:287px; position:relative; top:0px; }
.slides { height:287px; }
.section-bg { width:100%; height:287px; }
.content { padding:0px 10px; }
}
/*针对1080*1920的android*/
@media (min-width:360px) { 
#advertising { width:100%; height:328px; position:relative; top:0px; }
.slides { height:328px; }
.section-bg { width:100%; height:328px; }
.battery_product1 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product1 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:310px; height:auto; margin:10px auto; }
.battery_product1 p { width:310px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product2 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product2 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:310px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:310px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
/*针对iphone6*/
@media (min-width:375px) { 
#advertising { width:100%; height:342px; position:relative; top:0px; }
.slides { height:342px; }
.section-bg { width:100%; height:342px; }
.battery_product1 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 5px; padding-bottom:20px; }
.battery_product2 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 5px; padding-bottom:20px; }
}
/*针对全面屏安卓*/
@media (min-width:390px) { 
#advertising { width:100%; height:355px; position:relative; top:0px; }
.slides { height:355px; }
.section-bg { width:100%; height:355px; }
.battery_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product1 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:310px; height:auto; margin:10px auto; }
.battery_product1 p { width:310px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product2 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.battery_product2 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:310px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:310px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:400px) { 
#advertising { width:100%; height:365px; position:relative; top:0px; }
.slides { height:365px; }
.section-bg { width:100%; height:365px; }
.battery_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 6px; padding-bottom:20px; }
.battery_product2 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 6px; padding-bottom:20px; }
}
/*针对iphone6s plus*/
@media (min-width:410px) { 
#advertising { width:100%; height:378px; position:relative; top:0px; }
.slides { height:378px; }
.section-bg { width:100%; height:378px; }
.battery_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 10px; padding-bottom:20px; }
.battery_product2 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 10px; padding-bottom:20px; }
}
/*针对1440*2560的android*/
@media (min-width:480px) { 
#advertising { width:100%; height:438px; position:relative; top:0px; }
.slides { height:438px; }
.section-bg { width:100%; height:438px; }
.battery_product1 { width:400px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.battery_product1 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:310px; height:auto; margin:10px auto; }
.battery_product1 p { width:310px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product2 { width:400px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.battery_product2 h3 { width:310px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:310px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:310px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:500px) { 
#advertising { width:100%; height:456px; position:relative; top:0px; }
.slides { height:456px; }
.section-bg { width:100%; height:456px; }
.ct_tit { font-size:26px; line-height:38px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_tit2 { font-size:26px; line-height:38px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p { font-size:16px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p2 { font-size:26px; line-height:38px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p3 { font-size:16px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p4 { font-size:26px; line-height:38px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product1 { width:232px; height:416px; float:left; background:#f7f8f8; border-radius:8px; margin:0px 4px 15px; padding-bottom:20px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:214px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:214px; height:170px; margin:10px auto; }
.battery_product1 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:214px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product2 { width:420px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.battery_product2 h3 { width:340px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:340px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:340px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:600px) { 
#advertising { width:100%; height:547px; position:relative; top:0px; }
.slides { height:547px; }
.section-bg { width:100%; height:547px; }
.content { padding:0px 20px; }
.ct_tit { font-size:28px; line-height:42px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_tit2 { font-size:28px; line-height:42px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p2 { font-size:28px; line-height:42px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p3 { font-size:16px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p4 { font-size:28px; line-height:42px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product1 { width:260px; height:440px; float:left; background:#f7f8f8; border-radius:8px; margin:0px 10px 20px; padding-bottom:40px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:214px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:214px; height:170px; margin:10px auto 20px; }
.battery_product1 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:214px; height:30px; margin:0px auto; font-size:14px; color:#8fc31f; }
.battery_product2 { width:520px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.battery_product2 h3 { width:440px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:440px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:440px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:700px) { 
#advertising { width:100%; height:638px; position:relative; top:0px; }
.slides { height:638px; }
.section-bg { width:100%; height:638px; }
#mb_content { width:100%; margin:0px; padding:0px; overflow:auto; background:#f5f5f5; }
#mb_content .content { width:660px; height:auto; margin:60px auto 12px; overflow:auto; background:#f5f5f5; }
#mb_content h2 { font-size:28px; font-weight:bold; color:#000000; line-height:38px; padding:0px; margin:0px; }
#mb_content p { width:100%; padding:0 5px; font-size:16px; color:#666666; line-height:22px; margin-top:20px; }
#mb_content .mb-h2left { width:4px; height:40px; float:left; background:#8fc31f; margin-right:10px; }
#mb_content ul { width:94%; height:auto; margin:30px auto; }
#mb_content li { width:100%; height:36px; font-size:16px; font-weight:bold; background:url(../images/app/dd.png) no-repeat -4px -4px; padding-left:18px; }
#mb_content li a { color:#8fc31f; }
#mb_content li a:hover { color:#83b31d; }
.ct_tit { font-size:32px; line-height:42px; color:#000000; text-align:center; padding:50px 0px 10px; font-weight:bold; }
.ct_tit2 { font-size:32px; line-height:42px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p2 { font-size:32px; line-height:42px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p3 { font-size:16px; line-height:30px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p4 { font-size:32px; line-height:42px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product1 { width:310px; height:460px; float:left; background:#f7f8f8; border-radius:8px; margin:0px 10px 20px; padding-bottom:40px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:268px; font-size:20px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:268px; height:160px; margin:10px auto 20px; }
.battery_product1 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:268px; height:30px; margin:0px auto; font-size:16px; color:#8fc31f; }
.battery_product2 { width:620px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.battery_product2 h3 { width:550px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:550px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:550px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:767px) { 
#advertising { width:100%; height:699px; position:relative; top:0px; }
.slides { height:699px; }
.section-bg { width:100%; height:699px; }
#mb_content { width:100%; margin:0px; padding:0px; overflow:auto; background:#f5f5f5; }
#mb_content .content { width:700px; height:auto; margin:60px auto 12px; overflow:auto; background:#f5f5f5; }
#mb_content h2 { font-size:28px; font-weight:bold; color:#000000; line-height:38px; padding:0px; margin:0px; }
#mb_content p { width:100%; padding:0 5px; font-size:16px; color:#666666; line-height:22px; margin-top:20px; }
#mb_content .mb-h2left { width:4px; height:40px; float:left; background:#8fc31f; margin-right:10px; }
#mb_content ul { width:94%; height:auto; margin:30px auto; }
#mb_content li { width:100%; height:36px; font-size:16px; font-weight:bold; background:url(../images/app/dd.png) no-repeat -4px -4px; padding-left:18px; }
#mb_content li a { color:#8fc31f; }
#mb_content li a:hover { color:#83b31d; }
#banner { width:100%; height:640px; }
#detail_main { width:100%; margin:0px; padding:0px; overflow:auto; background:#ffffff; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.battery_product1 { width:333px; height:480px; float:left; background:#f7f8f8; border-radius:8px; margin:0px 10px 20px 18px; padding-bottom:40px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:268px; font-size:20px; font-weight:bold; margin:16px auto 10px; }
.battery_product1 ul { width:268px; height:170px; margin:10px auto 20px; }
.battery_product1 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:268px; height:30px; margin:0px auto; font-size:16px; color:#8fc31f; }
.battery_product2 { width:690px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 20px; padding-bottom:40px; }
.battery_product2 h3 { width:620px; font-size:18px; font-weight:bold; margin:16px auto 0px; }
.battery_product2 h4 { width:620px; font-size:14px; line-height:28px; color:#3b3e40; margin:16px auto 0px; }
.battery_product2 p { width:620px; height:30px; margin:20px auto 0px; font-size:14px; color:#8fc31f; }
}
@media (min-width:768px) { 
#banner { width:100%; height:640px; position:relative; background:url("../images/app/battery/banner.jpg") center center no-repeat; background-size:cover; padding:584px 0 0; }
.banner_more { width:100%; height:56px; display:block; margin:0; padding:0px; color:#ffffff; font-size:16px; line-height:32px; background:rgba(0,0,0,0.6); }
.banner_more_content { width:100%px; height:56px; margin:0 auto; padding-top:15px; }
.banner_more_content span { color:#8fc31f!important; }
.banner_more a { color:#ffffff; }
.banner_more a:hover { color:#b5b5b6; }
.ct_tit { font-size:48px; line-height:42px; color:#000000; text-align:center; padding:80px 0px 10px; font-weight:bold; }
.ct_tit2 { font-size:48px; line-height:42px; color:#000000; text-align:center; padding:70px 0px 20px; font-weight:bold; }
.ct_p2 { font-size:48px; line-height:42px; color:#3b3e40; text-align:center; padding:80px 0px 0px; font-weight:bold; }
.ct_p3 { font-size:16px; line-height:36px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_p4 { font-size:48px; line-height:42px; color:#3b3e40; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.battery_product1_list { width:728px; height:auto; margin:35px auto 50px; overflow:hidden; }
.battery_product2_list { width:728px; height:auto; margin:35px auto 50px; overflow:hidden; }
}
@media (min-width:770px) { 
#advertising { width:100%; height:702px; position:relative; top:0px; }
.slides { height:702px; }
.section-bg { width:100%; height:702px; }
}
@media (min-width:785px) { 
#advertising { width:100%; height:716px; position:relative; top:0px; }
.slides { height:716px; }
.section-bg { width:100%; height:716px; }
}
@media (min-width:880px) { 
#advertising { width:100%; height:802px; position:relative; top:0px; }
.slides { height:802px; }
.section-bg { width:100%; height:802px; }
}
@media (min-width:980px) { 
#advertising { width:100%; height:894px; position:relative; top:0px; }
.slides { height:894px; }
.section-bg { width:100%; height:894px; }
}
@media (min-width:1024px) { 
#wrap_index { width:100%; height:1325px; background:url(../images/app/battery/bg.jpg) bottom center no-repeat; }
#wrap_pc { width:1024px; height:auto; margin:0 auto; display:block; }
#wrap_mb { display:none; }
#w1 { width:1000px; height:340px; margin:0px auto; }
#w1 h2 { font-size:48px; text-align:center; font-weight:bold; padding-top:100px; margin-top:0px; }
#w1 h3 { font-size:24px; text-align:center; margin-top:20px; }
#w1 p { font-size:18px; text-align:center; margin-top:50px; }
#w2 { width:1024px; height:980px; margin:0px auto; overflow: hidden; }
#a1 { width:250px; height:100px; position:relative; left:278px; top:60px; }
#a2 { width:250px; height:100px; position:relative; left:-50px; top:200px; }
#a3 { width:250px; height:100px; position:relative; left:720px; top:96px; }
#a4 { width:250px; height:100px; position:relative; left:456px; top:180px; }
.moving-div { width:250px; height:100px; position:relative; animation:moveUpDown 1s infinite alternate ease-in-out; }
.moving-top { width:250px; height:40px; margin:0 auto; }
.moving-bottom { width:250px; height:60px; margin:0 auto; text-align:center; }
.moving-top h3 { font-size:18px; text-align:center; color:#ffffff; line-height:40px; }
.moving-top-t1 { background:#83b514; width:180px; height:40px; margin:0 auto; border-radius:28px; }
.moving-top-t2 { background:#83b514; width:230px; height:40px; margin:0 auto; border-radius:28px; }
#banner { padding:584px 0 0; }
#detail_main .content { width:100%; max-width:1024px; padding:0px; margin:0 auto; overflow:hidden; }
.ct_tit { width:1000px; font-size:56px; line-height:68px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit2 { width:1000px; font-size:38px; line-height:48px; color:#3b3e40; text-align:left; font-weight:normal; margin:110px auto 20px 0px; padding:0px; padding-left:10px; }
.ct_p { width:1000px; font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:16px auto 40px auto; }
.ct_p2 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; }
.ct_p3 { width:1000px; font-size:16px; color:#3b3e40; line-height:36px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:0px; padding-left:10px; }
.ct_p4 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; padding-left:10px; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.battery_product1 { width:488px; height:610px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 10px; padding-bottom:0px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:400px; font-size:24px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:400px; height:160px; margin:10px auto; padding-top:20px; }
.battery_product1 ul li { width:100%; height:36px; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:400px; height:30px; margin:0px auto; font-size:16px; color:#8fc31f; }
.battery_product1 a { color:#8fc31f; }
.battery_product1 a:hover { color:#83b31d; }
.battery_product2_list { width:100%; height:auto; margin:15px 0px 90px; overflow:hidden; }
.battery_product2 { width:990px; height:420px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.battery_product2_image { width:360px; height:360px; margin-top:10px; margin-right:20px; float:right; }
.battery_product2 h3 { width:500px; font-size:24px; font-weight:bold; margin:70px 20px 0px 70px; float:left; }
.battery_product2 h4 { width:500px; font-size:16px; line-height:32px; margin:30px 20px 0px 70px; float:left; }
.battery_product2 p { width:500px; height:30px; font-size:16px; color:#8fc31f; margin:80px 20px 0px 70px; float:left; }
.battery_product2 a { color:#8fc31f; }
.battery_product2 a:hover { color:#83b31d; }
}
@media (min-width:1080px) { 
#wrap_index { width:100%; height:1325px; background:url(../images/app/battery/bg.jpg) bottom center no-repeat; }
#wrap_pc { width:1080px; height:auto; margin:0 auto; }
#w1 { width:1000px; height:340px; margin:0px auto; }
#w1 h2 { font-size:48px; text-align:center; font-weight:bold; padding-top:100px; margin-top:0px; }
#w1 h3 { font-size:24px; text-align:center; margin-top:20px; }
#w1 p { font-size:18px; text-align:center; margin-top:50px; }
#w2 { width:1080px; height:980px; margin:0px auto; }
#a1 { width:250px; height:100px; position:relative; left:310px; top:60px; }
#a2 { width:250px; height:100px; position:relative; left:-24px; top:200px; }
#a3 { width:250px; height:100px; position:relative; left:752px; top:96px; }
#a4 { width:250px; height:100px; position:relative; left:488px; top:180px; }
#detail_main .content { max-width:1080px; padding:0px; margin:0 auto; }
.ct_tit { width:1020px; font-size:56px; line-height:68px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit2 { width:1020px; font-size:38px; line-height:48px; color:#3b3e40; text-align:left; margin:110px auto 20px 0px; padding:0px; padding-left:10px; }
.ct_p { width:1020px; font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:16px auto 40px auto; }
.ct_p2 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; }
.ct_p3 { width:1040px; font-size:16px; color:#3b3e40; line-height:36px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:0px; padding-left:10px; }
.ct_p4 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; padding-left:10px; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.battery_product1 { width:510px; height:610px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:400px; font-size:24px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:400px; height:160px; margin:10px auto; padding-top:20px; }
.battery_product1 ul li { width:100%; height:36px; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:400px; height:30px; margin:0px auto; font-size:16px; color:#8fc31f; }
.battery_product1 a { color:#8fc31f; }
.battery_product1 a:hover { color:#83b31d; }
.battery_product2_list { width:100%; height:auto; margin:15px 0px 90px; overflow:hidden; }
.battery_product2 { width:1040px; height:420px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.battery_product2_image { width:360px; height:360px; margin-top:10px; margin-right:20px; float:right; }
.battery_product2 h3 { width:520px; font-size:24px; font-weight:bold; margin:70px 20px 0px 70px; float:left; }
.battery_product2 h4 { width:520px; font-size:16px; line-height:32px; margin:30px 20px 0px 70px; float:left; }
.battery_product2 p { width:520px; height:30px; font-size:16px; color:#8fc31f; margin:80px 20px 0px 70px; float:left; }
.battery_product2 a { color:#8fc31f; }
.battery_product2 a:hover { color:#83b31d; }
}
@media (min-width:1200px) { 
#wrap_index { width:100%; height:1325px; background:url(../images/app/battery/bg.jpg) bottom center no-repeat; }
#wrap_pc { width:1200px; height:auto; margin:0 auto; }
#w1 { width:1100px; height:340px; margin:0px auto; }
#w1 h2 { font-size:48px; text-align:center; font-weight:bold; padding-top:100px; margin-top:0px; }
#w1 h3 { font-size:24px; text-align:center; margin-top:20px; }
#w1 p { font-size:18px; text-align:center; margin-top:50px; }
#w2 { width:1200px; height:980px; margin:0px auto; }
#a1 { width:250px; height:100px; position:relative; left:366px; top:60px; }
#a2 { width:250px; height:100px; position:relative; left:40px; top:200px; }
#a3 { width:250px; height:100px; position:relative; left:818px; top:96px; }
#a4 { width:250px; height:100px; position:relative; left:546px; top:180px; }
.banner_more { width:100%; height:56px; display:block; margin:0; padding:0px; color:#ffffff; font-size:16px; line-height:32px; background:rgba(0,0,0,0.6); }
.banner_more_content { width:1200px; height:56px; margin:0 auto; padding-top:15px; }
.banner_more_content span { color:#8fc31f!important; }
.banner_more a { color:#ffffff; }
.banner_more a:hover { color:#b5b5b6; }
#detail_main .content { max-width:1200px; padding:0px; margin:0 auto; }
.ct_tit { width:1060px; font-size:56px; line-height:68px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit2 { width:1060px; font-size:38px; line-height:48px; color:#3b3e40; text-align:left; margin:110px auto 20px 0px; padding:0px; padding-left:10px; }
.ct_p { width:1060px; font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:16px auto 40px auto; }
.ct_p2 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; }
.ct_p3 { width:1150px; font-size:16px; color:#3b3e40; line-height:36px; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; padding:0px; padding-left:10px; }
.ct_p4 { font-size:24px; color:#3b3e40; line-height:38px; font-weight:normal; text-align:left; margin:100px 0px 0px 0px; padding:0px; font-weight:bold; padding-left:10px; }
.ba_1 { display:block; }
.ba_2 { display:none; }
.battery_product1_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.battery_product1 { width:560px; height:610px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.battery_product1 img { margin-top:30px; }
.battery_product1 h3 { width:400px; font-size:24px; font-weight:bold; margin:16px auto 0px; }
.battery_product1 ul { width:400px; height:160px; margin:10px auto; padding-top:20px; }
.battery_product1 ul li { width:100%; height:36px; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.battery_product1 p { width:400px; height:30px; margin:0px auto; font-size:16px; color:#8fc31f; }
.battery_product1 a { color:#8fc31f; }
.battery_product1 a:hover { color:#83b31d; }
.battery_product2_list { width:100%; height:auto; margin:15px 0px 90px; overflow:hidden; }
.battery_product2 { width:1136px; height:420px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.battery_product2_image { width:360px; height:360px; margin-top:10px; margin-right:30px; float:right; }
.battery_product2 h3 { width:600px; font-size:24px; font-weight:bold; margin:70px 20px 0px 85px; float:left; }
.battery_product2 h4 { width:600px; font-size:16px; line-height:32px; margin:30px 20px 0px 85px; float:left; }
.battery_product2 p { width:600px; height:30px; font-size:16px; color:#8fc31f; margin:100px 20px 0px 85px; float:left; }
.battery_product2 a { color:#8fc31f; }
.battery_product2 a:hover { color:#83b31d; }
}
@media (min-width:1300px) { 
#w1 { width:1200px; height:340px; margin:0px auto; }
.battery_product1 { width:560px; height:610px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 20px 10px 8px; }
.battery_product2 { width:1136px; height:420px; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 8px; }
}
@media (min-width:1360px) { }
@media (min-width:1900px) { }
@media (min-width:1910px) { }
@media (min-width:1920px) { }
@media (min-width:1921px) { }
@media (min-width:2540px) { }
@media (min-width:2550px) { }
@media (min-width:2560px) { }