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

.ctbg1{ background:#1d1f24; }
.ctbg2{ background:#173771; }
.ctbg3{ background:#6b9ed4; }
.ctbg4{ background:#383838; }
.ctbg5{ background:#171e26; }
.ctbg6{ background:#eaf3f9; }
.ctbg7{ background:#202020; }
.ctbg8{ background:#eaf9ff; }
.ctbg9{ background:#1c6bad; }

.zlgbuy{ width:80px; height:30px !important; color:#fff !important; line-height:30px !important; background:#8fc31f; text-align:center; margin-top:10px; border-radius: 4px; border-bottom:none !important; display:block; }
.zlgbuy:hover{ background:#83b31d !important; color:#fff !important; border-bottom:none !important; }

.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; }
.table_y{ width:100%; }
.table_x{ width:1198px; }
.table_x1{ width:1100px; }
.table_x2{ width:1000px; }
.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; }
#example1{color:#018afb; border:1px solid #018afb; border-radius:5px; padding:5px 18px; display:inline-block; min-width:130px; margin:5px 6px; text-decoration:none; }
#example1:hover{ background:#fff; color:#fff; text-decoration:none; }

/*表格*/
.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) 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;}

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

.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 !important; line-height:16px; padding:1px 8px; 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; }
.jd_btnv{ width:100%; font-size:13px; line-height:16px; padding:1px 3px; text-align:left; color:#666 !important; text-decoration:underline !important; border:none;  margin:5px 0px 5px; }
.online_doc{ width:64px; height:20px; background:url(../images/online_doc.jpg) no-repeat; border:none; margin:10px 1px; }

.yang_car_ull{ width:100%; margin-bottom:50px; overflow: hidden }
.yang_car_ull li{ background: url(../images/canbus/rot.jpg) no-repeat 2px 10px; padding-left:20px; line-height:30px; }
@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; }
.pro_intro{ width:100%; margin-top:0px; overflow:hidden; }
.pro_intro_c{ width:715px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; }
.pro_intro .pro_intro_c .right { width:310px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p.tit { color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#8fc31f; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li { color:#666; }
}
@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{ background-color: #f9f9f9; overflow: hidden;}
.content{ padding:0px 10px; }
.content .pro_describe{ width:270px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }	
.content .pro_describe h2{ font-size:22px; line-height:34px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:270px; height:470px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:260px; height:189px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:270px; height:748px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:270px; height:570px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:270px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:265px; height:auto; margin:0 auto; float:left; }
.content .pro_describe8 p{ font-size:14px; text-align:center; }	

.pro_intro .con_tit{ font-size:26px; 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; }

.pro_download{ height:auto; margin:0 auto; font-size:14px; overflow:auto; }
.pro_download_class{ width:100%; height:auto; border-bottom:1px dashed #cbcbcb; float:left; padding:20px 0px; margin-bottom:20px; }
.pro_download_class_l{ width:100%; height:30px; float:left; font-size:24px; margin:0px 0px 10px 0px; }
.pro_download_class_r{ width:100%; height:auto; float:left; }
.pro_download_class_r ul{ width:100%; }
.pro_download_class_r ul li{ width:100%; height:auto; line-height:30px; }
.pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 8px; padding-left:20px; }
.pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 8px; padding-left:20px; }

.ct_tit{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}
.yang_car_laboratory{ width:280px; height:2140px; margin:20px auto 50px auto; }
.yang_car_laboratory li{ width:274px; height:208px; float:left; margin:20px 3px 10px 3px; }
.yang_car_laboratory li img{ width:274px; height:154px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti{ width:100%; height:auto; overflow:hidden;}
.pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; margin:0 auto; padding: 0px 14px; margin-bottom: 40px;}
.pro_zhuanti .content>ul{ width: 100%; height: auto; overflow: hidden; margin:10px 0;}
.pro_zhuanti .content>ul>li { float: left;  width: 100%; height: auto; overflow: hidden; margin: 10px 0 20px; border-bottom: 1px solid #d6d6d6;}
.pro_zhuanti .content>ul>li>dl { width: 100%; height: auto; overflow: hidden; margin-bottom: 0;}
.pro_zhuanti .content>ul>li>dl>dt { font-size: 16px; margin-bottom: 10px; overflow: hidden;}
.pro_zhuanti .content>ul>li>dl>dd { line-height: 28px; background: url(../images/s_dd.jpg) no-repeat 0px 12px; padding-left: 12px;  overflow: hidden;}
.pro_zhuanti .content>ul>li>dl>dd a {color: #666;}
.pro_zhuanti .content>ul>li p.tupian{ width: 100%; height: auto; overflow: hidden;}
.pro_zhuanti .content>ul>li p.gengduo{ width: auto; height: auto; overflow: hidden; float: right;}
.pro_zhuanti .content>ul>li p.gengduo a{ color: #8fc31f;}
.pro_zhuanti .content>ul>li img{display:none;}

.pro_zhuanti_left{ float: left; width: 100%; overflow: hidden; }
.pro_zhuanti_left ul{float: left; width: 100%; overflow: hidden; }
.pro_zhuanti_right{ float: left;  width: 100%; overflow: hidden;}
.pro_zhuanti_left ul li{width: 100%; float: left;  line-height: 44px; border-bottom: 1px solid #e8e8e8; background: url(/tpl/zlg/Public/images/aworks/article/s_dy_03.png) no-repeat right; cursor: pointer; }
.pro_zhuanti_left ul li a{display: block;}
.pro_zhuanti_left ul li.current {color:#8fc31f; border-bottom: 1px solid  #8fc31f;  background: url(/tpl/zlg/Public/images/aworks/article/s_t1_03.png) no-repeat right;}
.pro_zhuanti_left ul li.current a{ color: #8fc31f;}
 
.pro_zhuanti_right ol li dl { overflow: hidden; }
.pro_zhuanti_right ol li dl dt { width: auto; height:auto; margin:20px auto auto;overflow:hidden; font-weight: 500; font-size: 16px; }
.pro_zhuanti_right ol li dl dd { width:100%; color: #999; line-height: 22px; float: left; padding: 5px 0 0;}
.pro_zhuanti_right ol li dl dd p{padding-bottom:10px;line-height:24px;}
.pro_zhuanti_right ol li dl dd.tit { font-size: 18px;line-height: 26px; }
.pro_zhuanti_right ol li dl dd a:hover { color: #8fc31f; }
.pro_zhuanti_right ol li dl dd .more{font-size: 14px; color: #8fc31f;border-radius: 5px; border: 1px solid #8fc31f;  padding: 4px;  width: 80px; text-align: center;}
.pro_zhuanti_right .text .tit{font-size: 20px; line-height: 24px; margin: 20px 0; border-bottom: 2px solid #83b31d; padding-bottom: 20px;}
.pro_zhuanti_right .c_h1,.pro_zhuanti_right .c_h2{ font-weight: bold; font-size:16px; margin:5px 0;}
.pro_zhuanti_right .text{ margin-top:30px;}
.pro_zhuanti_right .text p { text-align: left; line-height: 26px; color: #666; font-size: 14px; margin-bottom: 0}
.pro_zhuanti_right .text .c_h6{color: #666; text-align: center; margin: 10px 0px; }
.pro_zhuanti_right .text .c_img{ margin: 10px 0; text-align: center;} 
.pro_zhuanti_right iframe{ width:264px; height: 266px; margin:10px 0; margin: 0 auto;}
.pro_zhuanti_right .text ul{padding:5px 0;}
.pro_zhuanti_right .text ul li { background: url(../images/s_dd.jpg) no-repeat 10px 14px; color: #666; line-height: 30px; text-indent: 2em;} 
.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 #E1E1E1; padding:10px 15px; }
.pro_norms tr td,.pro_norms tr th{ text-align:left; padding:3px 20px 3px 20px; line-height:22px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 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:#f0f0f0; font-size:12px; line-height:28px; text-align:left; font-weight:bold; }
.pro_zhuanti_right .next{padding:10px 0;}
.pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#detail,.pro_zhuanti_right>ol#lists{ margin-top:20px;} 
.pro_zhuanti_right>ol#detail>li { background: url(../images/s_dd.jpg) no-repeat 0px 14px; font-size:14px; line-height: 30px; padding-left: 14px;}
.pro_zhuanti_right>ol#lists>li{ height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; }
.pro_zhuanti_right .page{padding:10px 0;}
.pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left;}
.pro_zhuanti_right>ol#lists .center-block { display: none; margin-right: auto;  margin-left: auto;}
.pro_zhuanti_right .c_fr .center-block{ margin-right:0; }

.yang_card_pro_choose_info_cloud{ width:100%; height:auto; float:left; text-align:center; margin: 20px auto;}
.yang_card_pro_choose_info_cloud a{ min-width:130px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; margin-bottom:5px; }
.yang_card_pro_choose_info_cloud a:hover{ text-decoration:none; border:1px solid #83b31d;  background-color:#83b31d; color: #ffffff; }

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; }
#ethercat_main_proshow_content{ width:280px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:280px; height:300px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:280px; height:auto; }
#ethercat_main_proshow_function ul li{ width:132px; height:36px; float:left; font-size:12px; line-height:18px; color:#333333; font-weight:normal; text-align:center; padding-top:8px; margin:4px 4px; background:#ffffff; border-radius:26px; cursor:pointer; }
#ethercat_main_proshow_function ol{ width:280px; height:168px; margin:6px 0px 20px; float:left; }
#ethercat_main_proshow_function>ol>li { width: 100%; display: none;}
#ethercat_main_proshow_function>ol>li:first-child { display: block; }
#ethercat_main_proshow_function ul .current{ background:#8fc41e; color:#ffffff; }
}
/*针对iphone5s*/
@media (min-width: 315px) {	
.yang_car_laboratory{ width:290px; height:2220px; margin:20px auto 50px auto; }
.yang_car_laboratory li{ width:284px; height:215px; float:left; margin:20px 3px 10px 3px; }
.yang_car_laboratory li img{ width:284px; height:160px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti_right iframe { width:275px; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {	
#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; }
#ethercat_main_proshow_content{ width:340px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:344px; height:320px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:344px; height:auto; }
#ethercat_main_proshow_function ul li{ width:106px; height:36px; line-height:14px; }
#ethercat_main_proshow_function ol{ width:340px; height:204px; margin:6px 0px 50px; float:left; }
}
/*针对iphone6*/
@media (min-width: 375px) {	
.content .pro_describe{ width:340px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; line-height:36px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:330px; height:510px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:0px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:325px; height:237px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:330px; height:665px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:330px; height:575px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:330px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:330px; height:auto; margin:0 auto; float:left; }

.yang_car_laboratory{ width:320px; height:2300px; margin:20px auto 50px auto; }
.yang_car_laboratory li{ width:300px; height:225px; float:left; margin:20px 10px 10px 10px; }
.yang_car_laboratory li img{ width:300px; height:169px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti .content { padding: 0px 16px; }
.pro_zhuanti_right  iframe{ width:329px; }

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; }
#ethercat_main_proshow_content{ width:356px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:356px; height:336px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:356px; height:auto; }
#ethercat_main_proshow_function ul li{ width:110px; height:36px; }
#ethercat_main_proshow_function ol{ width:350px; height:210px; margin:6px 0px 50px; float:left; }
}
@media (min-width: 400px) {
.content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:360px; height:505px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:1px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:350px; height:254px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:360px; height:659px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:360px; height:555px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:360px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:350px; height:auto; margin:0 auto; float:left; }

.yang_car_laboratory{ width:360px; height:2450px; margin:20px auto 50px auto; }
.yang_car_laboratory li{ width:328px; height:240px; float:left; margin:20px 15px 10px 15px; }
.yang_car_laboratory li img{ width:328px; height:184px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti .content { padding: 0px 18px; }
.pro_zhuanti_right  iframe { width:350px; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.content .pro_describe{ width:350px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:360px; height:510px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li{ padding-left:1px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:355px; height:259px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li{ width:65px; height:50px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo8>ul>li>img{ width:59px; height:43px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img{ width:62px; height:45px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:360px; height:664px; position:relative; margin:10px auto 20px auto; }

.yang_car_laboratory{ width:375px; height:870px; margin:20px auto 50px auto; }
.yang_car_laboratory li{ width:158px; height:139px; float:left; margin:25px 15px 10px 14px; }
.yang_car_laboratory li img{ width:158px; height:87px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti_right  iframe { width:360px; height: 320px}
.pro_zhuanti .content {padding: 0px 18px;}

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; }
#ethercat_main_proshow_content{ width:380px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:380px; height:350px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:380px; height:auto; }
#ethercat_main_proshow_function ul li{ width:116px; height:36px; }
#ethercat_main_proshow_function ol{ width:380px; height:228px; margin:6px 0px 50px; float:left; }
}
@media (min-width: 414px) {	
.pro_zhuanti_right  iframe { width:364px; height: 320px}
} 
@media (min-width: 450px) {	 
 .pro_zhuanti_right  iframe { width:400px; height: 320px}
}
@media (min-width: 480px) {	 
.pro_zhuanti .content { padding: 0px 18px; }
 
#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:20px; }
#ethercat_main_proshow_content{ width:440px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:440px; height:380px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:440px; height:auto;  }
#ethercat_main_proshow_function ul li{ width:134px; height:36px; line-height:22px; }
#ethercat_main_proshow_function ol{ width:440px; height:264px; margin:6px 0px 50px; float:left; }
}
@media (min-width: 500px) {
.content .pro_describe{ width:450px; height:auto; position:relative; margin:40px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:24px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:470px; height:575px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:3px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:450px; height:328px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:470px; height:753px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:470px; height:620px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:470px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:70px; height:54px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:450px; height:auto; margin:0 auto; float:left; }
.content .pro_describe8 p{ font-size:16px; text-align:center; }	

.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:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }
.ct_tit{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}

.yang_car_laboratory{ width:460px; height:1000px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:178px; height:155px; float:left; margin:32px 25px 10px 25px; }
.yang_car_laboratory li img{ width:178px; height:102px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti_right iframe{ width:450px; height: 320px; }
.pro_zhuanti .content { padding: 0px 18px; } 

.yang_card_pro_choose_info_cloud{ width:100%; height:60px; float:left; text-align:center; }
.yang_card_pro_choose_info_cloud a{ min-width:130px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }
}
@media (min-width: 600px) {
.content .pro_describe{ width:555px; height:auto; position:relative; margin:50px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:26px; line-height:38px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:565px; height:645px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:550px; height:401px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:565px; height:775px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:565px; height:690px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:565px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; }
.content .pro_lunbo8>ul>li{ width:90px; height:69px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:555px; height:auto; margin:0 auto; float:left; }

.pro_intro .con_tit{ font-size:28px; 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:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }

.ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{color:#ffffff;}

.yang_car_laboratory{ width:560px; height:1100px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:218px; height:175px; float:left; margin:30px 30px 10px 30px; }
.yang_car_laboratory li img{ width:218px; height:124px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }
.pro_zhuanti .content{ width: 100%; height: auto; overflow: hidden; padding: 0px 20px;}
.pro_zhuanti_right iframe { width:660px; height: 320px} 
.pro_zhuanti_right ol li dl{ margin-bottom:20px; padding-left: 25px;}
.pro_zhuanti_right ol li dl dt { width: 100%; height: auto; float: left;  margin: 10px auto; overflow: hidden;}
.pro_zhuanti_right ol li dl dd { color: #999; line-height: 22px; float: left;  padding: 5px 0; width: 100%;}
.pro_zhuanti_right>ol#lists { margin-top: 30px;}
.pro_zhuanti_right>ol#lists>li .center-block{ display: block; margin-right: auto;  margin-left: auto; float: left; }
.pro_zhuanti_right ol#lists li dl{ margin:0;}
.pro_zhuanti_right ol#lists li dl dt{ margin:0; }
.pro_zhuanti_right>ol#lists>li { height: auto; width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 25px; padding-bottom: 25px}

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; }
#ethercat_main_proshow_content{ width:560px; height:auto; margin: 0 auto; }
#ethercat_main_proshow_function{ width:560px; height:390px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:560px; height:auto; }
#ethercat_main_proshow_function ul li{ width:160px; height:36px; margin:6px 10px; }
#ethercat_main_proshow_function ol{ width:540px; height:324px; margin:16px 0px 50px; float:left; }
}
@media (min-width: 700px) {
.content .pro_describe{ width:650px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:30px; line-height:40px; }	
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:10px; }
.content .pro_describe .tit_type{ color: #00a2c7; }
.content .pro_lunbo{ width:670px; height:720px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:650px; height:474px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:670px; height:834px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:670px; height:750px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:670px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; }
.content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:645px; height:auto; margin:0 auto; float:left; }

.pro_intro .con_tit{ font-size:34px; line-height:48px; 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:30px; }
	
.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:26px; color:#333; line-height:48px; margin:26px auto 5px auto; }

.ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto; }
.ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; }
.ct_p2{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin:50px auto 20px auto; }
.ct_dt{ color:#ffffff; }

.yang_car_laboratory{ width:660px; height:600px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:168px; height:152px; float:left; margin:25px 25px 10px 25px; }
.yang_car_laboratory li img{ width:168px; height:96px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }
.pro_zhuanti .content>ul>li { float: left; width: 45%; height: auto; overflow: hidden; margin: 10px 0px;}
.pro_zhuanti .content>ul>li:nth-of-type(2),.pro_zhuanti .content>ul>li:nth-of-type(4){ float: right; }
.pro_zhuanti .content>ul>li>dl{ width: 100%; height: 180px; overflow: hidden; }
.pro_zhuanti_right ol li dl { margin-bottom: 20px; }

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; }
#ethercat_main_proshow_content{ width:670px; height:auto; margin:0 auto; }
#ethercat_main_proshow_function{ width:670px; height:500px; margin:10px auto 10px; }
#ethercat_main_proshow_function ul{ width:670px; height:auto; }
#ethercat_main_proshow_function ul li{ width:160px; height:50px; float:left; font-size:14px; line-height:20px; color:#333333; font-weight:normal; text-align:center; padding-top:14px; margin:8px 26px; background:#ffffff; border-radius:26px; cursor:pointer; }
#ethercat_main_proshow_function ol{ width:660px; height:396px; margin:6px 0px 50px; float:left; }
}
@media (min-width: 767px) {
.content{ padding:0px 18px; }
.content .pro_describe{ width:715px; height:auto; position:relative; margin:60px auto 0px auto; text-align:center; }
.content .pro_describe h2{ font-size:32px; }
.content .pro_describe .tit{ font-size:18px; color:#666666; padding-bottom:0px; }
.content .pro_describe .tit_type{ color:#00a2c7; }
.content .pro_lunbo{ width:730px; height:768px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li{ position:absolute; top:5px; left:5px; display:none; }
.content .pro_lunbo>ol>li:first-child,.content .pro_lunbo2>ol>li:first-child,.content .pro_lunbo3>ol>li:first-child,.content .pro_lunbo8>ol>li:first-child{ display:block; }
.content .pro_lunbo>ol>li,.content .pro_lunbo2>ol>li,.content .pro_lunbo3>ol>li,.content .pro_lunbo8>ol>li{ padding-left:2px; }
.content .pro_lunbo>ol>li>img,.content .pro_lunbo2>ol>li>img,.content .pro_lunbo3>ol>li>img,.content .pro_lunbo8>ol>li>img{ width:715px; height:525px; }
.content .pro_lunbo>ol>li>h2,.content .pro_lunbo2>ol>li>h2,.content .pro_lunbo3>ol>li>h2,.content .pro_lunbo8>ol>li>h2{ text-align:center; color:#333; font-size:24px; line-height:46px; font-weight:bold; margin:10px 0px; }
.content .pro_lunbo>ol>li>p,.content .pro_lunbo2>ol>li>p,.content .pro_lunbo3>ol>li>p,.content .pro_lunbo8>ol>li>p{ font-size:14px; color:#666; text-align:center; }
.content .pro_lunbo>ul,.content .pro_lunbo2>ul,.content .pro_lunbo3>ul{ position:absolute; width:100%; bottom:0px; left:0%; text-align:center; }
.content .pro_lunbo>ul>li,.content .pro_lunbo2>ul>li,.content .pro_lunbo3>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; }
.content .pro_lunbo>ul>li>img,.content .pro_lunbo2>ul>li>img,.content .pro_lunbo3>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo ul li.current,.content .pro_lunbo2 ul li.current,.content .pro_lunbo3 ul li.current{ border:2px solid #83b31d; }
.content .pro_lunbo2{ width:730px; height:874px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo3{ width:730px; height:765px; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8{ width:730px; height:auto; position:relative; margin:10px auto 20px auto; }
.content .pro_lunbo8>ol>li{ width:100%; float:left; display:none; }
.content .pro_lunbo8>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; }
.content .pro_lunbo8>ul>li{ width:100px; height:77px; margin:5px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; display:inline-block; margin-top:15px; }
.content .pro_lunbo8>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; }
.content .pro_lunbo8 ul li.current{ border:2px solid #83b31d; }
.content .pro_describe8{ width:715px; height:auto; margin:0 auto; float:left; }
.content .pro_describe8 p{ font-size:16px; text-align:center; }	

.pro_intro .con_tit{ font-size:48px; line-height:64px; color:#000000; text-align:center; margin:50px auto auto auto; font-weight: bold; }
.pro_intro .con_p{ font-size:16px; color:#515151; line-height:32px; font-weight:normal; text-align:center; margin:20px 70px 28px 70px; }

.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 0px 25px 0px; }
.yang_card_h4{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; }

.pro_download{ height:auto; margin:5px auto 0 auto; font-size:14px; overflow:auto; }
.pro_download_class{ width:100%; height:auto; border-bottom: 1px dashed #cbcbcb; float:left; padding: 10px 0px; margin-bottom:8px; }
.pro_download_class_l{ width:13%; height:auto; float:left; font-weight:bold; font-size:15px; margin:5px 0px 0px 0px; }
.pro_download_class_r{ width:82%; height:auto; float:left; }
.pro_download_class_r ul{ width:100%; }
.pro_download_class_r ul li{ width:100%; height:auto; line-height:34px; }
.pro_download_class_r span { color:#a39da1; margin:0px 0px 0px 24px; }
.pro_download .down-ico-pdf{ background:url(../images/pdf.png) no-repeat 0px 9px; padding-left:20px; }
.pro_download .down-ico-zip{ background:url(../images/zip.png) no-repeat 0px 9px; padding-left:20px; }

.ct_tit{ font-size:48px; line-height:68px; color:#333; text-align:center; margin:50px 20px 20px; }
.ct_p{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:0 70px 30px 70px; }
.ct_p2{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; text-align:center; margin:38px auto 5px auto; }
.ct_dt{color:#ffffff;}

.yang_car_laboratory{ width:720px; height:660px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:188px; height:162px; float:left; margin:25px 23px 10px 23px; }
.yang_car_laboratory li img{ width:188px; height:107px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }

.pro_zhuanti .content>ul>li>dl { width: 100%; height: 170px; overflow: hidden; }
.pro_zhuanti_right ol li dl { margin: 20px 0; }
.pro_zhuanti_right ol li dl dd p{height: 130px; line-height:26px; }
.pro_zhuanti .content {padding: 0px 18px; }

#ethercat_main_proshow{ width:100%; height:auto; padding-top: 0px; float:left; background:#ffffff; padding-bottom:60px; }
#ethercat_main_proshow_content{ width:730px; height:auto; margin: 0 auto; padding-top:20px; }
#ethercat_main_proshow_function{ width:700px; height:500px; margin: 10px auto 10px; }
#ethercat_main_proshow_function ul{ width:700px; height:auto; }
#ethercat_main_proshow_function ul li{ width:160px; height:50px; float:left; font-size:14px; line-height:20px; color:#333333; font-weight:normal; text-align:center; padding-top:14px; margin:10px 34px; background:#ffffff; border-radius:26px; cursor:pointer; }
#ethercat_main_proshow_function ol{ width:700px; height:420px; margin:16px 0px 50px; float:left; }
}
@media (min-width: 770px) {

}
@media (min-width: 800px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:750px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; }
.pro_intro .pro_intro_c .right { width:345px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li { color:#666; }

.yang_car_laboratory{ width:750px; height:660px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:203px; height:170px; float:left; margin:25px 23px 10px 23px; }
.yang_car_laboratory li img{ width:203px; height:115px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }
}
@media (min-width: 880px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:830px; height:auto; margin:0 auto; padding-bottom: 35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin-bottom:20px;}
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; }
.pro_intro .pro_intro_c .right { width:425px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li { color:#666; }

.yang_car_laboratory{ width:832px; height:660px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:213px; height:175px; float:left; margin:30px 30px 10px 30px; }
.yang_car_laboratory li img{ width:213px; height:121px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }
.pro_zhuanti_right>ol#lists { margin-top: 30px; }
.pro_zhuanti_right>ol#lists>li { height: auto; width: 100%; overflow: hidden;  border-bottom: 1px dashed #ccc; margin-bottom: 30px; padding-bottom: 30px; }
}
@media (min-width: 980px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:925px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 0 20px 10px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; }
.pro_intro .pro_intro_c .right { width:440px; height:auto; float:right; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li { color:#666; }

.yang_car_laboratory{ width:870px; height:660px; margin:20px auto 30px auto; }
.yang_car_laboratory li{ width:218px; height:175px; float:left; margin:30px 35px 10px 35px; }
.yang_car_laboratory li img{ width:218px; height:124px; border:4px solid #cbd4e0; }
.yang_car_laboratory li h3{ font-size:16px; margin:5px 0px 0px 0px; padding:0px; color:#000; line-height:26px; }
.yang_car_laboratory li p{ color:#666666; }
.pro_zhuanti .content { padding:0 20px;}
.pro_zhuanti .content>ul>li{ float: left; width: 45%; height: auto; overflow: hidden; margin: 15px 0px;}
.pro_zhuanti .content>ul>li>dl { width:330px; height: 170px; overflow: hidden;}
.pro_zhuanti_right  iframe {height:400px;}
.pro_zhuanti_left { float: left;  width: 160px;  height: auto; margin: 20px 0;}
.pro_zhuanti_right { float: left; width: 76%; margin-left:50px; padding-bottom:40px; margin-top: 20px; }
.pro_zhuanti_right ol li dl { overflow: hidden; width: 100%;  height: auto;  }
.pro_zhuanti_right ol li dl dt { width: 34%;  height: auto;  float: left;  margin: 10px auto;  overflow: hidden;}
.pro_zhuanti_right ol li dl dd { color: #999;  line-height: 24px;  float: left;  padding: 5px 0 0 30px; width: 66%;}
.pro_zhuanti_right .text { margin-top: 0px;}
.pro_zhuanti_right .text .c_img { margin: 20px 0; text-align: center;}
.pro_zhuanti_right .text p {line-height: 26px; color: #666; text-indent: 2em; font-size: 14px;}
.pro_zhuanti_right .text .c_h1,.pro_zhuanti_right .text .c_h2{ text-indent: unset;}
.pro_zhuanti_right .text .tit{ font-size: 26px; line-height: 28px; border-bottom: 2px solid #83b31d; padding-bottom: 15px; margin: 0; margin-bottom: 20px; }
.pro_zhuanti_right .next{padding:20px 0; height: auto;  width: 100%; overflow: hidden;}
.pro_zhuanti_right .next a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; }
.pro_zhuanti_right .page{padding:20px 0; height: auto;  width: 100%; overflow: hidden;}
.pro_zhuanti_right .page a{ border: #eeeeee 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; }
.pro_zhuanti_right .page span.current{ border: #8fc31f 1px solid; margin: 5px; padding: 5px 10px; height: auto; display: block; width: auto; float: left; }
.pro_zhuanti_right>ol#detail { margin-top:6px;}
.pro_zhuanti_right>ol#lists{ margin-top:18px;}
.pro_zhuanti_right ol#lists li dl{ width:auto;font-size: 14px; color: #666; line-height: 36px; }
.pro_zhuanti_right ol#lists li dl dt { width:100%; line-height: 36px;  font-size: 18px;}
.pro_zhuanti_right ol#lists li dl dd { color: #999; line-height: 24px; float: left; padding: 0; width:100%; } 
}
/*针对iPad Pro SIZE 12.9*/
@media (min-width: 1023px) {
.content{ padding:25px 0px 25px 0px; }
.pro_zhuanti .content { padding: 0;}
.pro_zhuanti_right {float: left; width: 76%; margin-left: 60px; padding-bottom: 40px; margin-top: 20px;}

.yang_card_pro_choose_info_cloud{ width:100%; height:60px; float:left; text-align:center; margin: 20px 0 0px; }
.yang_card_pro_choose_info_cloud a{ min-width:160px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:7px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }

.yang_card_video{ width:100%; min-width:1024px; height:1150px; overflow:hidden; position:relative; }
.yang_card_video_c{ width:100%; height:1150px; position:absolute; z-index:2; }
.yang_card_video_bg{ width:1920px; height:708px; display:block; position:absolute; top:30%; left:50%; margin:0px -900px; z-index:1; }

#ethercat_main_proshow{ width:100%; min-width:1024px; height:auto;  margin:0 auto; }
#ethercat_main_proshow_content{ width:1024px; height:1016px; margin:0px auto 0px; }
#ethercat_main_proshow_function{ width:1024px; height:740px; margin:2px auto 10px; }
#ethercat_main_proshow_function ul{ width:700px; height:60px; margin:0 auto; }
#ethercat_main_proshow_function ul li { width:180px; height:40px; float:left; font-size:16px; line-height:26px; color:#333333; font-weight: normal; text-align: center;padding-top: 8px; margin:10px 35px; background: #ffffff; border-radius: 26px; cursor: pointer; }
#ethercat_main_proshow_function ul li:first-child{ margin-left:0px; }
#ethercat_main_proshow_function ul li:last-child{ margin-right:0px; }
#ethercat_main_proshow_function ol{ width:1020px; height:612px; margin:26px 0px 20px; float:left; }
#ethercat_main_proshow_function ul .current{ background:#8fc41e; color:#ffffff; box-shadow: 3px 3px 15px rgba(143, 196, 30, 0.6); }
}
@media (min-width: 1080px) {
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:1000px; height:auto; margin:0 auto; padding-bottom:35px; }
.pro_intro .pro_intro_c>.left { width:400px; height:auto; float:left; padding-top:57px; margin:0 75px 20px 30px; }
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block; }
.pro_intro .pro_intro_c>.left>ol>li>img { width:400px; height:290px; }
.pro_intro .pro_intro_c .left .pro_intro_pic { width:390px; height:100px; float:left; }
.pro_intro .pro_intro_c .left ul { width: 390px; height:80px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:76px; height:60px; float:left; margin:10px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; }
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; }
.pro_intro .pro_intro_c .right { width:490px; height:auto; float:left; padding:47px 0px 30px 20px; }
.pro_intro .pro_intro_c .right h2 { color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:8px; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:28px; }
.pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; }
.pro_intro .pro_intro_c .right ul.intro_list li { color:#666; }
.pro_zhuanti .content>ul>li { float: left; width: 46%; height: auto; overflow: hidden; margin: 10px 0px; padding: 20px 0; border-bottom: 1px solid #d6d6d6;}
.pro_zhuanti .content>ul>li>dl { width: 300px; height: 180px; overflow: hidden; float: left;margin-left: 30px; }
.pro_zhuanti .content>ul>li img{display:block; width: 160px; height: 210px; margin-left: 0; float: left;}
.pro_zhuanti .content>ul>li p.gengduo {margin:10px 30px;float: left;}

.yang_card_video{ width:100%; min-width:1080px; height:1150px; overflow:hidden; position:relative; }
.yang_card_video_bg{ width:1920px; height:708px; display:block; position:absolute; top:30%; left:50%; margin:0px -900px; z-index:1; }

#ethercat_main_proshow { width:100%; min-width:1080px; height:auto; margin:0 auto; }
#ethercat_main_proshow_content { width:1080px; height:1016px; margin:0px auto 0px; }
#ethercat_main_proshow_function { width:1080px; height:740px; margin:2px auto 10px; }
#ethercat_main_proshow_function ol { width:1080px; height:600px; margin:0px 0px 20px; float:left; }
}
@media (min-width: 1200px) {	
.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;}
.ct_ce{color: #cecece;}
.pro_intro{ width:100%; margin-top:0px; }
.pro_intro_c{ width:1200px; height:auto; margin:0 auto; padding-top: 0px; padding-bottom:40px; overflow: hidden; }
.pro_intro .pro_intro_c>.left{ width:550px; height:auto; float:left; padding-top:100px; margin:0 auto 20px auto; }
.pro_intro .pro_intro_c>.left>ol{ margin-bottom:34px;}
.pro_intro .pro_intro_c>.left>ol>li { display:none; }
.pro_intro .pro_intro_c>.left>ol>li:first-child { display:block;}
.pro_intro .pro_intro_c>.left>ol>li>img{ width:550px; height:430px;}
.pro_intro .pro_intro_c .left .pro_intro_pic{ width:470px; height:100px; float:left; margin-left: 46px; }
.pro_intro .pro_intro_c .left ul{ width: 470px; height:100px; float:left;}
.pro_intro .pro_intro_c .left ul>li { width:96px; height:62px; float:left; margin:10px 13px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 17px; background: #ffffff; }
.pro_intro .pro_intro_c .left ul>li:nth-of-type(1){ margin-left: 0;}
.pro_intro .pro_intro_c .left ul>li:nth-of-type(4){ margin-right: 0;}
.pro_intro .pro_intro_c .left ul>li>img { width:60px; height:47px; border-radius:8px; }
.pro_intro .pro_intro_c .left ul li.current { border:2px solid #83b31d; background: #ffffff; }
.pro_intro .pro_intro_c .right{ width:570px; height:auto; float:left; padding:80px 0px 30px 0px; margin-left: 80px; }
.pro_intro .pro_intro_c .right h2{ color:#333333; font-size:36px; line-height:56px; font-weight:bold; margin-bottom:20px; }
.pro_intro .pro_intro_c .right p.tit{ color:#666666; font-size:18px; line-height:28px; padding-bottom:0px; margin-bottom:10px; }
.pro_intro .pro_intro_c .right p.tit span{ color:#83b31d; }
.pro_intro .pro_intro_c .right p { color:#333333; line-height:32px; font-size: 16px; margin-bottom: 10px;}
.pro_intro .pro_intro_c .right ul.intro_list{ margin-top:20px;}
.pro_intro .pro_intro_c .right ul.intro_list li{ color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px;}
  
.pro_intro .con_tit{ font-size: 66px; line-height: 82px; color: #000000; font-weight: bold; margin: 96px auto auto auto;  font-weight: bold; text-align: center;  }
.pro_intro .con_p { font-size: 16px; color: #515151; line-height: 32px;  font-weight: normal; text-align: center; margin: 25px auto 28px;}
   
.pro_zhuanti .content{ max-width: 1200px; width: 100%; height: auto;overflow: hidden; padding: 20px 0px; }
.pro_zhuanti .content>ul>li { float: left; width: 42%; height: auto; overflow: hidden; padding: 20px 0px 30px; }
.pro_zhuanti_left{ float: left; width: 180px; height:auto;  margin: 20px 0;}
.pro_zhuanti_right{ float: left; width: 76%; margin-left: 80px;}
.pro_zhuanti_right ol li dl dd{ color: #999; line-height: 24px; float: left; padding: 5px 0 0 30px; width: 66%; }
.pro_zhuanti .content>ul>li{ float: left; width: 42%; height: auto; overflow: hidden; margin: 10px 0px; border-bottom: 1px solid #d6d6d6; }

.yang-table-left{ width: 454px; float: left;}
.yang-table-left .pro_norms{ width: 454px; }
.yang-table-right{ width: 700px; margin-left: 46px;}
.yang-table-right .pro_norms{ width: 700px; }
.yang_car_ull{ width:100%; float: left; overflow: hidden; margin: 50px auto 170px;}
.yang_car_ull_left{width: 42%;float: left;margin: 0 25px;}
.yang_car_ull_right{width: 42%;float: left;margin: 0 25px;}
.yang_car_ull li{width:100%;font-size:16px;margin: 0 auto;float: left;background: url(../images/canbus/dot.png) no-repeat 2px 12px;padding-left:20px;line-height: 32px;margin-bottom: 10px;}

.ct_dt{ color:#ffffff; }
.yang_card_h4{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin:70px auto 20px auto; font-weight: bold; }

.yang_card_video{ width:100%; min-width:1200px; height:1150px; overflow:hidden; position:relative; }
.yang_card_video_bg{ width:1920px; height:708px; display:block; position:absolute; top:30%; left:50%; margin:0px -900px; z-index:1; }

#ethercat_main_proshow { width:100%; min-width:1200px; height:auto; margin:0 auto; }
#ethercat_main_proshow_content { width:1200px; height:1016px; margin:0px auto 0px; }
#ethercat_main_proshow_function { width:1080px; height:740px; margin:2px auto 10px; }
}
@media (min-width: 1600px) {	
.yang_card_video{ width:100%; min-width:1600px; height:1150px; overflow:hidden; position:relative; }
.yang_card_video_bg{ width:1920px; height:708px; display:block; position:absolute; top:30%; left:50%; margin:0px -900px; z-index:1; }
}
@media (min-width: 1920px) {	
.yang_card_video{ width:100%; min-width:1920px; height:1150px; overflow:hidden; position:relative; }
.yang_card_video_bg{ width:1920px; height:708px; display:block; position:absolute; top:30%; left:50%; margin:0px -900px; z-index:1; }
}