#wrap { width:100%; margin:0px auto; }
.content { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px; }
.pro_nav_b dt ul li.current { border-bottom:2px solid #83b31d; }
.yang-table { width:100%; overflow:auto; }
table { width:1200px; margin:30px 0px; color:#666; font-size:14px; }
table tr th { background:#e2e2e2; font-size:14px; line-height:28px; text-align:left; font-weight:500; padding:5px 10px; }
table tr td { padding:2px 10px; }
table tr .center { text-align:center; }
table tr:hover { background:#f0f0f0; }
.table_x { width:1198px; }
.ctbg1 { background:#000000; }
.ctbg2 { background:#cce5ff; }
.ctbg3 { background:#efeff0; }


.pro_h3 { font-size:18px; color:#165aa7; line-height:26px; }
.pro_tab { border-top:#d6d6d6 1px solid; border-collapse:collapse; margin:20px auto; }
.pro_tab tr { border:none; }
.pro_tab tr:hover table th,.pro_tab tr:hover table td,.pro_tab tr:hover { background:#F0F0F0; }
.pro_tab tr th { font-weight:bold; background:#F0F0F0; }
.pro_tab tr td,.pro_tab tr th { text-align:left; padding:3px 20px 3px 20px; line-height:22px; border:#e1e1e1 1px solid; border-right:none; color:#666; }
.pro_tab table tr td { vertical-align:top; padding:0 2px; line-height:22px; border:none; }
.pro_tab tr td a { font-size:14px; color:#5082c6; }
.pro_tab tr td a:hover { text-decoration:underline; }
.pro_tab tr td p { text-align:left; }
.pro_tab tr th.pro_tab_title,.pro_tab tr td.pro_tab_title { border-left:none; }
.pro_tab .cs { background:#a3afbd; color:#ffffff; }
.pro_tab .tc { text-align:center; }
/*表格*/
.yang-table-left { float:left; width:50%; }
.yang-table-right { float:left; width:50%; }
.yang-table { width:100%; overflow:auto; margin:20px 0; }
.pro_norms { margin:10px auto; color:#666; font-size:12px; }
.pro_norms tr th,.pro_norms tr td { border-left:1px solid #e2e2e2; padding:3px 20px 3px 20px; }
.pro_norms tr td,.pro_norms tr th { text-align:left; padding:3px 20px 3px 20px; line-height:22px; border-left:#e2e2e2 1px solid; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid; color:#666; }
.pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf { border-left:none; }
.pro_norms tr th { background:#f4f4f4; font-size:12px; line-height:28px; text-align:left; font-weight:bold; }
.pro_norms .bg { background:#f4f4f4; }
.pro_norms .bg2 { background:#F6F6F6; }
.pro_norms .bg3 { background:#efefef; }
.pro_norms #bg3 { background:#efefef; }
.pro_norms tr td#bghot,.pro_norms tr th#bghot { background:url(../images/ipc/bghot.png) no-repeat#efefef 130px 5px; }
.pro_norms tr td#bghot2,.pro_norms tr th#bghot2 { background:url(../images/ipc/bghot.png) no-repeat 150px 5px; }
.pro_norms .gaoliang { color:#83b31d; }
.pro_norms .y_btn { font-size:14px; color:#018afb; border:1px solid #018afb; border-radius:5px; margin:3px 6px; padding:2px 10px; text-decoration:none; display:inline-block; }
.pro_norms .y_btn:hover { background:#018afb; color:#ffffff; text-decoration:none; }
/*导航下拉*/
.pro_nav_b dt ul li.child:hover { color:#619c22 !important; }
.pro-nav-list p a,.pro-nav-list dl dd a { color:#e5e5e5 !important; }
.pro-nav-list p a:hover,.pro-nav-list dl dd a:hover { color:#83b31d !important; }
.pro-nav-list dl dd { padding-left:42px; margin-bottom:6px; }
.pro-nav-list-p { width:150px; height:auto; float:left; }
.pro-nav-list-dl { width:1200px; height:auto; float:left; }
.pro-nav-list-dl dl { float:left; width:400px; margin-bottom:30px; height:auto; }
.pro-nav-list-1 dl dt { height:30px; line-height:30px; width:100%; float:left; font-weight:bold; background:url(../images/ethercatnet/ethercatnet_navigation.png?1) no-repeat 0 -2px; padding-left:42px; margin-bottom:10px; }
.pro-nav-list dl dt a { color:#e5e5e5; font-size:14px; }
.pro-nav-list dl dt a:hover { color:#8fc31f; }
.pro-nav-list-dl dd { height:22px; line-height:22px; width:100%; float:left; font-size:12px; color:#9a9a9a !important; height:auto; }
.pro-nav-list dl dd a { color:#e5e5e5; font-size:14px; margin:0px; margin-right:16px; float:left; }
.pro-nav-list-1 dl:nth-of-type(2) dt { background-position:0 -44px; }
.pro-nav-list-1 dl:nth-of-type(3) dt { background-position:0 -80px; }
.pro-nav-list-1 dl:nth-of-type(4) dt { background-position:0 -126px; }
.pro-nav-list-1 dl:nth-of-type(5) dt { background-position:0 -170px; }
.pro-nav-list-1 dl:nth-of-type(6) dt { background-position:0 -220px; }
/* 为每个图标定义独立的类和位置*/
.icon-main1 { background-position:0 -2px !important; }
.icon-main2 { background-position:0 -44px !important; }
.icon-main3 { background-position:0 -86px !important; }
.icon-main4 { background-position:0 -126px !important; }
.pro_t_g { border-top:1px solid #e7e7e7; }
.pro_nav_b dt ul li.current { border-bottom:2px solid #619c22; }
.pro_b_g { border-bottom:#f0f0f0 1px solid; background:url(../images/ipc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; }
.pro_intro_buy1 { width:130px; height:42px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:42px; text-align:center; display:block; border-radius:28px; margin:0 auto; }
.pro_intro_buy1:hover { background:#83b31d; }
.yang-table { width:100%; overflow:auto; }
table { margin:30px 0px; color:#666; font-size:14px; }
table tr th { background:#f4f4f4; font-size:14px; line-height:28px; text-align:left; font-weight:500; padding:8px 10px; }
table tr td { padding:2px 10px; }
table tr td a { color:#00ae86; border:1px solid #00ae86; padding:2px 10px; border-radius:5px; display:block; }
table tr .center { text-align:center; }
table tr:hover { background:#f0f0f0; }
.pro_norms { width:1200px; margin:5px 0px 20px 0px; color:#666; font-size:12px; }
.pro_norms tr th.no_bd_lf,.pro_norms tr td.no_bd_lf { border-left:none; }

.jd_btn{ width:46px; font-size:12px; line-height:16px; padding:1px 3px; text-align:center; background:#ec3b3b; border:1px solid #ec3b3b; color:#FFF !important; border-radius:15px; margin:5px 5px 5px 0px; }
.jd_btn:hover{ color:#FFF !important; }
@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: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) { 
.pro_intro { width:100%; height:auto; overflow:hidden; }
.content { padding:0px 10px; }
table { font-size:12px; }
table tr th { font-size:12px; }
.pro_tab { margin:10px auto; }
.yang_card_pro { width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.pro_t { padding:27px 0px 25px 0px; }
.pro_intro .con_tit { font-size:24px; line-height:38px; color:#000000; text-align:center; margin:50px auto 20px auto; font-weight:bold; }
.pro_intro .con_p { font-size:16px; color:#515151; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.yang_card_pro { width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h4 { font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.con_h4 { font-size:20px; color:#000000; text-align:center; line-height:42px; padding-bottom:0px; padding-top:0px; }
.ct_tit { font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; font-weight:bold; }
.ct_p { font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_dt { color:#ffffff !important; }
.screen1 { background:url(/tpl/zlg/Public/images/remoteio/ct2_bg.jpg) center bottom no-repeat; background-size:cover; height:500px; }
.screen2 { background:url(/tpl/zlg/Public/images/remoteio/ct6_bg.jpg) center bottom no-repeat; background-size:cover; height:720px; }
.screen3 { background:url(/tpl/zlg/Public/images/remoteio/ct10_bg.jpg) center bottom no-repeat; background-size:cover; height:600px; }

.remoteio_video_content2{ width: 100%; height: 250px; position: absolute; margin-top:0px; padding:0px 10px; }	
.remoteio_video2{ width: 100vw; height: auto; display: block; object-fit: cover; }
}
/*针对iphone5s*/
@media (min-width:315px) { 
.content { padding:0px 12px; }
table { font-size:12px; }
table tr th { font-size:12px; }
.remoteio_video_content2{ padding:0px 12px; }
}
@media (min-width:360px) { 
.screen2 { height:740px; }
.screen3 { height:620px; }
}
/*针对iphone6*/
@media (min-width:375px) {
.screen2 { height:740px; }	
.screen3 { height:540px; }
}
@media (min-width:390px) {
.screen2 { height:620px; }	
}
@media (min-width:400px) { 
table { font-size:12px; }
table tr th { font-size:12px; }
}
/*针对iphone6s plus*/
@media (min-width:410px) { }
@media (min-width:480px) { 
.screen2 { height:700px; }
.screen3 { height:590px; }
}
@media (min-width:500px) { 
.content { padding:20px 10px; }
.yang_card_h4 { font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.yang_card_p { width:100%; padding:0 20px; font-size:14px; color:#555; line-height:24px; text-align:center; }
.ct_tit { font-size:26px; line-height:40px; color:#000000; text-align:center; margin:50px auto 20px auto; }
.ct_p { font-size:16px; color:#515151; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.pro_intro .con_tit { font-size:28px; line-height:38px; color:#ffffff; text-align:center; margin:20px auto 20px auto; font-weight:bold; }
.ct_dt { color:#ffffff; }
.screen1 { height:520px; }
.screen2 { height:740px; }
.screen3 { height:620px; }
.remoteio_video_content2{ padding:20px 10px; }
}
@media (min-width:600px) { 
.yang_card_h3 { font-size:28px; color:#333; text-align:center; line-height:40px; padding-bottom:0px; padding-top:0px; margin:50px auto 20px auto; }
.yang_card_h4 { font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.ct_tit { font-size:28px; line-height:40px; color:#000000; text-align:center; margin:50px auto 20px auto; }
.ct_p { font-size:16px; color:#515151; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.pro_intro .con_tit { font-size:28px; line-height:38px; color:#ffffff; text-align:center; margin:20px auto 20px auto; font-weight:bold; }
.ct_dt { color:#ffffff; }
.screen1 { height:600px; }
.screen2 { height:860px; }
.screen3 { height:700px; }
}
@media (min-width:700px) { 
.yang_card_h3 { font-size:32px; color:#333; text-align:center; line-height:48px; padding-bottom:0px; padding-top:0px; margin:50px auto 20px auto; }
.yang_card_h4 { font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }
.ct_tit { font-size:32px; line-height:48px; color:#000000; text-align:center; margin:50px auto 20px auto; }
.ct_p { font-size:16px; color:#515151; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; }
.pro_intro .con_tit { font-size:34px; line-height:48px; color:#ffffff; text-align:center; margin:20px auto 20px auto; font-weight:bold; }
.ct_dt { color:#ffffff; }
.screen1 { height:700px; }
.screen2 { height:1000px; }
.screen3 { height:760px; }
}
@media (min-width:767px) { 
.content { padding:0px 18px; }
table { font-size:13px; }
table tr th { font-size:13px; }
.yang_card_pro { width:100%; margin:0px; padding:0px; overflow:auto; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3 { font-size:48px; color:#333; text-align:center; line-height:58px; padding-bottom:13px; padding-top:37px; }
.yang_card_p { width:100%; margin:0px; padding:0 70px; font-size:16px; color:#555; line-height:28px; text-align:center; }
.yang_card_img { width:100%; height:auto; float:left; margin-top:25px; padding-bottom:80px; }
.yang_card_imgb { width:100%; height:auto; float:left; margin-top:25px; padding-bottom:0px; }
.yang_card_img2 { width:50%; height:auto; float:left; margin-top:25px; padding-bottom:80px; }
.yang_card_img2b { width:50%; height:auto; float:left; margin-top:8px; padding-bottom:15px; }
.yang_card_history { width:100%; max-width:1200px; height:auto; border-top:#ccc 1px solid; margin:30px 0px 30px 0px; width:100%; overflow:auto; }
.yang_card_history ul { width:100%; height:auto; float:left; }
.yang_card_history li { width:100%; height:auto; float:left; }
.yang_card_year { width:17%; height:130px; float:left; font-size:36px; margin-right:3%; border-bottom:#cccccc 1px solid; padding-top:30px; padding-left:40px; }
.yang_card_no { width:50%; height:130px; float:left; border-bottom:#cccccc 1px solid; padding-top:20px; }
.yang_card_photo { width:30%; height:130px; float:left; padding:20px 20px 0px 20px; border-bottom:#cccccc 1px solid; }
.yang_card_no .tit { width:100%; padding-left:20px; background:url(../images/osc/square.jpg) no-repeat left 5px; display:inline-block; color:#666; }
.yang_card_no em { font-size:18px; padding-right:15px; }
.yang-table-h3 { font-size:22px; color:#000; text-align:center; line-height:42px; padding-bottom:2px; padding-top:10px; }
.yang_card_h2 { font-size:66px; color:#000000; text-align:center; line-height:58px; padding-bottom:13px; padding-top:100px; font-weight:bold; }
.yang_card_h4 { font-size:48px; color:#000000; line-height:68px; margin:62px auto 20px auto; text-align:center; font-weight:bold; }
.ct_tit { font-size:48px; line-height:68px; color:#000000; text-align:center; margin:40px auto 20px auto; font-weight:bold; }
.ct_p { font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 30px 70px; }
.pro_intro .con_tit { font-size:48px; line-height:68px; color:#ffffff; text-align:center; margin:20px auto 20px auto; font-weight:bold; }
.ct_dt { color:#ffffff; }

.screen1 { height:750px; }
.screen2 { height:1080px; }
.screen3 { height:860px; }
.remoteio_video_content2{ padding:0px 18px; }
}
@media (min-width:768px) { 
.content .pro_lunbo { width:725px; height:860px; position:relative; margin:40px auto 0px auto; }
.content .pro_lunbo>ol>li>h3 { text-align:center; color:#666; font-size:28px; line-height:36px; padding-top:15px; }
.ct_tit { font-size:48px; line-height:68px; color:#000000; text-align:center; margin:50px 20px 20px; font-weight:bold; }
.pro_intro { height:auto; overflow:hidden; position:relative; }
.pro_intro .con_tit { font-size:48px; line-height:64px; color:#ffffff; text-align:center; margin:50px auto auto auto; font-weight:bold; }
.ct_dt { color:#ffffff !important; }
.yang_card_pro .yang_card_form { width:100%; height:auto; margin-bottom:30px; }
.yang_card_pro .yang_card_form img { display:block; }
.yang_card_pro .yang_card_form ul { display:none; overflow:hidden; }

.remoteio_video_content{ width: 100%; height: 644px; position: absolute; margin-top:25px; }	
.remoteio_video{ width: 100vw; height: 1110px; display: block; object-fit: cover; }
}
@media (min-width:770px) { 
.content .pro_lunbo { width:748px; height:860px; position:relative; margin:40px auto 0px auto; }
table { font-size:13px; }
table tr th { font-size:13px; }
}
@media (min-width:785px) { 
.lunbo>ol { width:176px; margin-left:-20px; }
.content { padding:25px 0px 50px 0px; }
table { font-size:14px; }
table tr th { font-size:14px; }
}
@media (min-width:880px) { 
.yang_card_pro .yang_card_form img { display:block; }
.yang_card_pro .yang_card_form ul { display:none; }
.yang_card_pro .yang_card_form ul li { width:auto; float:left; }
}
/*针对iPad Pro SIZE 12.9*/
@media (min-width:1023px) { 
.content { padding:25px 0px 50px 0px; }
table { font-size:14px; }
table tr th { font-size:14px; }
.pro_intro .con_tit { font-size:48px; line-height:64px; color:#ffffff; font-weight:bold; margin:86px auto auto auto; font-weight:bold; }
.ct_dt { color:#ffffff !important; }
.ctbg6 { height:796px; }
.yang_line { width:60px; height:4px; background:#8fc31f; margin:20px auto 60px; }
.choose_info a { width:132px; height:56px; font-size:20px; line-height:46px; color:#fff; background:#78a83b; border:1px solid #78a83b; border-radius:5px; padding:5px 22px; display:inline-block; text-decoration:none; margin:64px auto 20px; }
}
@media (min-width:1024px) {
.remoteio_video_content{ width: 100%; height: 644px; position: absolute; margin-top:25px; }	
.remoteio_video{ width: 100vw; height: 1110px; display: block; object-fit: cover; overflow:hidden; }
}
@media (min-width:1080px) {
.remoteio_video_content{ width: 100%; height: 644px; position: absolute; margin-top:25px; }	
.remoteio_video{ width: 100vw; height: 1110px; display: block; object-fit: cover; overflow:hidden; }
}
@media (min-width:1200px) { 
.pro_intro .con_tit { font-size:58px; line-height:82px; color:#ffffff; font-weight:bold; margin:96px auto auto auto; font-weight:bold; }
.ct_p { font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:0 0px 40px 0px; }
.ct_tit { font-size:48px; line-height:68px; color:#000000; text-align:center; margin:70px auto 20px auto; font-weight:bold; }
.ct_dt { color:#ffffff !important; }
.yang_card_pro .yang_card_form img { display:none; }
.yang_card_pro .yang_card_form ul { display:block !important; }
.yang_card_pro .yang_card_form ul img { display:block !important; }
}
@media (min-width:1900px) { 
#container { width:100%; overflow:hidden; }
.yang_card_pro,.pro_intro { width:1900px; }
}
@media (min-width:1910px) { 
.yang_card_pro,.pro_intro { width:1910px; }
}
@media (min-width:1920px) { 
.yang_card_pro,.pro_intro { width:1920px; }
}
@media (min-width:1921px) { 
.yang_card_pro,.pro_intro { width:100%; }
}
@media (min-width:2540px) { 
.yang_card_pro,.pro_intro { width:2540px; }
}
@media (min-width:2550px) { 
.yang_card_pro,.pro_intro { width:2550px; }
}
@media (min-width:2560px) { 
.yang_card_pro,.pro_intro { width:2560px; }
}