@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/ws/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; }

.ws_product1_list { width:100%; height:auto; margin:35px 0px 20px; overflow:hidden; }
.ws_product1 { width:280px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product1_row1 { width:100%; height:auto; float:left; }
.ws_product1_row2 { width:100%; height:auto; float:left; }
.ws_product1 h3 { width:242px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:242px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:242px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:254px; margin:10px 20px 0px 10px; float:left; }
.ws_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; }
.ws_product1_row2 a { width:100%; height:32px; font-size:16px; line-height:32px; text-align:center; float:left; margin-top:0px; color:#8fc31f; }
.ws_product1_row2 a:hover { color:#83b31d; }
.ws_product1a { width:260px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px; padding:6px 0px; }
.ws_product1b { width:260px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 40px 10px; padding:6px 0px; }
.ws_product1a h3,.ws_product1b h3 { width:260px; font-size:16px; line-height:26px; font-weight:bold; text-align:center; margin:6px 0px; }
.ws_product2_list { width:100%; height:auto; margin:35px 0px 50px; overflow:hidden; }
.ws_product2 { width:280px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product2 h3 { width:242px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:242px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 ul { width:250px; height:auto; margin:10px auto; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.ws_product2 p { width:242px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product2 a { width:100%; height:32px; font-size:16px; line-height:32px; text-align:center; float:left; margin-top:0px; color:#8fc31f; }
.ws_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; }

.ws_product1 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product1_row1 { width:100%; height:auto; float:left; }
.ws_product1_row2 { width:100%; height:auto; float:left; }
.ws_product1 h3 { width:310px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:310px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:310px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:322px; margin:10px 20px 0px 10px; float:left; }
.ws_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; }
.ws_product1a { width:320px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px; padding:6px 0px; }
.ws_product1b { width:320px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 40px 10px; padding:6px 0px; }
.ws_product1a h3,.ws_product1b h3 { width:320px; font-size:16px; line-height:26px; font-weight:bold; text-align:center; margin:6px 0px; }
.ws_product2 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product2 h3 { width:310px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:310px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 ul { width:322px; height:auto; margin:10px auto; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
.ws_product2 p { width:310px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
}
/*针对iphone6*/
@media (min-width:375px) { 
#advertising { width:100%; height:342px; position:relative; top:0px; }
.slides { height:342px; }
.section-bg { width:100%; height:342px; }
.ws_product1 { width:348px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 5px; padding-bottom:20px; }
.ws_product1a { width:320px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 20px; padding:6px 0px; }
.ws_product1b { width:320px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 40px 20px; padding:6px 0px; }
.ws_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; }
.ws_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product1 ul { width:322px; margin:10px 20px 0px 28px; float:left; }
.ws_product1a { width:320px; height:auto; float:none; background:#f7f8f8; border-radius:8px; margin:10px auto 10px; padding:6px 0px; }
.ws_product1b { width:320px; height:auto; float:none; background:#f7f8f8; border-radius:8px; margin:10px auto 40px; padding:6px 0px; }
.ws_product2 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px; padding-bottom:20px; }
.ws_product2 ul { width:322px; margin:10px 20px 0px 28px; float:left; }
}
@media (min-width:400px) { 
#advertising { width:100%; height:365px; position:relative; top:0px; }
.slides { height:365px; }
.section-bg { width:100%; height:365px; }
.ws_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 6px; padding-bottom:20px; }
.ws_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; }
.ws_product1 { width:370px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 15px 10px; padding-bottom:20px; }
.ws_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; }
.ws_product1 { width:400px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product1 ul { width:322px; margin:10px 20px 0px 42px; float:left; }
.ws_product2 { width:400px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product2 ul { width:322px; margin:10px 20px 0px 42px; float:left; }
}
@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; }
.ws_product1 { width:420px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product1 h3 { width:340px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:340px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:340px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:350px; margin:10px 20px 0px 40px; float:left; }
.ws_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; }
.ws_product2 { width:420px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product2 h3 { width:340px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:340px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 p { width:340px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product2 ul { width:350px; margin:10px 20px 0px 40px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
}
@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; }
.ws_product1 { width:520px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product1 h3 { width:440px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:440px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:440px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:450px; margin:10px 20px 0px 40px; float:left; }
.ws_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; }
.ws_product2 { width:520px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product2 h3 { width:440px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:440px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 p { width:440px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product2 ul { width:450px; margin:10px 20px 0px 40px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
}
@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; }
.ws_product1 { width:620px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product1 h3 { width:540px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:540px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:540px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:550px; margin:10px 20px 0px 40px; float:left; }
.ws_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; }
.ws_product1a { width:310px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 20px 40px 10px; padding:16px 0px; }
.ws_product1b { width:310px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 40px 0px; padding:16px 0px; }
.ws_product2 { width:620px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product2 h3 { width:540px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:540px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 p { width:540px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product2 ul { width:550px; margin:10px 20px 0px 40px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
}
@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; }
.ws_product1 { width:690px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product1 h3 { width:620px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product1 h4 { width:620px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product1 p { width:620px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product1 ul { width:630px; margin:10px 20px 0px 34px; float:left; }
.ws_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; }
.ws_product1a { width:310px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 30px 44px 10px; padding:16px 0px; }
.ws_product1b { width:310px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 40px 0px; padding:16px 0px; }
.ws_product2 { width:690px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:0px 0px 20px 30px; padding-bottom:20px; }
.ws_product2 h3 { width:620px; font-size:18px; font-weight:bold; margin:36px auto 0px; }
.ws_product2 h4 { width:620px; font-size:14px; line-height:28px; font-weight:bold; color:#3b3e40; margin:16px auto 0px; }
.ws_product2 p { width:620px; height:auto; margin:20px auto 0px; font-size:14px; color:#3b3e40; }
.ws_product2 ul { width:630px; margin:10px 20px 0px 34px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:14px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; }
}
@media (min-width:768px) { 
#banner { width:100%; height:640px; position:relative; background-size:cover; padding:584px 0 0; }
.banner_bg1 { background:url("../images/app/ws/banner1.jpg") center center no-repeat; }
.banner_bg2 { background:url("../images/app/ws/banner2.jpg") center center no-repeat; }
.banner_bg3 { background:url("../images/app/ws/banner3.jpg") center center no-repeat; }
.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; }
.ws_product1_list { width:728px; height:auto; margin:35px auto 50px; overflow:hidden; }
.ws_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:1170px; background:url(../images/app/ws/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:830px; margin:0px auto; overflow: hidden; }
#a1 { width:250px; height:100px; position:relative; left:182px; top:90px; }
#a2 { width:250px; height:100px; position:relative; left:-51px; top:138px; }
#a3 { width:250px; height:100px; position:relative; left:658px; top:80px; }
.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; }
#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; }

.ws_product1_list { width:100%; height:auto; margin:15px 0px 0px; overflow:hidden; }
.ws_product1 { width:1024px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 10px 0px; }
.ws_product1_row1 { width:634px; height:auto; float:left; padding-bottom:45px; }
.ws_product1_row2 { width:390px; height:auto; float:left; }
.ws_product1_image { width:370px; height:330px; margin:60px 20px 0px 0px; float:right; }
.ws_product1 h3 { width:570px; font-size:24px; font-weight:bold; margin:70px 20px 0px 40px; float:left; }
.ws_product1 h4 { width:570px; font-size:16px; line-height:32px; font-weight:bold; margin:20px 20px 0px 40px; float:left; }
.ws_product1 p { width:570px; font-size:16px; line-height:32px; margin:16px 20px 0px 40px; float:left; }
.ws_product1 ul { width:510px; margin:10px 20px 0px 40px; float:left; }
.ws_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; }
.ws_product1 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:40px; }
.ws_product1 a:hover { color:#83b31d; }
.ws_product1a { width:497px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 30px 60px 0px; padding:16px 0px; }
.ws_product1b { width:497px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 60px 0px; padding:16px 0px; }
.ws_product1a h3,.ws_product1b h3 { width:497px; font-size:24px; line-height:36px; font-weight:bold; text-align:center; margin:10px 0px; }

.ws_product2_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.ws_product2 { width:488px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 10px; }
.ws_product2 h3 { width:412px; font-size:24px; font-weight:bold; margin:70px 20px 0px 40px; text-align:center; float:left; }
.ws_product2 h4 { width:412px; font-size:16px; line-height:32px; font-weight:bold; margin:10px 20px 0px 40px; float:left; }
.ws_product2 ul { width:412px; height:110px; margin:10px 20px 0px 40px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; margin-bottom:6px; }
.ws_product2 p { width:412px; height:auto; font-size:16px; line-height:32px; margin:16px 20px 0px 40px; float:left; }
.ws_product2 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:50px; }
.ws_product2 a:hover { color:#83b31d; }
.ws_product2 .h96{ height: 128px; }
.ws_product2 .h128{ height: 162px; }
}
@media (min-width:1080px) { 
#wrap_index { width:100%; height:1170px; background:url(../images/app/ws/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:830px; margin:0px auto; }
#a1 { width:250px; height:100px; position:relative; left:210px; top:90px; }
#a2 { width:250px; height:100px; position:relative; left:-24px; top:138px; }
#a3 { width:250px; height:100px; position:relative; left:686px; top:80px; }
#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 10px; padding:0px; font-weight:bold; }

.ws_product1_list { width:100%; height:auto; margin:15px 0px 0px; overflow:hidden; }
.ws_product1 { width:1080px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 10px 0px; }
.ws_product1_row1 { width:690px; height:auto; float:left; padding-bottom:45px; }
.ws_product1_row2 { width:390px; height:auto; float:left; }
.ws_product1_image { width:370px; height:330px; margin:60px 20px 0px 0px; float:right; }
.ws_product1 h3 { width:580px; font-size:24px; font-weight:bold; margin:70px 20px 0px 65px; float:left; }
.ws_product1 h4 { width:580px; font-size:16px; line-height:32px; font-weight:bold; margin:20px 20px 0px 65px; float:left; }
.ws_product1 p { width:580px; font-size:16px; line-height:32px; margin:16px 20px 0px 65px; float:left; }
.ws_product1 ul { width:510px; margin:10px 20px 0px 65px; float:left; }
.ws_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; }
.ws_product1 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:40px; }
.ws_product1 a:hover { color:#83b31d; }
.ws_product1a { width:525px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 30px 60px 0px; padding:16px 0px; }
.ws_product1b { width:525px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 60px 0px; padding:16px 0px; }
.ws_product1a h3,.ws_product1b h3 { width:525px; font-size:24px; line-height:36px; font-weight:bold; text-align:center; margin:10px 0px; }

.ws_product2_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.ws_product2 { width:510px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.ws_product2 h3 { width:412px; font-size:24px; font-weight:bold; margin:70px 20px 0px 50px; text-align:center; float:left; }
.ws_product2 h4 { width:412px; font-size:16px; line-height:32px; font-weight:bold; margin:10px 20px 0px 50px; float:left; }
.ws_product2 ul { width:412px; height:110px; margin:10px 20px 0px 50px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; margin-bottom:6px; }
.ws_product2 p { width:412px; height:auto; font-size:16px; line-height:32px; margin:16px 20px 0px 50px; float:left; }
.ws_product2 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:50px; }
.ws_product2 a:hover { color:#83b31d; }
.ws_product2 .h96{ height: 128px; }
.ws_product2 .h128{ height: 132px; }
}
@media (min-width:1200px) { 
#wrap_index { width:100%; height:1170px; background:url(../images/app/ws/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 { width:1070px; font-size:16px; line-height:36px; text-align:center; margin:44px auto 0px; }
#w2 { width:1200px; height:830px; margin:0px auto; }
#a1 { width:250px; height:100px; position:relative; left:270px; top:90px; }
#a2 { width:250px; height:100px; position:relative; left:-13px; top:120px; }
#a3 { width:250px; height:100px; position:relative; left:746px; top:80px; }
.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; }

.ws_product1_list { width:100%; height:auto; margin:15px 0px 0px; overflow:hidden; }
.ws_product1 { width:1200px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 10px 0px; }
.ws_product1_row1 { width:810px; height:auto; float:left; padding-bottom:45px; }
.ws_product1_row2 { width:390px; height:auto; float:left; }
.ws_product1_image { width:370px; height:330px; margin:60px 20px 0px 0px; float:right; }
.ws_product1 h3 { width:660px; font-size:24px; font-weight:bold; margin:70px 20px 0px 80px; float:left; }
.ws_product1 h4 { width:660px; font-size:16px; line-height:32px; font-weight:bold; margin:20px 20px 0px 80px; float:left; }
.ws_product1 p { width:660px; font-size:16px; line-height:32px; margin:16px 20px 0px 80px; float:left; }
.ws_product1 ul { width:600px; margin:10px 20px 0px 85px; float:left; }
.ws_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; }
.ws_product1 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:40px; }
.ws_product1 a:hover { color:#83b31d; }
.ws_product1a { width:584px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 30px 60px 0px; padding:16px 0px; }
.ws_product1b { width:584px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 0px 60px 0px; padding:16px 0px; }
.ws_product1a h3,.ws_product1b h3 { width:584px; font-size:24px; line-height:36px; font-weight:bold; text-align:center; margin:10px 0px; }
.ws_product2_list { width:100%; height:auto; margin:35px 0px 90px; overflow:hidden; }
.ws_product2 { width:560px; height:auto; float:left; background:#f7f8f8; border-radius:8px; margin:10px 10px 10px 18px; }
.ws_product2 h3 { width:440px; font-size:24px; font-weight:bold; margin:70px 20px 0px 70px; text-align:center; float:left; }
.ws_product2 h4 { width:440px; font-size:16px; line-height:32px; font-weight:bold; margin:10px 20px 0px 70px; float:left; }
.ws_product2 ul { width:440px; height:110px; margin:10px 20px 0px 70px; float:left; }
.ws_product2 ul li { width:100%; height:auto; font-size:16px; color:#3b3e40; background:url(../images/app/d2.png) no-repeat -4px -4px; padding-left:18px; margin-bottom:6px; }
.ws_product2 p { width:440px; height:auto; font-size:16px; line-height:32px; margin:16px 20px 0px 70px; float:left; }
.ws_product2 a { color:#8fc31f; font-size:16px; line-height:32px; text-align:center; display:block; margin-bottom:50px; }
.ws_product2 a:hover { color:#83b31d; }
.ws_product2 .h96{ height: 96px; }
.ws_product2 .h128{ height: 128px; }
}
@media (min-width:1300px) { 
#w1 { width:1200px; height:340px; margin:0px auto; }
.ct_p4 { margin:100px 0px 0px 0px; }
}
@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) { }