:root { --transition-duration:1.2s; --content-bg:rgba(0,0,0,0.7); }
@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/sc/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:32px; 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:92px; float:left; background:#8fc31f; margin-right:10px; }
#mb_content ul { width:94%; height:auto; margin:30px auto; }
#mb_content li { width:100%; height:auto; 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:#eaf3fa; }
.ctbg3 { background:#ecf9ff; }
.ctbg4 { background:#256fb0; }
.ctbg5 { background:#171e26; }
.ctbg6 { background:#e8f1f8; }
.ctbg7 { background:#f1f9fd; }
#detail_main { width:100%; margin:0px; padding:0px; overflow:auto; background:#ffffff; }
.content { padding:0px 10px; }
.ba_1 { display:none; }
.ba_2 { display:block; }
.ct_tit,.ct_tit2,.ct_tit3,.ct_tit4 { font-size:24px; line-height:28px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_tit5 { width:100%; font-size:18px; line-height:28px; color:#000000; text-align:left; padding:20px 0px 0px 10px; font-weight:bold; }
.ct_p,.ct_p2,.ct_p3 { font-size:14px; line-height:24px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.ct_center { text-align:center; }
.app-section-btn { display:block; margin:0px auto 10px; }
.app-section-btn div { width:166px; height:46px; margin:20px auto 0px; background:#8fc31f; font-size:16px; line-height:48px; text-align:center; color:#ffffff; border-radius:24px; overflow:hidden; }
.app-section-btn div:hover { background:#83b31d !important; color:#ffffff; }
.car1,.car2 { width:100%; height:auto; overflow:hidden; }
.b120 { margin-bottom:60px !important; }
.b80 { margin-bottom:30px !important; }
.functiontabs { width:280px; height:auto; margin:20px 0px 0px; overflow:hidden; }
.functiontabs-nav { width:100%; height:auto; float:left; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 14px 0px 0px; padding:4px 6px; border-radius:8px; display: flex; align-items: center; }
.functiontabs-content { width:280px; height:auto; float:left; margin:20px 0px 10px; }
.functiontabs-pane { display:none; margin-bottom:40px; }
.functiontabs-pane.active { display:block; }
.functiontabs-nav li { cursor:pointer; }
.functiontabs-nav li.active { color:#7db00e; border:1px solid #7db00e; }
}
/*针对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; }
.functiontabs { width:294px; height:auto; margin:20px 0px 0px; overflow:hidden; }
.functiontabs-content { width:294px; height:auto; float:left; margin:20px 0px 10px; }
#mb_content .mb-h2left { height:62px; }
}
/*针对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; }
.app-section-btn { display:inline-block; float:left; margin-right:4px; }
.app-section-btn div { width:166px; height:46px; margin:20px auto 0px; background:#8fc31f; font-size:16px; line-height:48px; text-align:center; color:#ffffff; border-radius:24px; overflow:hidden; }
.app-section-btn div:hover { background:#83b31d !important; color:#ffffff; }
.functiontabs { width:336px; height:auto; margin:20px 0px 0px; overflow:hidden; }
.functiontabs-nav { width:100%; height:auto; float:left; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 14px 0px 0px; padding:4px 6px; border-radius:8px; display: flex; align-items: center; }
.functiontabs-content { width:336px; height:auto; float:left; margin:20px 0px 10px; }
.functiontabs-pane { display:none; margin-bottom:40px; }
.functiontabs-pane.active { display:block; }
.functiontabs-nav li { cursor:pointer; }
.functiontabs-nav li.active { color:#7db00e; border:1px solid #7db00e; }
}
/*针对iphone6*/
@media (min-width:375px) { 
#advertising { width:100%; height:342px; position:relative; top:0px; }
.slides { height:342px; }
.section-bg { width:100%; height:342px; }
.app-section-btn { margin-left:2px; margin-right:8px; }
.functiontabs { width:350px; }
.functiontabs-content { width:350px; }
}
/*针对全面屏安卓*/
@media (min-width:390px) { 
#advertising { width:100%; height:355px; position:relative; top:0px; }
.slides { height:355px; }
.section-bg { width:100%; height:355px; }
.app-section-btn { margin-left:10px; margin-right:8px; }
.functiontabs { width:364px; }
.functiontabs-content { width:364px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 10px 0px 0px; padding:4px 3px; border-radius:8px; display: flex; align-items: center; }
}
@media (min-width:400px) { 
#advertising { width:100%; height:365px; position:relative; top:0px; }
.slides { height:365px; }
.section-bg { width:100%; height:365px; }
.functiontabs { width:376px; }
.functiontabs-content { width:376px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 10px 0px 0px; padding:4px 3px; border-radius:8px; display: flex; align-items: center; }
}
/*针对iphone6s plus*/
@media (min-width:410px) { 
#advertising { width:100%; height:378px; position:relative; top:0px; }
.slides { height:378px; }
.section-bg { width:100%; height:378px; }
.app-section-btn { margin-left:14px; margin-right:10px; }
.functiontabs { width:386px; }
.functiontabs-content { width:386px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 6px 0px 0px; padding:4px 3px; border-radius:8px; display: flex; align-items: center; }
}
/*针对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; }
.app-section-btn { margin-left:44px; margin-right:12px; }
.functiontabs { width:456px; }
.functiontabs-content { width:456px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 12px 0px 0px; padding:4px 6px; border-radius:8px; display: flex; align-items: center; }
}
@media (min-width:500px) { 
#advertising { width:100%; height:456px; position:relative; top:0px; }
.slides { height:456px; }
.section-bg { width:100%; height:456px; }
.ct_tit,.ct_tit2,.ct_tit3,.ct_tit4 { font-size:26px; line-height:36px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p,.ct_p2,.ct_p3 { font-size:16px; line-height:26px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.functiontabs { width:456px; float:none; overflow:hidden; margin:20px auto 0px; }
}
@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,.ct_tit2,.ct_tit3,.ct_tit4 { font-size:28px; line-height:38px; color:#000000; text-align:center; padding:50px 0px 0px; font-weight:bold; }
.ct_p,.ct_p2,.ct_p3 { font-size:16px; line-height:28px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.app-section-btn { margin-left:70px; margin-right:30px; }
#mb_content .mb-h2left { height:40px; }
.functiontabs { width:570px; }
.functiontabs-content { width:570px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 10px 0px 0px; padding:4px 6px; border-radius:8px; display: flex; align-items: center; }
}
@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,.ct_tit2,.ct_tit3,.ct_tit4 { font-size:32px; line-height:42px; color:#000000; text-align:center; padding:50px 0px 10px; font-weight:bold; }
.ct_p,.ct_p2,.ct_p3 { font-size:16px; line-height:30px; color:#515151; text-align:center; margin:10px auto 8px auto; }
.app-section-btn { margin-left:80px; margin-right:80px; }
.functiontabs { width:670px; }
.functiontabs-content { width:670px; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 12px 0px 0px; padding:4px 7px; border-radius:8px; display: flex; align-items: center; }
}
@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; }
.app-section-btn { margin-left:100px; margin-right:80px; }
}
@media (min-width:768px) { 
#banner { width:100%; height:640px; position:relative; 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; }
.banner_bg1 { background:url("../images/app/sc/banner1.jpg") center center no-repeat; }
.banner_bg2 { background:url("../images/app/sc/banner2.jpg") center center no-repeat; }
.banner_bg3 { background:url("../images/app/sc/banner3.jpg") center center no-repeat; }
.banner_bg4 { background:url("../images/app/sc/banner4.jpg") center center no-repeat; }
.banner_bg5 { background:url("../images/app/sc/banner5.jpg") center center no-repeat; }
.banner_bg6 { background:url("../images/app/sc/banner6.jpg") center center no-repeat; }
.show-container { width:100%; height:1080px; float:left; transition:background var(--transition-duration) cubic-bezier(0.4,0,0.2,1); background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.control-panel { width:740px; height:60px; margin:0px auto; position:relative; top:14%; z-index:1000; }
.nav-btn { padding:10px 10px; border:2px solid #a9a9a9; color:#3b3e40; border-radius:26px; cursor:pointer; margin:6px 4px 2px 0px; font-size:13px; }
.nav-btn.active { border:2px solid #8fc31f; color:#8fc31f; }
.nav-btn:last-child { margin-right:0px; }
#content1,#content2,#content3,#content4,#content7,#content8 { color:#000000; }
#content5,#content6 { color:#ffffff; }
.content-wrapper { position:relative; width:768px; min-height:300px; margin:0px auto; z-index:999; }
.content-cp { position:absolute; width:100%; padding:20px; opacity:0; }
.content-cp.active { opacity:1; transform:translateY(0); }
.content-cp h3 { width:700px; font-size:32px; line-height:42px; text-align:center; margin:-20px auto 40px auto; padding:0px; font-weight:bold; }
.content-cp h4 { width:700px; font-size:32px; line-height:40px; text-align:center; margin:170px auto 30px auto; padding:0px; font-weight:normal; }
.content-cp p { width:700px; font-size:16px; line-height:32px; text-align:center; margin:30px auto 40px auto; padding:0px; }
}
@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:1380px; background:url(../images/app/sc/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; line-height:34px; text-align:center; margin-top:20px; }
#w1 p { font-size:16px; line-height:30px; text-align:center; margin-top:30px; }
#w2 { width:1024px; height:1146px; margin:0px auto; overflow:hidden; }
#a1 { width:480px; height:100px; position:relative; left:308px; top:100px; }
#a2 { width:480px; height:100px; position:relative; left:502px; top:108px; }
#a3 { width:480px; height:100px; position:relative; left:0px; top:136px; }
#a4 { width:360px; height:100px; position:relative; left:682px; top:50px; }
#a5 { width:480px; height:100px; position:relative; left:112px; top:46px; }
#a6 { width:360px; height:100px; position:relative; left:371px; top:72px; }
.moving-div { width:480px; height:100px; position:relative; animation:moveUpDown 1s infinite alternate ease-in-out; }
.moving-top { width:480px; height:40px; margin:0 auto; }
.moving-bottom { width:480px; height:60px; margin:0 auto; text-align:center; }
.moving-top h3,.moving-top2 h3 { font-size:18px; text-align:center; color:#ffffff; line-height:40px; }
.moving-top-t1 { background:#83b514; width:480px; height:40px; margin:0 auto; border-radius:28px; }
.moving-top-t2 { background:#83b514; width:360px; height:40px; margin:0 auto; border-radius:28px; }
.moving-div2 { width:360px; height:100px; position:relative; animation:moveUpDown 1s infinite alternate ease-in-out; }
.moving-top2 { width:360px; height:40px; margin:0 auto; }
.moving-bottom2 { width:360px; height:60px; margin:0 auto; text-align:center; }

#detail_main .content { width:100%; max-width:1024px; padding:0px; margin:0 auto; overflow:hidden; }
.ct_tit { width:1000px; font-size:42px; line-height:52px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit2 { width:500px; font-size:32px; line-height:42px; color:#3b3e40; text-align:left; font-weight:bold; margin:20px 0px 20px 0px; padding:0px; }
.ct_tit3 { width:500px; font-size:32px; line-height:42px; color:#3b3e40; text-align:center; font-weight:bold; margin:100px auto 20px auto; }
.ct_tit4 { width:1000px; font-size:32px; line-height:42px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit5 { width:1000px; font-size:20px; line-height:32px; color:#000000; text-align:left; padding:20px 0px 0px 10px; padding:0px; font-weight:bold; }
.ct_center { text-align:left; }
.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 { width:480px; font-size:16px; color:#515151; line-height:28px; text-align:left; margin:26px 0px 40px 0px; }
.ct_p3 { width:1000px; font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:16px auto 20px auto; }
.car1 { width:500px; height:560px; float:left; margin-top:110px; margin-left:10px; }
.car2 { width:512px; height:540px; float:left; margin-top:150px; }
.app-section-btn { display:inline-block; float:left; margin-left:0px; margin-right:20px; }
.app-section-btn div { width:166px; height:46px; margin:20px auto 60px; background:#8fc31f; font-size:16px; line-height:48px; text-align:center; color:#ffffff; border-radius:24px; overflow:hidden; }
.app-section-btn div:hover { background:#83b31d !important; color:#ffffff; }
.b120 { margin-bottom:120px !important; }
.b80 { margin-bottom:80px !important; }
.show-container { width:100%; height:1080px; float:left; transition:background var(--transition-duration) cubic-bezier(0.4,0,0.2,1); background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.control-panel { width:930px; height:60px; margin:0px auto; position:relative; top:14%; z-index:1000; }
.nav-btn { padding:10px 10px; border:2px solid #a9a9a9; color:#3b3e40; border-radius:30px; cursor:pointer; margin:6px 6px 2px 0px; font-size:12px; }
.nav-btn.active { border:2px solid #8fc31f; color:#8fc31f; }
.nav-btn:last-child { margin-right:0px; }
#content1,#content2,#content3,#content4,#content7,#content8 { color:#000000; }
#content5,#content6 { color:#ffffff; }
.content-wrapper { position:relative; width:1024px; min-height:300px; margin:0px auto; z-index:999; }
.content-cp { position:absolute; width:100%; padding:30px; opacity:0; }
.content-cp.active { opacity:1; transform:translateY(0); }
.content-cp h3 { width:900px; font-size:32px; line-height:42px; text-align:center; margin:-20px auto 40px auto; padding:0px; font-weight:bold; }
.content-cp h4 { width:900px; font-size:32px; line-height:42px; text-align:center; margin:170px auto 30px auto; padding:0px; font-weight:normal; }
.content-cp p { width:960px; font-size:16px; line-height:38px; text-align:center; margin:30px auto 40px auto; padding:0px; }
.functiontabs { width:980px; height:auto; margin:42px 0px 30px; }
.functiontabs-nav { width:100%; height:auto; float:left; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; color:#3b3e40; text-align:center; border:1px solid #3b3e40; margin:6px 14px 0px 0px; padding:4px 6px; border-radius:20px; display: flex; align-items: center; }
.functiontabs-content { width:980px; height:auto; float:left; margin:20px 0px 40px; }
.functiontabs-pane { display:none; margin-bottom:60px; }
.functiontabs-pane.active { display:block; }
.functiontabs-nav li { cursor:pointer; }
.functiontabs-nav li.active { color:#7db00e; border:1px solid #7db00e; }
}
@media (min-width:1080px) { 
#wrap_index { width:100%; height:1380px; background:url(../images/app/sc/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:16px; text-align:center; margin-top:30px; }
#w2 { width:1080px; height:1040px; margin:0px auto; }
#a1 { width:480px; height:100px; position:relative; left:335px; top:100px; }
#a2 { width:480px; height:100px; position:relative; left:589px; top:108px; }
#a3 { width:480px; height:100px; position:relative; left:0px; top:136px; }
#a4 { width:360px; height:100px; position:relative; left:718px; top:50px; }
#a5 { width:480px; height:100px; position:relative; left:140px; top:46px; }
#a6 { width:360px; height:100px; position:relative; left:400px; top:72px; }
#detail_main .content { max-width:1080px; padding:0px; margin:0 auto; }
.ct_tit { width:1072px; font-size:42px; line-height:52px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit2 { width:500px; font-size:32px; line-height:42px; color:#3b3e40; text-align:left; font-weight:bold; margin:20px 0px 20px 0px; padding:0px; }
.ct_tit3 { width:500px; font-size:32px; line-height:42px; color:#3b3e40; text-align:center; font-weight:bold; margin:100px auto 20px auto; }
.ct_tit4 { width:1020px; font-size:32px; line-height:42px; color:#000000; text-align:center; margin:110px auto 40px auto; padding:0px; font-weight:bold; }
.ct_tit5 { width:1020px; font-size:20px; line-height:32px; color:#000000; text-align:left; padding:20px 0px 0px 10px; font-weight:bold; }
.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 { width:500px; font-size:16px; color:#515151; line-height:30px; text-align:left; margin:26px 0px 40px 0px; }
.ct_p3 { width:1138px; font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:16px auto 20px auto; }
.car1 { width:510px; height:540px; float:left; margin-top:110px; margin-left:10px; }
.car2 { width:560px; height:520px; float:left; margin-top:140px; }
.content-wrapper { position:relative; width:1080px; min-height:300px; margin:0px auto; z-index:999; }
.content-cp h3 { width:980px; font-size:32px; line-height:42px; text-align:center; margin:-20px auto 40px auto; padding:0px; font-weight:bold; }
.content-cp h4 { width:1020px; font-size:32px; line-height:40px; text-align:center; margin:150px auto 10px auto; padding:0px; font-weight:normal; }
.content-cp p { width:1020px; font-size:16px; line-height:32px; text-align:center; margin:10px auto 40px auto; padding:0px; }
.functiontabs { width:1030px; height:auto; margin:42px 0px 30px; }
.functiontabs-nav { width:100%; height:auto; float:left; }
.functiontabs-nav li { height:50px; float:left; font-size:12px; line-height:16px; color:#3b3e40; text-align:center; border:1px solid #3b3e40; margin:6px 14px 0px 0px; padding:4px 9px; border-radius:20px; display: flex; align-items: center; }
.functiontabs-content { width:1030px; height:auto; float:left; margin:20px 0px 40px; }
.functiontabs-pane { display:none; margin-bottom:60px; }
.functiontabs-pane.active { display:block; }
.functiontabs-nav li { cursor:pointer; }
.functiontabs-nav li.active { color:#7db00e; border:1px solid #7db00e; }
.control-panel { width:1030px; height:60px; margin:0px auto; position:relative; top:14%; z-index:1000; }
}
@media (min-width:1200px) { 
#wrap_index { width:100%; height:1380px; background:url(../images/app/sc/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:30px; text-align:center; margin:44px auto 0px; }
#w2 { width:1200px; height:1040px; margin:0px auto; }
#a1 { width:480px; height:100px; position:relative; left:395px; top:100px; }
#a2 { width:480px; height:100px; position:relative; left:589px; top:108px; }
#a3 { width:480px; height:100px; position:relative; left:0px; top:136px; }
#a4 { width:360px; height:100px; position:relative; left:838px; top:50px; }
#a5 { width:480px; height:100px; position:relative; left:197px; top:46px; }
#a6 { width:360px; height:100px; position:relative; left:461px; top:72px; }
.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; }
.car1 { width:570px; height:520px; float:left; margin-top:110px; margin-left:10px; }
.car2 { width:620px; height:500px; float:left; margin-top:130px; }
.ct_p2 { width:530px; font-size:16px; color:#515151; line-height:30px; text-align:left; margin:26px 0px 40px 0px; }
.content-wrapper { position:relative; width:1200px; min-height:300px; margin:0px auto; z-index:999; }
.content-cp h3 { width:1000px; font-size:32px; line-height:42px; text-align:center; margin:-20px auto 40px auto; padding:0px; font-weight:bold; }
.content-cp h4 { width:1160px; font-size:32px; line-height:40px; text-align:center; margin:150px auto 20px auto; padding:0px; font-weight:normal; }
.content-cp p { width:1100px; font-size:16px; line-height:32px; text-align:center; margin:20px auto 40px auto; padding:0px; }
.ZXDOC_t1 { width:1140px; }
.functiontabs { width:1200px; height:auto; margin:42px 0px 30px; }
.functiontabs-nav { width:100%; height:auto; float:left; }
.functiontabs-nav li { height:50px; float:left; font-size:13px; line-height:18px; text-align:center; color:#3b3e40; border:1px solid #3b3e40; margin:6px 14px 0px 0px; padding:4px 12px; border-radius:20px; display: flex; align-items: center; }
.functiontabs-content { width:1200px; height:auto; float:left; margin:20px 0px 40px; }
.functiontabs-pane { display:none; margin-bottom:60px; }
.functiontabs-pane.active { display:block; }
.functiontabs-nav li { cursor:pointer; }
.functiontabs-nav li.active { color:#7db00e; border:1px solid #7db00e; }
.nav-btn { padding:10px 12px; border:2px solid #a9a9a9; color:#3b3e40; border-radius:30px; cursor:pointer; margin:6px 10px 2px 0px; font-size:13px; }
.control-panel { width:1170px; height:60px; margin:0px auto; position:relative; top:14%; z-index:1000; }
}
@media (min-width:1300px) { 
#w1 { width:1200px; height:340px; margin:0px auto; }
.car1 { width:580px; height:520px; float:left; margin-top:110px; margin-left:0px; }
}
@media (min-width:1360px) { 
#detail_main { width:100%; overflow:hidden; }
.yang_card_pro { width:1900px; }
}
@media (min-width:1910px) { .yang_card_pro { width:1910px; }
}
@media (min-width:1920px) { .yang_card_pro { width:1920px; }
}
@media (min-width:1921px) { .yang_card_pro { width:100%; }
}
@media (min-width:2540px) { .yang_card_pro { width:2540px; }
}
@media (min-width:2550px) { .yang_card_pro { width:2550px; }
}
@media (min-width:2560px) { .yang_card_pro { width:2560px; }
}