#advertising { z-index:2; margin:0; }
.content { padding:0px 20px; }
@keyframes BGfadeOut { to { opacity:0.4; }
}
@keyframes BGfadeIn { to { opacity:0.8; }
}
@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) { 
#advertising { width:100%; height:274px; position:relative; top:0px; overflow:hidden; }
.slides { height:274px; }
.section-bg { width:100%; height:274px; background:url(../images/industrial_v9/ad_sbg.jpg) no-repeat; position:absolute; background-size:100% 100%; z-index:3; }
#myVideo { display:none; }
.content { padding:0px 12px; margin:30px 0px; }
.section-btn { display:none; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3 { font-size:22px; font-weight:bold; color:#000000; text-align:center; line-height:38px; padding-bottom:0px; padding-top:0px; margin-bottom:20px; }
.yang_card_p { width:100%; padding:0 5px; font-size:14px; color:#666666; line-height:26px; text-align:center; }
.yang_card_img { width:100%; height:auto; float:left; margin-top:5px; padding-bottom:35px; }
#zwsiot1 { width:100%; margin:0px; padding:0px; overflow:auto; background:#f5f5f5; }
#zwsiot1 .content { width:100%; height:auto; margin:60px auto 12px; overflow:auto; background:#f5f5f5; }
.zwsiot1_content_box { width:260px; height:auto; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
.zwsiot1_content_box h3 { font-size:20px; font-weight:bold; color:#262626; margin-top:20px; margin-bottom:16px; }
.zwsiot1_content_box:hover h3 { color:#8fc31f; }
.zwsiot1-line { width:20px; height:2px; background:#7bbc0d; display:inline-block; margin:0px 6px 8px; }
.zwsiot1_content_box p { font-size:14px; line-height:28px; color:#262626; margin-bottom:0px; }
.zwsiot1_content_box a p { color:#262626; }
#zwsiot1 .btn-view { width:222px; height:40px; margin:10px auto 60px; font-size:16px; line-height:40px; background:#8fc31f; color:#ffffff; text-align:center; border-radius:28px; color:#727171; overflow:hidden; }
#zwsiot1 .btn-view a { color:#ffffff; }
#zwsiot2 { margin:30px auto 0px; overflow:auto; }
#zwsiot2 .content { width:100%; height:auto; overflow:auto; margin:30px auto 10px; }
#zwsiot3 { margin:0px auto 0px; overflow:auto; background:#f5f5f5; }
#zwsiot3 .content { width:100%; height:auto; margin:60px auto 10px; }
#zwsiot3 .yang_card_pro_list { width:100%; margin:0px auto; padding:0px; }
#zwsiot3 ul { width:270px; height:450px; margin:30px auto 20px; }
#zwsiot3 ul li { width:260px; height:400px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li:last-child { margin-right:0px; }
#zwsiot3 ul li img { width:260px; }
#zwsiot3 ul li h3 { font-size:22px; line-height:42px; text-align:left; margin-left:20px; }
#zwsiot3 ul li p { font-size:14px; line-height:24px; text-align:left; margin-left:20px; margin-bottom:6px; }
.prolunboBox { position:relative; }
.prolunboCon { width:260px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
.prolunboIcon { width:100%; height:50px; }
.prolunboIcon .prev,.prolunboIcon .next { -webkit-transition:all 0.6s ease; transition:all 0.6s ease; margin:0 0; display:inline-block; text-decoration:none; width:56px; height:56px; border-radius:50%; position:absolute; }
.prolunboIcon .prev { background:url(../images/index_v9/industrial-prev.png) left center no-repeat #333333; left:26%; }
.prolunboIcon .next { background:url(../images/index_v9/industrial-next.png) right center no-repeat #333333; right:26%; }
.hd { display:none; }
#zwsiot3 .proBtn { width:100%; height:auto; margin-top:30px; }
#zwsiot3 .btn-view { width:160px; height:40px; margin:10px auto 60px; font-size:16px; line-height:40px; color:#333333; text-align:center; border-radius:28px; color:#727171; overflow:hidden; }
#zwsiot3 .btn-view a { color:#333333; }
#zwsiot4 { height:300px; background:url(../images/industrial_v9/ct_3.jpg) center center no-repeat; background-size:cover; margin:0px auto 0px; }
#zwsiot4 .content { width:100%; height:auto; float:left; margin:30px auto 10px; color:#ffffff; }
#zwsiot4 .yang_card_h3 { font-size:24px; font-weight:bold; color:#ffffff; text-align:center; line-height:38px; padding-bottom:0px; padding-top:30px; margin-bottom:20px; }
#zwsiot4 .yang_card_p { width:100%; padding:0 5px; font-size:14px; color:#ffffff; line-height:26px; text-align:center; }
#zwsiot5 { height:auto; background:#2d3134; }
#zwsiot5 .content { width:100%; margin:0px auto; overflow:hidden; padding:0px; }
#zwsiot5 .yang_card_h3 { font-size:22px; font-weight:bold; color:#ffffff; text-align:center; line-height:38px; padding:60px 12px 0px; margin-bottom:20px; }
#zwsiot5_left { width:100%; height:530px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_1.jpg) center center no-repeat; }
#zwsiot5_right { width:100%; height:400px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_2.jpg) center center no-repeat; }
#zwsiot5_left h3,#zwsiot5_right h3 { font-size:20px; line-height:32px; color:#ffffff; margin-bottom:10px; padding-left:14px; padding-right:14px; }
#zwsiot5_left p,#zwsiot5_right p { font-size:14px; line-height:20px; color:#ffffff; margin-bottom:8px; padding-left:14px; padding-right:14px; }
#zwsiot5_content { display:none; }
#zwsiot5_content_top { display:none; }
.zwsiot5-btn { width:230px; height:48px; color:#ffffff !important; font-size:12px; line-height:48px; text-align:center; border-radius:8px; margin:16px auto 10px; border:1px solid #ffffff; }
}
/*针对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 20px; }
}
/*针对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; }
.zwsiot1_content_box { width:300px; height:auto; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
#zwsiot3 ul { width:300px; height:480px; margin:30px auto 20px; }
#zwsiot3 ul li { width:300px; height:430px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li img { width:300px; }
.prolunboCon { width:300px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
#zwsiot5_left { width:100%; height:500px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_1.jpg) center center no-repeat; }
#zwsiot5_right { width:100%; height:400px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_2.jpg) center center no-repeat; }
}
/*针对iphone6*/
@media (min-width:375px) { 
#advertising { width:100%; height:342px; position:relative; top:0px; }
.slides { height:342px; }
.section-bg { width:100%; height:342px; }
.content { padding:0px 23px; }
.zwsiot1_content_box { width:310px; height:auto; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
#zwsiot3 ul { width:310px; height:500px; margin:30px auto 20px; }
#zwsiot3 ul li { width:310px; height:450px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li img { width:310px; }
.prolunboCon { width:310px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
}
/*针对全面屏安卓*/
@media (min-width:390px) { 
#advertising { width:100%; height:355px; position:relative; top:0px; }
.slides { height:355px; }
.section-bg { width:100%; height:355px; }
.zwsiot1_content_box { width:330px; height:auto; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
#zwsiot3 ul { width:330px; height:500px; margin:30px auto 20px; }
#zwsiot3 ul li { width:330px; height:450px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li img { width:330px; }
.prolunboCon { width:330px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
}
@media (min-width:400px) { 
#advertising { width:100%; height:365px; position:relative; top:0px; }
.slides { height:365px; }
.section-bg { width:100%; height:365px; }
.content { padding:0px 25px; }
}
/*针对iphone6s plus*/
@media (min-width:410px) { 
#advertising { width:100%; height:378px; position:relative; top:0px; }
.slides { height:378px; }
.section-bg { width:100%; height:378px; }
.zwsiot1-line { width:30px; height:2px; background:#7bbc0d; display:inline-block; margin:0px 12px 8px; }
}
/*针对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; }
.yang_card_h3 { font-size:28px; color:#333; text-align:center; line-height:34px; padding-bottom:4px; padding-top:0px; }
.zwsiot1-line { width:40px; height:2px; background:#7bbc0d; display:inline-block; margin:0px 12px 8px; }
.zwsiot1_content_box { width:202px; height:360px; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px 6px; text-align:center; border-radius:8px; overflow:hidden; }
.zwsiot1_content_box p { font-size:12px; line-height:24px; color:#262626; margin-bottom:0px; }
#zwsiot3 ul { width:420px; height:550px; margin:30px auto 20px; }
#zwsiot3 ul li { width:420px; height:500px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li img { width:420px; }
.prolunboCon { width:420px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
#zwsiot4 .yang_card_h3 { font-size:28px; color:#ffffff; text-align:center; line-height:34px; padding-bottom:0px; padding-top:30px; margin-bottom:20px; }
#zwsiot5 .yang_card_h3 { font-size:28px; color:#ffffff; text-align:center; line-height:34px; padding:60px 12px 0px; margin-bottom:20px; }
#zwsiot5_left { width:100%; height:420px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_1.jpg) center center no-repeat; }
#zwsiot5_right { width:100%; height:380px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_2.jpg) center center no-repeat; }
}
@media (min-width:500px) { 
#advertising { width:100%; height:456px; position:relative; top:0px; }
.slides { height:456px; }
.section-bg { width:100%; height:456px; }
.zwsiot1_content_box { width:210px; height:370px; float:left; background:#ffffff; margin:20px 6px 10px; padding:20px 6px; text-align:center; border-radius:8px; overflow:hidden; }
}
@media (min-width:600px) { 
#advertising { width:100%; height:547px; position:relative; top:0px; }
.slides { height:547px; }
.section-bg { width:100%; height:547px; }
.content { padding:25px 20px 20px 20px; margin:0px 0px; }
.yang_card_h3 { font-size:30px; color:#333; text-align:center; line-height:38px; padding-bottom:4px; padding-top:0px; }
.zwsiot1_content_box { width:260px; height:370px; float:left; background:#ffffff; margin:20px 10px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
#zwsiot4 .yang_card_h3 { font-size:30px; color:#ffffff; text-align:center; line-height:38px; padding-bottom:0px; padding-top:30px; margin-bottom:20px; }
#zwsiot5 .yang_card_h3 { font-size:30px; color:#ffffff; text-align:center; line-height:38px; padding:80px 12px 0px; margin-bottom:20px; }
#zwsiot5_left { width:100%; height:370px; float:left; text-align:center; color:#ffffff; background:url(../images/industrial_v9/ct_4_1.jpg) center center no-repeat; }
}
@media (min-width:700px) { 
#advertising { width:100%; height:638px; position:relative; top:0px; }
.slides { height:638px; }
.section-bg { width:100%; height:638px; }
.content { padding:25px 20px 30px 20px; margin:0px 0px; }
.yang_card_h3 { font-size:32px; color:#333; text-align:center; line-height:42px; padding-bottom:8px; padding-top:0px; }
.yang_card_p { width:100%; padding:0 20px; font-size:18px; color:#666666; line-height:34px; text-align:center; }
.zwsiot1_content_box { width:300px; height:370px; float:left; background:#ffffff; margin:20px 14px 10px; padding:20px; text-align:center; border-radius:8px; overflow:hidden; }
#zwsiot3 ul { width:520px; height:630px; margin:30px auto 20px; }
#zwsiot3 ul li { width:520px; height:580px; margin-top:20px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li img { width:520px; }
.prolunboCon { width:520px; margin:0 auto; padding:0px; text-align:center; overflow:hidden; }
#zwsiot4 .yang_card_h3 { font-size:32px; color:#ffffff; text-align:center; line-height:42px; padding-bottom:0px; padding-top:30px; margin-bottom:20px; }
#zwsiot5 .yang_card_h3 { font-size:32px; color:#ffffff; text-align:center; line-height:42px; padding:80px 12px 0px; margin-bottom:20px; }
.zwsiot1_content_box p { font-size:14px; line-height:24px; color:#262626; margin-bottom:0px; }
}
@media (min-width:767px) { 
#zwsiot1 { width:100%; margin:0px; padding:44px 0 45px; overflow:auto; background:#f5f5f5; }
#zwsiot2 { width:100%; margin:0px; padding:44px 0 0px; overflow:auto; background:#ffffff; }
#zwsiot3 { width:100%; margin:0px; padding:44px 0 0px; overflow:auto; background:#f5f5f5; }
#zwsiot4 { height:300px; background:url(../images/industrial_v9/ct_3.jpg) center center no-repeat; background-size:cover; margin:0px auto 0px; }
#zwsiot5 { width:100%; background:#2d3134; margin:0px; padding:0px 0 0px; overflow:auto; }
.content { padding:25px 0px 50px 0px; margin:0px 0px; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3 { font-size:42px; color:#000000; font-weight:bold; text-align:center; line-height:52px; padding-bottom:6px; padding-top:17px; margin-bottom:10px; }
.yang_card_p { width:100%; margin:0px; padding:0 70px; text-align:center; }
.yang_card_img { width:100%; height:auto; float:left; margin-top:25px; padding-bottom:60px; }
#zwsiot1 .content,#zwsiot2 .content { margin-top:0px; width:680px; }
#zwsiot3 .content { margin-top:0px; }
#zwsiot5 .content { margin-top:0px; }
#zwsiot4 .yang_card_h3 { font-size:42px; color:#ffffff; text-align:center; line-height:52px; padding-bottom:0px; padding-top:30px; margin-bottom:20px; }
#zwsiot5 .yang_card_h3 { font-size:42px; color:#ffffff; text-align:center; line-height:52px; padding:80px 12px 0px; margin-bottom:20px; }
}
@media (min-width:770px) { 
#advertising { width:100%; height:702px; position:relative; top:0px; }
.slides { height:702px; }
.section-bg { width:100%; height:702px; }
.content { padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width:785px) { 
#advertising { width:100%; height:716px; position:relative; top:0px; }
.slides { height:716px; }
.section-bg { width:100%; height:716px; }
.content { padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width:880px) { 
#advertising { width:100%; height:802px; position:relative; top:0px; }
.slides { height:802px; }
.section-bg { width:100%; height:802px; }
.yang_card_p { margin:0 auto; }
}
@media (min-width:980px) { 
#advertising { width:100%; height:894px; position:relative; top:0px; }
.slides { height:894px; }
.section-bg { width:100%; height:894px; }
.yang_card_h3 { padding-top:15px; }
.yang_card_p { margin:0 auto; padding:0 70px; font-size:14px; color:#666666; line-height:28px; text-align:center; }
}
@media (min-width:1024px) { 
#advertising { height:644px; background:#000; top:0px; }
.slides { height:644px; }
.section-bg { height:100%; background:url(../images/industrial_v9/ad_bg.jpg) center center no-repeat; background-size:cover; }
#myVideo { display:block; }
.lunbo_video_s { width:100vw; height:756px; display:block; background:#000; object-fit:cover; }
.yang_card_p { width:900px; margin:0 auto; padding:0 70px; font-size:14px; color:#666666; line-height:28px; text-align:center; }
#zwsiot1 .content { width:1024px; margin:0 auto 10px; overflow:hidden; }
.zwsiot1_content_box { width:242px; height:432px; float:left; background:#ffffff; margin:40px 6px 10px; padding:20px 10px; text-align:center; border-radius:8px; overflow:hidden; }
.zwsiot1_content_box:hover { margin:52px 6px 10px; box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.zwsiot1_content_box h3 { font-size:20px; font-weight:bold; color:#262626; margin-top:30px; margin-bottom:16px; }
.zwsiot1_content_box:hover h3 { color:#8fc31f; }
.zwsiot1_content_box img { margin-top:30px; }
.zwsiot1-line { width:70px; height:2px; background:#7bbc0d; display:inline-block; margin:0px 35px 12px; }
.zwsiot1_content_box p { font-size:14px; line-height:28px; color:#262626; margin-bottom:0px; }
.zwsiot1_content_box a p { color:#262626; }
.zwsiot1_content_box a:hover p { color:#8fc31f !important; }
#zwsiot1 .btn-view { width:212px; height:48px; margin:0 auto; font-size:16px; line-height:48px; background:#8fc31f; color:#ffffff; text-align:center; border-radius:28px; color:#727171; overflow:hidden; margin-bottom:40px; }
#zwsiot1 .btn-view a { color:#ffffff; }
#zwsiot1 .btn-view:hover { background:#83b31d; }
#zwsiot2 .content { width:1024px; margin:0 auto; }
#zwsiot3 .content { width:1024px; margin:0 auto 50px; overflow:hidden; }
#zwsiot3 .yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
#zwsiot3 ul { width:960px; height:410px; margin:30px auto 20px; }
#zwsiot3 ul li { width:220px; height:380px; margin-top:0px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li:last-child { margin-right:0px; }
#zwsiot3 ul li img { width:220px; }
#zwsiot3 ul li h3 { font-size:20px; line-height:40px; text-align:left; margin-left:20px; }
#zwsiot3 ul li p { font-size:14px; line-height:20px; text-align:left; margin-left:20px; margin-bottom:2px; }
#zwsiot3 ul li:hover { margin-top:12px; box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.prolunboBox { position:relative; }
.prolunboCon { text-align:center; margin:0 auto; width:940px; padding:38px 0 0 0; overflow:hidden; }
.prolunboIcon { height:0px; }
.prolunboIcon .prev,.prolunboIcon .next { -webkit-transition:all 0.6s ease; transition:all 0.6s ease; margin:0 0; display:inline-block; text-decoration:none; width:50px; height:50px; position:absolute; top:50%; margin-top:-28px; }
.prolunboIcon .prev { background:url(../images/index_v9/industrial-prev.png) left center no-repeat; left:0; }
.prolunboIcon .next { background:url(../images/index_v9/industrial-next.png) right center no-repeat; right:0; }
#zwsiot3 .proBtn { width:100%; height:auto; margin-top:20px; }
#zwsiot3 .btn-view { width:260px; height:50px; margin:0 auto; font-size:16px; line-height:48px; border:1px solid #727171; text-align:center; border-radius:28px; color:#727171; }
#zwsiot3 .btn-view:hover { border:1px solid #8fc31f; color:#8fc31f; cursor:pointer; }
#zwsiot3 .btn-view:hover a { color:#8fc31f; display:block; }
#zwsiot4 { width:100%; height:300px; padding:44px 0 45px; overflow:auto; background:url(../images/industrial_v9/ct3_bg.jpg) center center no-repeat; background-size:cover; }
#zwsiot4 .content { display:none; }
#zwsiot5 { height:870px; background-size:cover; border-top:2px solid #ffffff; position:relative; overflow:hidden; }
#zwsiot5 .content { width:1024px; margin:90px auto 20px; overflow:hidden; position:relative; z-index:199; }
#zwsiot5 .yang_card_h3 { font-size:42px; color:#ffffff; font-weight:bold; text-align:center; line-height:52px; padding-bottom:6px; padding-top:17px; margin-bottom:10px; }
#zwsiot5_left { width:512px; height:560px; float:left; text-align:center; color:#ffffff; margin-top:70px; background:none; }
#zwsiot5_right { width:512px; height:560px; float:left; text-align:center; color:#ffffff; margin-top:70px; background:none; }
#zwsiot5_left h3,#zwsiot5_right h3 { font-size:36px; line-height:48px; color:#ffffff; margin-bottom:40px; }
#zwsiot5_left p,#zwsiot5_right p { font-size:14px; line-height:28px; color:#ffffff; margin-bottom:8px; }
.zwsiot5-btn { width:272px; height:48px; color:#ffffff !important; font-size:14px; line-height:48px; text-align:center; border-radius:8px; margin:55px auto 10px; border:1px solid #ffffff; }
.zwsiot5-btn:hover { background:#86b522; border:1px solid #86b522; }
#zwsiot5_right .zwsiot5-btn { margin-top:83px; }
#zwsiot5_content { width:100vw; height:870px; background:url(../images/industrial_v9/ct5_bg.jpg) center center no-repeat; background-size:cover; position:absolute; z-index:99; left:0; top:0; display:block; }
#zwsiot5_content_left { width:50%; height:870px; background:rgba(0,0,0,0.8); float:left; }
#zwsiot5_content_right { width:50%; height:870px; background:rgba(0,0,0,0.8); float:left; }
#zwsiot5_content_top { width:100vw; height:870px; position:absolute; z-index:999; left:0; top:0; display:block; }
#zwsiot5_content_left_top { width:50%; height:870px; float:left; cursor:pointer; }
#zwsiot5_content_right_top { width:50%; height:870px; float:left; cursor:pointer; }
.zwsiot5_fadeOut { width:50%; height:870px; float:left; opacity:0.8; animation:BGfadeOut .8s forwards; }
.zwsiot5_fadeIn { width:50%; height:870px; float:left; opacity:0.4; animation:BGfadeIn 1s forwards; }
}
@media (min-width:1080px) { 
#advertising { height:680px; background:#000; top:0px; }
.slides { height:680px; }
}
@media (min-width:1200px) { 
#advertising { height:756px; background:#000; }
.slides { height:756px; }
.section-bg { height:100%; background:url(../images/industrial_v9/ad_bg.jpg) center center no-repeat; background-size:cover; }
.section-btn { width:100%; height:68px; position:absolute; z-index:2px; bottom:0; left:0; background:rgba(0,0,0,0.8); display:block; }
.section-btn-content { width:1200px; height:68px; margin:0 auto; }
.section-btn-row { width:25%; height:68px; float:left; color:#ffffff; font-size:16px; line-height:48px; padding-top:10px; text-align:center; }
.section-btn-row>svg { fill:#ffffff; width:28px; height:28px; margin:10px 10px -6px 0px; }
.section-btn-row:hover { color:#8fc31f; }
.section-btn-row:hover>svg { fill:#8fc31f; }
.yang_card_h3 { padding-top:40px; }
.yang_card_p { width:1200px; margin:40px auto 0px; padding:0 70px; font-size:16px; color:#666666; line-height:28px; text-align:center; }
#zwsiot1 .content { width:1200px; margin:0 auto 10px; overflow:hidden; }
.zwsiot1_content_box { width:288px; height:432px; float:left; background:#ffffff; margin:60px 6px 10px; padding:20px; text-align:center; border-radius:8px; }
.zwsiot1_content_box:hover { margin:52px 6px 10px; box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.zwsiot1_content_box h3 { font-size:20px; font-weight:bold; color:#262626; margin-top:30px; margin-bottom:16px; }
.zwsiot1_content_box:hover h3 { color:#8fc31f; }
.zwsiot1_content_box img { margin-top:30px; }
.zwsiot1-line { width:70px; height:2px; background:#7bbc0d; display:inline-block; margin:0px 35px 12px; }
.zwsiot1_content_box p { font-size:14px; line-height:28px; color:#262626; margin-bottom:0px; }
.zwsiot1_content_box a p { color:#262626; }
.zwsiot1_content_box a:hover p { color:#8fc31f !important; }
#zwsiot1 .btn-view { width:212px; height:48px; margin:0 auto; font-size:16px; line-height:48px; background:#8fc31f; color:#ffffff; text-align:center; border-radius:28px; color:#727171; overflow:hidden; margin-bottom:40px; }
#zwsiot1 .btn-view a { color:#ffffff; }
#zwsiot1 .btn-view:hover { background:#83b31d; }
#zwsiot2 .content { width:1160px; margin:0 auto; }
#zwsiot3 .content { width:1200px; margin:0 auto 50px; overflow:hidden; }
#zwsiot3 .yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
#zwsiot3 ul { width:1100px; height:430px; margin:30px auto 20px; }
#zwsiot3 ul li { width:258px; height:400px; margin-top:0px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li:last-child { margin-right:0px; }
#zwsiot3 ul li img { width:258px; }
#zwsiot3 ul li h3 { font-size:20px; line-height:40px; text-align:left; margin-left:20px; }
#zwsiot3 ul li p { font-size:14px; line-height:24px; text-align:left; margin-left:20px; margin-bottom:2px; }
#zwsiot4 { width:100%; height:300px; padding:44px 0 45px; overflow:auto; background:url(../images/industrial_v9/ct3_bg.jpg) center center no-repeat; background-size:cover; }
#zwsiot4 .content { display:none; }
#zwsiot5 { height:870px; border-top:2px solid #ffffff; position:relative; overflow:hidden; }
#zwsiot5 .content { width:1200px; margin:90px auto 20px; overflow:hidden; position:relative; z-index:199; }
#zwsiot5 .yang_card_h3 { font-size:42px; color:#ffffff; font-weight:bold; text-align:center; line-height:52px; padding-bottom:6px; padding-top:17px; margin-bottom:10px; }
#zwsiot5_left { width:600px; height:560px; float:left; text-align:center; color:#ffffff; margin-top:70px; background:none; }
#zwsiot5_right { width:600px; height:560px; float:left; text-align:center; color:#ffffff; margin-top:70px; background:none; }
#zwsiot5_left h3,#zwsiot5_right h3 { font-size:36px; line-height:48px; color:#ffffff; margin-bottom:40px; }
#zwsiot5_left p,#zwsiot5_right p { font-size:14px; line-height:28px; color:#ffffff; margin-bottom:8px; padding-left:30px; padding-right:30px; }
.zwsiot5-btn { width:272px; height:48px; color:#ffffff !important; font-size:14px; line-height:48px; text-align:center; border-radius:8px; margin:55px auto 10px; border:1px solid #ffffff; }
.zwsiot5-btn:hover { background:#86b522; border:1px solid #86b522; }
#zwsiot5_content { width:100vw; height:870px; background:url(../images/industrial_v9/ct5_bg.jpg) center center no-repeat; background-size:cover; position:absolute; z-index:99; left:0; top:0; }
#zwsiot5_content_left { width:50%; height:870px; background:rgba(0,0,0,0.8); float:left; }
#zwsiot5_content_right { width:50%; height:870px; background:rgba(0,0,0,0.8); float:left; }
#zwsiot5_content_top { width:100vw; height:870px; position:absolute; z-index:999; left:0; top:0; }
#zwsiot5_content_left_top { width:50%; height:870px; float:left; cursor:pointer; }
#zwsiot5_content_right_top { width:50%; height:870px; float:left; cursor:pointer; }
#zwsiot5_right .zwsiot5-btn { margin-top:55px; }
.zwsiot5_fadeOut { width:50%; height:870px; float:left; opacity:0.8; animation:BGfadeOut .8s forwards; }
.zwsiot5_fadeIn { width:50%; height:870px; float:left; opacity:0.4; animation:BGfadeIn 1s forwards; }
}
@media (min-width:1300px) { 
.container { padding:0; }
#zwsiot2 .content { width:1200px; }
}
@media (min-width:1360px) { 
.container { padding:0; }
#zwsiot3 .content { width:1340px; margin:0 auto 50px; overflow:hidden; }
#zwsiot3 .yang_card_pro_list { width:100%; max-width:1340px; margin:0px auto; padding:0px; }
#zwsiot3 ul { width:1200px; height:446px; margin:30px auto 20px; }
#zwsiot3 ul li { width:286px; height:410px; margin-top:0px; margin-right:18px; float:left; background:#ffffff; border-radius:8px; overflow:hidden; }
#zwsiot3 ul li:last-child { margin-right:0px; }
#zwsiot3 ul li img { width:286px; }
#zwsiot3 ul li h3 { font-size:20px; line-height:40px; text-align:left; margin-left:20px; }
#zwsiot3 ul li p { font-size:14px; line-height:24px; text-align:left; margin-left:20px; margin-bottom:2px; }
#zwsiot3 ul li:hover { margin-top:12px; box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.prolunboBox { position:relative; }
.prolunboCon { text-align:center; margin:0 auto; width:1200px; padding:38px 0 0 0; overflow:hidden; }
.prolunboIcon .prev,.prolunboIcon .next { -webkit-transition:all 0.6s ease; transition:all 0.6s ease; margin:0 0; display:inline-block; text-decoration:none; width:50px; height:50px; position:absolute; top:50%; margin-top:-28px; }
.prolunboIcon .prev { background:url(../images/index_v9/industrial-prev.png) left center no-repeat; left:0; }
.prolunboIcon .next { background:url(../images/index_v9/industrial-next.png) right center no-repeat; right:0; }
#zwsiot3 .proBtn { width:100%; height:auto; margin-top:20px; }
#zwsiot3 .btn-view { width:260px; height:50px; margin:0 auto; font-size:16px; line-height:48px; border:1px solid #727171; text-align:center; border-radius:28px; color:#727171; }
#zwsiot3 .btn-view:hover { border:1px solid #8fc31f; color:#8fc31f; cursor:pointer; }
#zwsiot3 .btn-view:hover a { color:#8fc31f; display:block; }
}
@media (min-width:1900px) { #container { width:100%; overflow:hidden; }
#zwsiot4 { width:1900px; }
#zwsiot5 { width:1900px; }
}
@media (min-width:1910px) { #zwsiot4 { width:1910px; }
#zwsiot5 { width:1910px; }
}
@media (min-width:1920px) { #zwsiot4 { width:1920px; }
#zwsiot5 { width:1920px; }
}
@media (min-width:1921px) { #zwsiot4 { width:100%; }
#zwsiot5 { width:100%; }
}
@media (min-width:2540px) { #zwsiot4 { width:2540px; }
#zwsiot5 { width:2540px; }
}
@media (min-width:2550px) { #zwsiot4 { width:2550px; }
#zwsiot5 { width:2550px; }
}
@media (min-width:2560px) { #zwsiot5 { width:2560px; }
}