#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:24px; 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:142px; 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:40px; }
#zwsiot3 ul li p{ font-size:14px; line-height:24px; text-align:left; margin-left:40px; 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:24px; font-weight:bold; color:#ffffff; text-align:center; line-height:38px; padding:60px 12px 0px; margin-bottom:20px; }
#zwsiot5_left{ width:100%; height:410px; 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:450px; 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:20px; padding-left:14px; padding-right:14px; }
#zwsiot5_left p,#zwsiot5_right p{ font-size:14px; line-height:28px; 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:14px; 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; }
}
/*针对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; text-align:center; border-radius:8px; overflow:hidden; }

#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; }
}
@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; 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; }
}
@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; }
}
@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; 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:142px; 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:22px; line-height:42px; text-align:left; margin-left:40px; }
#zwsiot3 ul li p{ font-size:14px; line-height:24px; text-align:left; margin-left:40px; margin-bottom:6px; }

#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:200px; 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_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:142px; 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:22px; line-height:42px; text-align:left; margin-left:40px; }
#zwsiot3 ul li p{ font-size:14px; line-height:24px; text-align:left; margin-left:40px; margin-bottom:6px; }


#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; }

.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_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:22px; line-height:42px; text-align:left; margin-left:40px; }
#zwsiot3 ul li p{ font-size:14px; line-height:24px; text-align:left; margin-left:40px; margin-bottom:6px; }

#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:200px; 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; }
}