#advertising{ z-index:2; margin:0; }
.content{ padding:0px 20px; }
.v_video_con{ display:none; width:712px; height:400px; position:fixed; left:50%; top:50%; }
.v_yno{ display:none; }
.img-show{ width:100%; height:100%; position:absolute; overflow:hidden; background:url(../images/newvideo/v_bg.png) no-repeat;background-size:100% 100%; }
.tc_video{ cursor:default; }
.v_video{ cursor:pointer; }
@media only screen and (max-width:519px) {
.tc_video { display:none; width:300px; height:169px; position:fixed; left:11%; margin-left:0px; top: 65%; }
}
@media only screen and (max-width:365px) {
.tc_video { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; }
}
@media (min-width: 300px) {	
#advertising{ width:100%; height:349px; position:relative; top:75px; }
.slides{ height:274px; } 
.section-bg{ width:100%; height:274px; background:url(../images/ethercatnet_v9/adx_sbg.jpg) no-repeat; position:absolute; background-size:100% 100%; z-index:3; }
.section-bg .slider-text{ width:255px; height:180px; margin:16px 10px 10px 10px; padding:0; }
.secondary-heading{ width:255px; color:#fff; font-size:22px; line-height:22px; margin:0 0 4px 0; padding:0; position:relative; text-align:center; } 
.sub-heading{ width:255px; color:#fff; font-size:12px; line-height:18px; margin:0; padding:0; position:relative; text-align:center; }	
.content{ padding:0px 10px; margin:30px 0px; }

.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3{ font-size:26px; color:#000000; text-align:center; line-height:32px; padding-bottom:0px; padding-top:0px; margin-bottom:0px; font-weight:bold; }
.yang_card_p{ width:100%; padding:0 5px;font-size:12px; color:#666666; line-height:22px; text-align:center; }
.yang_card_img{ width:100%; height:auto; float:left; margin-top:5px; padding-bottom:35px; }
.ct_dt{ color:#ffffff; } 

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 20px; overflow:auto; background:#f5f5f5; }

.nav-cat-pro{ width:282px; height:186px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:100px; height:90px; float:left; margin-left:30px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:100px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:40px; height:40px; fill:#646464; margin-left:31px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

.nav-cat-pro .active>a{ position:relative; }
.nav-cat-pro .active>a>div>svg{ fill:#8fc31f; }
.nav-cat-pro .active h3{ color:#8fc31f; }

#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:280px; height:auto; float:left; }
.ethercatpro1_left,.ethercatpro2_left,.ethercatpro3_left{ float:left; display:none; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:280px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:280px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }

.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:280px; height:216px; float:right; margin:0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:260px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:240px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:240px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.ethercatpro1_information span:hover,.ethercatpro2_information span:hover,.ethercatpro3_information span:hover{ background:#83b31d; }


#ethercatindex1{ width:100%; height:980px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat #252525; }
.ethercatindex1_show{ width:280px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:278px; height:auto; float:left; padding:0px 10px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:30px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px;  color:#ffffff; }
.ethercatindex1_ico{ width:60px; height:60px; display:none; }

#ethercatindex2{ margin:0px auto 0px; overflow:auto; background:#ffffff; }
#ethercatindex2 .content{ width:100%; height:auto; overflow:auto; margin:60px auto 20px; }
.technical_article{ width:286px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden;  }
.technical_article_newsphoto{ display:none; }
.technical_article_list{ width:270px; height:auto; margin:0 10px 0px 5px; float:left; padding:0 10px 10px; }
.technical_article_list_link{ width:100%; height:auto; font-size:14px; line-height:28px; border-bottom:1px dashed #e2e2e2; margin-bottom:8px; }
.technical_article_list_more{ width:100%; height:auto; font-size:14px; line-height:28px; text-align:right; margin-top:20px; }

#ethercatindex3{ margin:0px auto 0px; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:100%; height:auto; overflow:auto; margin:60px auto 20px; }
.video_list_content{ width:276px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:350px; float:left; }
.video_pro_list_content{ width:270px; height:312px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:270px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:270px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

#ethercatindex3 .proBtn{ width:100%; height:auto; margin-top:0px; }
#ethercatindex3 .btn-view{ width:160px; height:40px; margin:10px auto 20px; font-size:16px; line-height:40px; color:#333333; text-align:center; border-radius:28px; color:#727171; overflow:hidden; }
#ethercatindex3 .btn-view a{ color:#333333; }


.v_video_con{ display:none; width:276px; height:155px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:276px; height:155px; background:#000; }	
.tc_video{ width:276px; }

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:276px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none;  }
.video-preview{ width:276px; height:156px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:256px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:256px; height:auto; margin:2px 10px 10px; float:left; display:none; }
.tc_video_title{ width:256px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:none; }
.tc_video_ico{ width:50px; height:46px; float:left;}
}
/*针对iphone5s*/
@media (min-width: 315px) {	
#advertising{ width:100%; height:362px; position:relative; top:75px; }
.slides{ height:287px; } 
.section-bg{ width:100%; height:287px; }
.section-bg .slider-text{ width:265px; height:180px; margin:16px 10px 10px 10px; padding:0; }
.secondary-heading{ width:265px; color:#fff; font-size:24px; line-height:30px;  margin:0 0 5px 0; padding:0; position:relative; }
.sub-heading{ width:265px; color:#fff; font-size:12px; line-height:18px; margin:0; padding:0; position:relative; }
.content{ padding:0px 20px; }

#ethercatindex3{ margin:0px auto 0px; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:100%; height:auto; overflow:auto; margin:60px auto 20px; }

.video_list_content{ width:274px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:350px; float:left; }
.video_pro_list_content{ width:270px; height:312px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:270px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:270px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
#advertising{ width:100%; height:403px; position:relative; top:75px; }
.slides{ height:328px; } 
.section-bg{ width:100%; height:328px; }
.section-bg .slider-text{ width:300px; height:190px; margin:20px 11px 10px 14px; padding:0; }
.secondary-heading{ width:300px; color:#fff; font-size:26px; line-height:20px; margin:0 0 15px 0; padding:0; position:relative; }
.sub-heading{ width:300px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 20px; overflow:auto; background:#f5f5f5; }

.nav-cat-pro{ width:330px; height:190px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:136px; height:90px; float:left; margin-left:28px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:100px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:40px; height:40px; fill:#646464; margin-left:30px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

.nav-cat-pro .active>a{ position:relative; }
.nav-cat-pro .active>a>div>svg{ fill:#8fc31f; }
.nav-cat-pro .active h3{ color:#8fc31f; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:340px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:340px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:324px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }

.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:316px; height:216px; float:right; margin:0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:274px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:240px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:240px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }

#ethercatindex1{ width:100%; height:960px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat #252525; }

#ethercatindex2{ width:100%; height:auto; margin:0px; padding:0px; overflow:auto; background:#ffffff; }
.technical_article{ width:326px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:314px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }

#ethercatindex3{ margin:0px auto 0px; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:100%; height:auto; overflow:auto; margin:60px auto 20px; }

.video_list_content{ width:320px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:360px; float:left; }
.video_pro_list_content{ width:310px; height:318px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:310px; height:176px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:310px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:316px; height:178px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:316px; height:178px; background:#000; top:68%;}	
.tc_video{ width:316px;  top:52%;}

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:316px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:316px; height:178px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:296px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:296px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:240px; height:46px; float:left; font-size:16px; font-weight:bold; line-height:42px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left;}
}
/*针对iphone6*/
@media (min-width: 375px) {
#advertising{ width:100%; height:417px; position:relative; top:75px; }
.slides{ height:342px; } 
.section-bg{ width:100%; height:342px; }
.section-bg .slider-text{ width:300px; height:210px; margin:20px 11px 10px 21px; padding:0; }
.secondary-heading{ width:300px; color:#fff; font-size:26px; line-height:26px; margin:0 0 10px 0; padding:0; position:relative; }
.sub-heading{ width:300px; color:#fff; font-size:16px; line-height:26px; margin:0; padding:0; position:relative; }	
.content{ padding:0px 23px; }

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 20px; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:340px; height:190px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:136px; height:90px; float:left; margin-left:30px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:100px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:40px; height:40px; fill:#646464; margin-left:30px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:350px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:350px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:334px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }

.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:326px; height:240px; float:right; margin:0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:290px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:250px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:250px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }

#ethercatindex1{  width:100%; height:950px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat #252525; }
.ethercatindex1_show{ width:350px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:328px; height:auto; float:left; padding:0px 10px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:30px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px;  color:#ffffff; }
.ethercatindex1_ico{ width:60px; height:60px; display:none; }

.technical_article{ width:338px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:326px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }

.video_list_content{ width:328px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:380px; float:left; }
.video_pro_list_content{ width:326px; height:336px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:326px; height:194px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:326px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:330px; height:186px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:330px; height:186px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:330px;height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:330px; height:188px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:310px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:310px; height:auto; margin:2px 10px 10px; float:left; }
.tc_video_title{ width:260px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; }
.tc_video_ico{ width:50px; height:46px; float:left; }
.tc_video{ width:330px; left:7%; top:50%; }
}
/*针对全面屏安卓*/
@media (min-width: 390px) {
#advertising{ width:100%; height:430px; position:relative; top:75px; }
.slides{ height:355px; } 
.section-bg{ width:100%; height:355px; }
.section-bg .slider-text{ width:300px; height:220px; margin:30px 17px 10px 31px; padding:0; }
.secondary-heading{ width:300px; color:#fff; font-size:28px; line-height:20px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading{ width:300px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 20px; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:342px; height:196px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:140px; height:90px; float:left; margin-left:30px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:104px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:40px; height:40px; fill:#646464; margin-left:30px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:360px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:360px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:348px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }

.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:346px; height:250px; float:right; margin:0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:302px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:270px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:270px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }

#ethercatindex1{ width:100%; height:920px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat #252525; }

.ethercatindex1_show{ width:360px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:348px; height:auto; float:left; padding:4px 10px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:30px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px;  color:#ffffff; }
.ethercatindex1_ico{ width:60px; height:60px; display:none; }

.technical_article{ width:350px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:336px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }
}
@media (min-width: 400px) {
#advertising{ width:100%; height:440px; position:relative; top:75px; }
.slides{ height:365px; } 
.section-bg{ width:100%; height:365px; }
.section-bg .slider-text{ width:310px; height:220px; margin:28px 18px 10px 30px; padding:0; }
.secondary-heading{ width:310px; color:#fff; font-size:28px; line-height:26px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading{ width:310px; color:#fff; font-size:16px; line-height:24px; margin:0; padding:0; position:relative; }
.content{ padding:0px 25px; }	
.yang_card_h3{ font-size:24px; color:#333; text-align:center; line-height:30px; padding-bottom:0px; padding-top:0px; }
.ct_dt{ color:#ffffff; } 

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 20px;  overflow:auto; background:#f5f5f5; }

.nav-cat-pro{ width:342px; height:190px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:140px; height:90px; float:left; margin-left:30px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:104px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:44px; height:44px; fill:#646464; margin-left:30px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

#ethercatindex1{ width:100%; height:940px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat #252525; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:370px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:370px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:346px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:346px; height:250px; float:right; margin:0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:310px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:260px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:260px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }

.video_list_content{ width:350px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:390px; float:left; }
.video_pro_list_content{ width:330px; height:348px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:330px; height:204px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:330px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:75%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:25%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:360px; height:203px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:360px; height:203px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:360px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:360px; height:205px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:340px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:340px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:290px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left; }
.tc_video{ width:360px; left:6%; top:50%; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {	
#advertising{ width:100%; height:453px; position:relative; top:75px; }
.slides{ height:378px; } 
.section-bg{ width:100%; height:378px; }
.section-bg .slider-text{ width:350px; height:250px; margin:40px 19px 10px 17px; padding:0; }
.secondary-heading{ width:350px; color:#fff; font-size:30px; line-height:16px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading{ width:350px; color:#fff; font-size:16px; line-height:24px; margin:0; padding:0; position:relative; }	

.yang_card_h3{ font-size:26px; color:#333; text-align:center; line-height:31px; padding-bottom:4px; padding-top:0px; }
.ct_dt{ color:#ffffff; } 

.nav-cat-pro{ width:360px; height:194px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:140px; height:90px; float:left; margin-left:32px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:106px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:44px; height:44px; fill:#646464; margin-left:32px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:370px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:370px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:360px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:356px; height:250px; float:right; margin:10px 0px 0px 0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:320px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:296px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:296px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }

.ethercatindex1_show{ width:380px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:370px; height:auto; float:left; padding:5px 10px; }

.technical_article{ width:360px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:350px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px;  }

.video_list_content{ width:360px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:100%; height:396px; float:left; }
.video_pro_list_content{ width:350px; height:352px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:350px; height:208px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:350px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:75%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:25%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }

.v_video_con{ display:none; width:370px; height:208px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:370px; height:208px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:370px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:370px; height:210px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:350px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:350px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:300px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left; }

.tc_video{  width:370px; left:6%; top:50%; }
}
/*针对1440*2560的android*/
@media (min-width: 480px) {	
#advertising{ width:100%; height:513px; position:relative; top:75px; }
.slides{ height:438px; } 
.section-bg{ width:100%; height:438px; }
.section-bg .slider-text{ width:380px; height:260px; margin:40px 24px 10px 35px; padding:0; }
.secondary-heading{ width:380px; color:#fff; font-size:34px; line-height:18px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading{ width:380px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }	

#ethercatindexpro{ width:100%; height:auto; margin:0px;  padding:35px 0 20px;  overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:430px; height:200px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:146px; height:90px; float:left; margin-left:50px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:116px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:48px; height:48px; fill:#646464; margin-left:36px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:440px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:440px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:430px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:430px; height:310px; float:right; margin:10px 0px 0px 0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:390px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:350px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:350px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px;  display:none; }

.ethercatindex1_show{ width:446px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:430px; height:auto; float:left; padding:5px 10px; }

.technical_article{ width:438px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:422px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }

.tc_video{ left:10%; top:50%; }
}
@media (min-width: 500px) {
#advertising{ width:100%; height:531px; position:relative; top:75px; }
.slides{ height:456px; } 
.section-bg{ width:100%; height:456px; }
.section-bg .slider-text{ width:380px; height:280px; margin:45px 27px 10px 43px; padding:0; }
.secondary-heading{ width:380px; color:#fff; font-size:34px; line-height:20px; margin:5px 0 20px 0; padding:0; position:relative; }
.sub-heading{ width:380px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }	

.yang_card_h3{ font-size:22px; line-height:34px; }
.yang_card_p{ width:100%; padding:0 20px;font-size:14px; color:#666666; line-height:24px; text-align:center; }
.ct_dt{ color:#ffffff; } 

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 30px; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:460px; height:200px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:146px; height:90px; float:left; margin-left:50px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:116px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:50px; height:50px; fill:#646464; margin-left:36px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:450px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:450px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:440px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:440px; height:310px; float:right; margin:10px 0px 0px 0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:390px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:350px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:350px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px;  display:none; }

.ethercatindex1_show{ width:470px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:450px; height:auto; float:left; padding:5px 10px; }

.tc_video{ width:383px; }
.v_video_con{ display:none; width:390px; height:220px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:390px; height:220px; background:#000; }
}
@media (min-width: 600px) {
#advertising{ width:100%; height:622px; position:relative; top:75px; }
.slides{ height:547px; } 
.section-bg{ width:100%; height:547px; }
.section-bg .slider-text{ width:500px; height:300px; margin:40px 34px 10px 38px; padding:0; }
.secondary-heading{ width:500px; color:#fff; font-size:44px; line-height:40px; margin:5px 0 20px 0; padding:0; position:relative; }
.sub-heading{ width:500px; color:#fff; font-size:20px; line-height:26px; margin:0; padding:0; position:relative; }
.content{ padding:25px 20px 20px 20px; margin:0px 0px; }	
.yang_card_h3{ font-size:26px; color:#333; text-align:center; line-height:42px; padding-bottom:5px; padding-top:0px; }
.yang_card_p{ width:100%; padding:0 20px;font-size:16px; color:#666666; line-height:28px; text-align:center; }
.ct_dt{ color:#ffffff; } 

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 30px; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:560px; height:118px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:120px; height:90px; float:left; margin-left:18px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:120px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:52px; height:52px; fill:#646464; margin-left:33px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }
#ethercatindex1{ width:100%; height:884px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:560px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:560px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:260px; height:350px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:258px; height:186px; float:right; margin:10px 0px 0px 0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:240px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:220px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:220px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px;  display:none; }

.ethercatindex1_show{ width:580px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:560px; height:auto; float:left; padding:6px 10px; }


.technical_article{ width:548px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:522px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }

.video_list_content{ width:560px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:50%; height:360px; float:left; }
.video_pro_list_content{ width:270px; height:314px; margin:24px 5px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:270px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:270px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:46px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:70%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; overflow:hidden; }
.video_pro_list_foot_time{ width:30%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }	

.v_video_con{ display:none; width:560px; height:316px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:560px; height:316px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:560px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:560px; height:316px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:540px; height:auto; margin:10px 10px 10px; float:left; }
.tc_video_buy{ width:540px; height:auto; margin:2px 10px 10px; float:left; display:block; }
.tc_video_title{ width:490px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block; }
.tc_video_ico{ width:50px; height:46px; float:left;}

.tc_video{  width:560px; left:63%; top:50%; }
}
@media (min-width: 700px) {
#advertising{ width:100%; height:713px; position:relative; top:75px; }
.slides{ height:638px; } 
.section-bg{ width:100%; height:638px; }
.section-bg .slider-text{ width:560px; height:350px; margin:50px 35px 10px 55px; padding:0; }
.secondary-heading{ width:560px; color:#fff; font-size:50px; line-height:60px; margin:25px 0 22px 0; padding:0; position:relative; }
.sub-heading{ width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }	
.secondary-heading2{ width:560px; color:#fff; font-size:50px; line-height:50px; margin:5px 0 22px 0; padding:0; position:relative; }	
.sub-heading2{ width:560px; color:#fff; font-size:24px; line-height:30px; margin:0; padding:0; position:relative; }
.content{ padding:25px 20px 30px 20px; margin:0px 0px; }
.yang_card_h3{ font-size:30px; color:#333; text-align:center; line-height:48px; 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; }
.ct_dt{ color:#ffffff; } 

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 30px; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:680px; height:120px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:156px; height:90px; float:left; margin-left:4px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:180px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:60px; height:60px; fill:#646464; margin-left:62px; }
.nav-cat-pro h3{ font-size:14px; text-align:center; margin-top:0px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatpro1,.ethercatpro2,.ethercatpro3{ width:680px; height:auto; float:left; }
.ethercatpro1_right,.ethercatpro2_right,.ethercatpro3_right{ width:660px; height:auto; float:left; }
.ethercatpro1_right_div,.ethercatpro2_right_div,.ethercatpro3_right_div{ width:310px; height:370px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }

.ethercatpro1_photo,.ethercatpro2_photo,.ethercatpro3_photo{ width:306px; height:224px; float:right; margin:10px 0px 0px 0px; }
.ethercatpro1_information,.ethercatpro2_information,.ethercatpro3_information{ width:278px; height:auto; float:right; margin:0px auto 30px; }
.ethercatpro1_information h3,.ethercatpro2_information h3,.ethercatpro3_information h3{ width:260px;font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.ethercatpro1_information p,.ethercatpro2_information p,.ethercatpro3_information p{ width:260px; font-size:14px; line-height:26px; color: #555555; margin-top:8px; word-break:break-word; }
.ethercatpro1_information span,.ethercatpro2_information span,.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px;  display:none; }

.ethercatindex1_show{ width:660px; height:auto; margin-top:10px; }
.ethercatindex1_show_div{ width:660px; height:auto; float:left; padding:8px 10px; }

.technical_article{ width:648px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:622px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }

.video_list_content{ width:630px; min-height:480px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:480px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:50%; height:360px; float:left; }
.video_pro_list_content{ width:290px; height:314px; margin:24px 10px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:290px; height:170px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:290px; height:140px; float:left; padding:14px; }

.v_video_con{ display:none; width:600px; height:338px; position:fixed; left:50%; top:50%; }
.tc_video_con{ width:600px; height:338px; background:#000; }	

#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:600px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none; }
.video-preview{ width:600px; height:339px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }

.tc_video_ex{ width:560px; height:auto; margin:10px 20px 10px; float:left; }
.tc_video_buy{ width:560px; height:auto; margin:2px 20px 10px; float:left; display:block; }
.tc_video_title{ width:500px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px; overflow:hidden; display:block;  }
.tc_video_ico{ width:50px; height:46px; float:left;}

.tc_video{ width:600px; left:58%; top:50%; }
}
@media (min-width: 767px) {
.section-bg .slider-text{ width:560px; height:350px; margin:50px 35px 10px 82px; padding:0; }
.secondary-heading{ width:560px; color:#fff; font-size:50px; line-height:40px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading{ width:560px; color:#fff; font-size:24px; line-height:30px; margin:0; padding:0; position:relative; }
.yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3{ font-size:40px; color:#2e2e2e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:36px; margin-bottom:10px; font-weight:bold; }
.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; }
.ct_dt{ color:#ffffff; } 

.nav-cat-tabs{ width:260px; height:42px; background:#f5f5f5; border-radius:60px; margin:0 auto 30px; }
.nav-cat-tabs>li{ width:130px; height:40px; color:#2e2e2e; float:left; text-align:center; font-size:14px; line-height:24px; }
.nav-cat-tabs>li>a{ width:130px; height:40px; color:#2e2e2e; display:block; border-radius:60px; padding:7px; }
.nav-cat-tabs .active{ width:130px; height:40px; float:left; background:#8fc31f;  border-radius:60px; }
.nav-cat-tabs .active>a{ color:#ffffff;}


#ethercatindex2{ width:720px; height:auto; margin:0px auto; padding:0px; overflow:auto; background:#ffffff; }
.technical_article{ width:700px; height:auto; margin:10px auto 0px auto; float:left; overflow:hidden; }
.technical_article_list{ width:690px; height:auto; margin:0 10px 0px 10px; float:left; padding:0 10px 10px; }
}
@media (min-width: 770px) {	
#advertising{ width:100%; height:777px; position:relative; top:75px; }
.slides{ height:702px; } 
.section-bg{ width:100%; height:702px; }
.section-bg .slider-text{ width:560px; height:360px; margin:60px 35px 10px 85px; padding:0; }
.secondary-heading{ width:560px; color:#fff; font-size:50px; line-height:30px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading{ width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width: 785px) {
#advertising{ width:100%; height:791px; position:relative; top:75px; }
.slides{ height:716px; } 
.section-bg{ width:100%; height:716px; }
.section-bg .slider-text{ width:565px; height:360px; margin:60px 35px 10px 95px; padding:0; }
.sub-heading{ width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }
.secondary-heading{ width:560px; color:#fff; font-size:50px; line-height:40px; margin:5px 0 22px 0; padding:0; position:relative; }
.content{ padding:25px 0px 50px 0px; margin:0px 0px; }	
}
@media (min-width: 880px) {
#advertising{ width:100%; height:877px; position:relative; top:75px; }
.slides{ height:802px; } 
.section-bg{ width:100%; height:802px; }
.section-bg .slider-text{ width:700px; height:400px; margin:50px 35px 10px 73px; padding:0; }
.sub-heading{ width:700px; color:#fff; font-size:30px; line-height:42px; margin:0; padding:0; position:relative; }		
.secondary-heading{ width:700px; color:#fff; font-size:64px; line-height:58px; margin:5px 0 27px 0; padding:0; position:relative; }
.yang_card_p{ width:860px; margin:0 auto; }		
.ct_dt{ color:#ffffff; } 
}
@media (min-width: 980px) {
#advertising{ width:100%; height:969px; position:relative; top:75px; }
.slides{ height:894px; } 
.section-bg{ width:100%; height:894px; }
.section-bg .slider-text{ width:700px; height:400px; margin:70px 35px 10px 120px; padding:0; }
.sub-heading{ width:700px; color:#fff; font-size:30px; line-height:42px; margin:0; padding:0; position:relative; }	
.secondary-heading{ width:700px; color:#fff; font-size:64px; line-height:40px; margin:5px 0 27px 0; padding:0; position:relative; }
.yang_card_h3{ width:760px; padding-top:25px; margin-left:auto; margin-right:auto;  }	
.yang_card_p{ width:900px; margin:0 auto;padding:0 70px;font-size:14px; color:#666666; line-height:28px; text-align:center; }
.ct_dt{ color:#ffffff; } 
}
@media (min-width: 1024px) {
#advertising{ width:100%; height:644px; background:#000; top:0px; overflow:hidden; }
.slides{ height:644px; } 
.section-bg{ width:100vw; height:100%; background:url(../images/ethercatnet_v9/adx_bg.jpg) center center no-repeat; background-size:cover; }
.section-bg .slider-text{ width:100%; height:100%; margin:164px 0 0; padding:0;}
.secondary-heading{ width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; text-align:left; margin-bottom: 10px; }
.sub-heading{ width:63%; height:50px;color:#fff; font-size:20px; line-height: 30px; margin:0; position:relative; text-align:left; }

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:880px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:220px; height:80px; float:left; margin-left:0px; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:200px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:70px; height:76px; fill:#646464; margin-left:64px; }

.nav-cat-pro .active>a{ position:relative; }
.nav-cat-pro .active>a>div>svg{ fill:#8fc31f; }
.nav-cat-pro h3{ font-size:14px; text-align:center;margin-top:0px; }
.nav-cat-pro .active a:before { content:"▼"; position:absolute; top:102px; left:94px; width:20px; height:20px; color:#8fc41f; display: block; }
.nav-cat-pro .active h3{ color:#8fc41f; }

.ethercatpro1_left .PCIe-EtherCAT_left{ background:url(../images/ethercatnet/PCIe-EtherCAT_left.jpg) center center no-repeat; }
.ethercatpro1_left .ethercat_left,.ethercatpro2_left .ethercat_left{ background:url(../images/ethercatnet/ethercat-left.jpg) center center no-repeat; }
.ethercatpro1_left .ethercat_left2{ background:url(../images/ethercatnet/ethercat2-left.jpg) center center no-repeat; }
.ethercatpro3_left .ZMC900E_left{ background:url(../images/ethercatnet/ZMC900E-left.jpg) center center no-repeat; }

.ethercatpro1{ width:1024px; height:480px; float:left; }
.ethercatpro1_left{ width:410px; height:390px; float:left; display:block; }
.ethercatpro1_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }
.ethercatpro1_right{ width:614px; height:390px; float:left; }
.ethercatpro1_right_div{ width:614px; height:390px; float:left; background:#ffffff; margin-right:0px; }
.ethercatpro1_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro1_photo{ width:280px; height:330px; float:right; margin:58px 0px 0px 0px; }
.ethercatpro1_information{ width:296px; height:340px; float:right; margin:30px 0px 0px 0px; }
.ethercatpro1_information h3{ width:288px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.ethercatpro1_information p{ width:288px; font-size:14px; line-height:26px; color: #555555; margin-top:18px; word-break:break-word; }
.ethercatpro1_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:110px; display:block; }
.ethercatpro1_information span:hover{ background:#83b31d; }


.ethercatpro2{ width:1024px; height:490px; float:left; }
.ethercatpro2_left{ width:410px; height:390px; float:left; display:block; }
.ethercatpro2_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }

.ethercatpro2_right{ width:614px; height:840px; float:left; }
.ethercatpro2_right_div{ width:294px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.ethercatpro2_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro2_photo{ width:290px; height:228px; float:right; margin:38px 2px 0px;  }
.ethercatpro2_information{ width:294px; height:100px; float:right; margin:0px; }
.ethercatpro2_information h3{ width:100%; font-size:20px; font-weight:bold; line-height:40px; text-align:center; color:#303233; }
.ethercatpro2_information p{ width:100%; font-size:14px; line-height:26px; color: #555555; text-align:center; }


.ethercatpro3{ width:1024px; height:900px; float:left; }
.ethercatpro3_left{ width:410px; height:840px; float:left; display:block; }
.ethercatpro3_left>div{ width:387px; height:800px; margin:0px 20px 0px 0px; }
.ethercatpro3_left>div>h3{ font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:51px; margin-left:30px; color:#ffffff; }
.ethercatpro3_left>div>p{ font-size:14px; line-height:26px; color: #ffffff; margin:0px; padding-top:10px; margin-left:30px; }

.ethercatpro3_left>a>div{ width:387px; height:800px;  margin:0px 20px 0px 0px; }
.ethercatpro3_left>a>div>h3{ font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:51px; margin-left:30px; color:#ffffff; }
.ethercatpro3_left>a>div>ul{ margin-top:9px; margin-left:60px; }
.ethercatpro3_left>a>div>p{ font-size:14px; line-height:26px; color: #ffffff; margin:0px; padding-top:10px; margin-left:30px; }
.ethercatpro3_left>a>div>span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:28px; margin-left:30px; display:block; }
.ethercatpro3_left>a>div>span:hover{ background:#83b31d; }

.ethercatpro3_right{ width:614px; height:840px; float:left; }
.ethercatpro3_right_div{ width:614px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.ethercatpro3_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro3_photo{ width:280px; height:330px; float:right; margin:58px 0px 0px 0px; }
.ethercatpro3_information{ width:296px; height:340px; float:right; margin:30px 0px 0px 0px; }
.ethercatpro3_information h3{ width:296px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.ethercatpro3_information p{ width:288px; font-size:14px; line-height:26px; color: #555555; margin-top:18px; word-break:break-word; }
.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:22px; display:block; }
.ethercatpro3_information span:hover{ background:#83b31d; }


#ethercatindexpro .tab-content{ margin-top:6px; }

#ethercatindex1{  width:100%; height:884px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat; }
#ethercatindex2{ width:100%; height:700px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#ethercatindex3{ width:100%; height:640px; margin:35px 0px; padding:0; overflow:auto; }

.ethercatindex1_show{ width:1024px; height:570px; margin-top:60px; }
.ethercatindex1_show_div{ width:320px; height:258px; float:left; border:1px solid #595857; padding:40px 34px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:40px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px; color:#ffffff; }
.ethercatindex1_ico{ width:60px; height:60px; display:block; }
.ethercatindex1_show_div:nth-child(1){ margin-left:18px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(2){ margin-right:18px; }
.ethercatindex1_show_div:nth-child(4){ margin-top:22px; margin-left:18px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(5){ margin-top:22px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(6){ margin-top:22px; }
.ethercatindex1_show_div:hover{ background:rgba(143, 195, 31, 0.8); }


#ethercatindex1 .yang_card_h3{ width:960px; }	


#ethercatindex2{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#ethercatindex2 .content{ width:1024px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }


.technical_article{ width:1024px; height:420px; margin:65px auto 56px auto; float:left; overflow:hidden; }
.technical_article_newsphoto{ width:480px; height:auto; padding:0px; float:left; display:block; }

.technical_article_list{ width:544px; height:360px; margin:0 auto; float:left; position:relative; }
.technical_article_list ul{ margin:0 10px 0 50px; }
.technical_article_list_link{ width:100%; height:38px; padding:11px 0px; font-size:14px; line-height:20px; border-bottom:1px dashed #e2e2e2; margin-bottom:0px; }
.technical_article_list_link a{ color:#666666; text-decoration:none; }
.technical_article_list_link a:hover{ color:#83b31d; text-decoration:none; }
.technical_article_list_more{ width:100%; height:20px; font-size:14px; color:#000000; bottom:3px; right:5px; position:absolute; display:block; text-align:right; margin-top:0px; }

#ethercatindex3{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:1024px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }
#ethercatindex3 .proBtn{ width:100%; height:auto; margin-top:20px; overflow:hidden; }
#ethercatindex3 .btn-view{ width:130px; height:50px; margin:0 auto; font-size:16px; line-height:48px; border:1px solid #727171; text-align:center; border-radius:28px; color:#727171; }
#ethercatindex3 .btn-view:hover{ border:1px solid #8fc31f; color:#8fc31f; cursor:pointer; }
#ethercatindex3 .btn-view:hover a{ color:#8fc31f; display:block; }

.tc_video{ width:940px; position:fixed; left:39%; top:35%; }	

.video_list_content{ width:1024px; min-height:780px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:740px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:360px; float:left; }
.video_pro_list_content{ width:320px; height:320px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:320px; height:180px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:320px; height:140px; float:left; padding:14px; }
.video_pro_list_foot_tit{ width:100%; font-size:16px; font-weight:bold; float:left; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.video_pro_list_foot_tit:hover{ color:#8fc31f; }
.video_pro_list_foot_excerpt{ width:100%; height:44px; float:left; color:#838385; overflow:hidden; white-space:normal; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.video_pro_list_foot_excerpt:hover{ color:#8fc31f; }
.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_tag a{ border:1px solid #838385; border-radius:20px; padding:4px 6px; font-size:12px; color:#838385; margin-right:4px; }
.video_pro_list_foot_tag a:hover{ color:#8fc31f; border:1px solid #8fc31f; }


.tc_video_con{ width:940px; height:530px; background:#000; }
#tcmyVideo1,#tcmyVideo2,#tcmyVideo3,#tcmyVideo4,#tcmyVideo5,#tcmyVideo6{ width:940px; height:auto; float:left; background:#FFF; padding-bottom:20px; display:none;  }
.video-preview{ width:940px; height:530px;float:left; cursor:pointer; border-bottom:1px solid #eeeeee; }
.tc_video_ex{ width:840px; height:auto; margin:10px 50px 20px; float:left; }
.tc_video_buy{ width:840px; height:auto; margin:2px 50px 10px; float:left; }
.tc_video_title{ width:790px; height:46px; float:left; font-size:18px; font-weight:bold; line-height:48px;}
.tc_video_ico{ width:50px; height:46px; float:left;}


.rd1{ margin-right:21px; }
.rd3{ margin-top:20px; }
}
@media (min-width: 1080px) {
#advertising{ height:680px; background:#000; top:0px; }
.slides{ height:680px; } 
.section-bg .slider-text{ margin:170px 0 0; padding:0;}
.secondary-heading{ width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; margin-bottom: 10px; }
.sub-heading{ width:63%; height:50px;color:#fff; font-size:22px; margin:0; position:relative;line-height: 32px }

.tc_video{ width:940px; position:fixed; left:40%; top:35%; }

#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:880px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:220px; height:80px; float:left; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:200px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:70px; height:76px; fill:#646464; margin-left:64px; }

.nav-cat-pro .active>a{ position:relative; }
.nav-cat-pro .active>a>div>svg{ fill:#8fc31f; }
.nav-cat-pro h3{ font-size:14px; text-align:center;margin-top:0px; }
.nav-cat-pro .active a:before { content:"▼"; position:absolute; top:102px; left:94px; width:20px; height:20px; color:#8fc41f; display: block; }
.nav-cat-pro .active h3{ color:#8fc41f; }

.ethercatpro1_left .PCIe-EtherCAT_left{ background:url(../images/ethercatnet/PCIe-EtherCAT_left.jpg) center center no-repeat; }
.ethercatpro1_left .ethercat_left,.ethercatpro2_left .ethercat_left{ background:url(../images/ethercatnet/ethercat-left.jpg) center center no-repeat; }

.ethercatpro1{ width:1080px; height:490px; float:left; }
.ethercatpro1_left{ width:410px; height:390px; float:left; display:block; }
.ethercatpro1_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }
.ethercatpro1_right{ width:670px; height:390px; float:left; }
.ethercatpro1_right_div{ width:662px; height:390px; float:left; background:#ffffff; margin-right:0px; }
.ethercatpro1_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro1_photo{ width:310px; height:330px; float:right; margin:58px 0px 0px 0px; }
.ethercatpro1_information{ width:320px; height:340px; float:right; margin:30px 0px 0px 0px; }
.ethercatpro1_information h3{ width:320px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.ethercatpro1_information p{ width:320px; font-size:14px; line-height:26px; color: #555555; margin-top:18px; word-break:break-word; }
.ethercatpro1_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.ethercatpro1_information span:hover{ background:#83b31d; }


.ethercatpro2{ width:1080px; height:490px; float:left; }
.ethercatpro2_left{ width:410px; height:390px; float:left; display:block; }
.ethercatpro2_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }
.ethercatpro2_right{ width:670px; height:390px; float:left; }
.ethercatpro2_right_div{ width:320px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.ethercatpro2_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }

.ethercatpro2_photo{ width:320px; height:230px; float:right; margin:36px 0px 0px; }
.ethercatpro2_information{ width:320px; height:100px; float:right; margin:0px; }
.ethercatpro2_information h3{ width:100%; font-size:22px; font-weight:bold; line-height:40px; text-align:center; color:#303233; }
.ethercatpro2_information p{ width:100%; font-size:14px; line-height:26px; color: #555555; text-align:center; }

.rd1{ margin-right:21px; }
.rd3{ margin-top:20px; }

#ethercatindexpro .tab-content{ margin-top:6px; }

#ethercatindex1{ width:100%; height:884px; margin:0px; padding:35px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat; }

.ethercatindex1_show{ width:1080px; height:570px; margin-top:60px; }
.ethercatindex1_show_div{ width:328px; height:258px; float:left; border:1px solid #595857; padding:40px 34px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:40px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px; color:#ffffff; }
.canindex1_ico{ width:60px; height:60px; display:block; }
.ethercatindex1_show_div:nth-child(1){ margin-left:18px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(2){ margin-right:18px; }
.ethercatindex1_show_div:nth-child(4){ margin-top:22px; margin-left:18px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(5){ margin-top:22px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(6){ margin-top:22px; }
.ethercatindex1_show_div:hover{ background:rgba(143, 195, 31, 0.8); }


#ethercatindex1 .yang_card_h3{ width:1060px; }	

#ethercatindex2{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#ethercatindex2 .content{ width:1080px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }

.technical_article{ width:1080px; height:420px; margin:65px auto 56px auto; float:left; overflow:hidden; }
.technical_article_newsphoto{ width:500px; height:auto; padding:0px; float:left; }
.technical_article_list{ width:580px; height:375px; margin:0 auto; float:left; padding:0; position:relative; }
.technical_article_list ul{ margin:0 10px 0 70px; }

.technical_article_list_link{ width:100%; height:40px; padding:11px 0px; font-size:14px; line-height:20px; border-bottom:1px dashed #e2e2e2; }
.technical_article_list_link a{ color:#666666; text-decoration:none; }
.technical_article_list_link a:hover{ color:#83b31d; text-decoration:none; }
.technical_article_list_more{ width:100%; height:20px; font-size:14px; color:#000000; bottom:3px; right:5px; position:absolute; display:block; text-align:right; }


#ethercatindex3{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:1080px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }


.video_list_content{ width:1080px; min-height:800px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:760px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:380px; float:left; }
.video_pro_list_content{ width:340px; height:330px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:340px; height:190px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:340px; height:140px; float:left; padding:14px; }

.video_pro_list_foot_tag{ width:74%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:26%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
}
@media (min-width: 1200px) {	
#advertising{ width:100%; height:756px; background:#000; overflow:hidden; }
.slides{ height:756px;  } 
.section-bg{ width:100vw; height:100%; background:url(../images/ethercatnet_v9/adx_bg.jpg) center center no-repeat; background-size:cover; }
.section-bg .slider-text{ margin:180px 0 0; padding:0; }
.secondary-heading{ width:100%; color:#fff; font-size:48px; line-height:76px; margin:0; padding:0; position:relative; }
.sub-heading{ color:#fff; font-size:22px; margin:0; position:relative; }

.tc_video{ width:940px; position:fixed; left:42%; top:35%; }


#ethercatindexpro{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
.nav-cat-pro{ width:840px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ethercat-pro-ico01,#ethercat-pro-ico02,#ethercat-pro-ico03,#ethercat-pro-ico04{ width:210px; height:80px; float:left; }
#ethercat-pro-ico01>a,#ethercat-pro-ico02>a,#ethercat-pro-ico03>a,#ethercat-pro-ico04>a{ width:200px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg{ width:70px; height:76px; fill:#646464; margin-left:64px; }

.nav-cat-pro .active>a{ position:relative; }
.nav-cat-pro .active>a>div>svg{ fill:#8fc31f; }
.nav-cat-pro h3{ font-size:14px; text-align:center;margin-top:0px; }
.nav-cat-pro .active a:before { content:"▼"; position:absolute; top:102px; left:94px; width:20px; height:20px; color:#8fc41f; display: block; }
.nav-cat-pro .active h3{ color:#8fc41f; }

#ethercatindex1{ width:100%; height:884px; margin:0px; padding:55px 0 0; overflow:auto; background:url(../images/ethercatnet/ethercatindex1.jpg) center center no-repeat; }


.ethercatpro1{ width:1200px; height:500px; float:left; }
.ethercatpro1_left{ width:407px; height:390px; float:left; display:block; }
.ethercatpro1_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }
.ethercatpro1_right{ width:793px; height:390px; float:left; }
.ethercatpro1_right_div{ width:793px; height:390px; float:left; background:#ffffff; margin-right:0px; }
.ethercatpro1_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro1_photo{ width:398px; height:330px; float:right; margin:58px 0px 0px 0px; }
.ethercatpro1_information{ width:350px; height:340px; float:right; margin:30px 0px 0px 0px; }
.ethercatpro1_information h3{ width:350px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.ethercatpro1_information p{ width:318px; font-size:14px; line-height:26px; color: #555555; margin-top:18px; word-break:break-word; }
.ethercatpro1_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.ethercatpro1_information span:hover{ background:#83b31d; }



.ethercatpro2{ width:1200px; height:500px; float:left; }
.ethercatpro2_left{ width:407px; height:390px; float:left; display:block; }
.ethercatpro2_left>div{ width:387px; height:390px; margin:0px 20px 0px 0px; }
.ethercatpro2_right{ width:793px; height:390px; float:left; }
.ethercatpro2_right_div{ width:386px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.ethercatpro2_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro2_photo{ width:346px; height:236px; float:right; margin:30px 19px 0px;  }
.ethercatpro2_information{ width:380px; height:100px; float:right; margin:0px; }
.ethercatpro2_information h3{ width:100%; font-size:24px; font-weight:bold; line-height:42px; text-align:center; color:#303233; }
.ethercatpro2_information p{ width:100%; font-size:14px; line-height:26px; color: #555555; text-align:center; }


.ethercatpro3{ width:1200px; height:900px; float:left; }
.ethercatpro3_left{ width:407px; height:840px; float:left; display:block; }
.ethercatpro3_left>div{ width:387px; height:800px; margin:0px 20px 0px 0px; }
.ethercatpro3_right{ width:793px; height:840px; float:left; }
.ethercatpro3_right_div{ width:793px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.ethercatpro3_right_div:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ethercatpro3_photo{ width:398px; height:330px; float:right; margin:58px 0px 0px 0px; }
.ethercatpro3_information{ width:350px; height:340px; float:right; margin:30px 0px 0px 0px; }
.ethercatpro3_information h3{ width:350px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.ethercatpro3_information p{ width:318px; font-size:14px; line-height:26px; color: #555555; margin-top:18px; word-break:break-word; }
.ethercatpro3_information span{ width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.ethercatpro3_information span:hover{ background:#83b31d; }

.ethercatpro1_left .PCIe-EtherCAT_left{ background:url(../images/ethercatnet/PCIe-EtherCAT_left.jpg) center center no-repeat; }
.ethercatpro1_left .ethercat_left,.ethercatpro2_left .ethercat_left{ background:url(../images/ethercatnet/ethercat-left.jpg) center center no-repeat; }
.ethercatpro1_left .ethercat_left2{ background:url(../images/ethercatnet/ethercat2-left.jpg) center center no-repeat; }
.ethercatpro3_left .ZMC900E_left{ background:url(../images/ethercatnet/ZMC900E-left.jpg) center center no-repeat; }



#ethercatindexpro .tab-content{ margin-top:6px; }

.ethercatindex1_show{ width:1200px; height:570px; margin-top:60px; }
.ethercatindex1_show_div{ width:388px; height:258px; float:left; border:1px solid #595857; padding:40px 34px; }
.ethercatindex1_show_div h3{ width:100%; font-size:24px; font-weight:bold; line-height:40px; color:#ffffff; }
.ethercatindex1_show_div p{ width:100%; font-size:14px; line-height:26px; color:#ffffff; }
.ethercatindex1_ico{ width:60px; height:60px; }
.ethercatindex1_show_div:nth-child(1),.ethercatindex1_show_div:nth-child(2){ margin-left:0px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(4),.ethercatindex1_show_div:nth-child(5){ margin-top:22px; margin-left:0px; margin-right:18px; }
.ethercatindex1_show_div:nth-child(6){ margin-top:22px; }
.ethercatindex1_show_div:hover{ background:rgba(143, 195, 31, 0.8); }


#ethercatindex1 .yang_card_h3{ width:1060px; }	

#ethercatindex2{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#ethercatindex2 .content{ width:1200px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }

.technical_article{ width:1200px; height:485px; margin:65px auto 0px auto; float:left; overflow:hidden; }
.technical_article_newsphoto{ width:560px; height:auto; padding:0px; float:left; }
.technical_article_list{ width:640px; height:420px; margin:0 auto; float:left; padding:0; position:relative; }
.technical_article_list ul{ margin:0 10px 0 70px; }
.technical_article_list_link{ width:100%; height:46px; padding:15px 0px; font-size:14px; line-height:20px; border-bottom:1px dashed #e2e2e2; }
.technical_article_list_link a{ color:#666666; text-decoration:none; }
.technical_article_list_link a:hover{ color:#83b31d; text-decoration:none; }
.technical_article_list_more{ width:100%; height:20px; font-size:14px; color:#000000; bottom:3px; right:5px; position:absolute; display:block; text-align:right; }


#ethercatindex3{ width:100%; height:auto; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#ethercatindex3 .content{ width:1200px; height:auto; margin:30px auto 80px; padding:0px; overflow:hidden; }

.video_list_content{ width:1200px; min-height:840px; height:auto; margin:0 auto; overflow:hidden; }
.video_list_content ul{ width:100%; min-height:800px; height:auto; margin:0 auto 10px;overflow:hidden; }
.video_list_content li{ width:33%; height:400px; float:left; }

.video_pro_list_content{ width:374px; height:354px; margin:24px 16px; background:#ffffff; border-radius:8px; overflow:hidden; }
.video_pro_list_top{ width:374px; height:210px; float:left; position:relative; cursor:pointer; }
.video_pro_list_foot{ width:374px; height:150px; float:left; padding:14px; }

.video_pro_list_foot_tag{ width:78%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }
.video_pro_list_foot_time{ width:22%; height:40px; float:left; color:#838385; border-top:1px solid #eeeeee; font-size:14px; line-height:40px; }


.rd1{ margin-right:21px; }
.rd3{ margin-top:20px; }
}
@media (min-width: 1920px) {
#advertising{ height:756px; background:#000; top:0px; }
.slides{ height:756px; } 
.section-bg .slider-text{ width:100%; height:100%; margin:164px 0 0; padding:0;}
.secondary-heading{ width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; text-align:left; margin-bottom: 10px }
.sub-heading{ width:63%; height:50px;color:#fff; font-size:20px; line-height: 30px; margin:0; position:relative; text-align:left; }
}
@media (min-width: 2000px) {
.tc_video{ width:940px; position:fixed; left:45%; top:35%; }
}