#wrap{ width:100%; margin:0px auto; } a:hover { color: #8fc31f; } .content{ width:100%; max-width:1200px; margin:0 auto; padding:0px 20px; } .ct_dt{color: #ffffff !important;} .pro_intro{ width:100%; margin-top:0px; } .ctbg1{ background:#000000; } .ctbg2{ background:#1f1f1f; } .ctbg3{ background:#e9e9e9; } .ctbg4{ background:#0a0a0a; } .ctbg5{ background:#f9f9f9; } .eport_ct1{ width:1200px; height:520px; margin-top:75px; } .eport_ct1 li{ width:300px; float:left; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 50px; } .eport_ct1 ol{ width:240px; margin-left:50px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } .preload{ background:#eeedef; } .preload video{ width:100%;} .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; } .table_y{ width:100%;} .table_x{ width:1198px;} .table_x1{ width:1100px;} .table_x2{ width:1000px;} .pro_t_g{ border-top:1px solid #e7e7e7; } .pro_nav_b dt ul li.current:hover{ color: #83b31d; } .pro_nav_b dt ul li.current{ border-bottom:2px solid #83b31d; } .pro_nav_mb li.current{ border-bottom:2px solid #83b31d; } .pro-nav-list dl dd a { color:#83b31d; margin:0 15px; } .pro-nav-list p a { color:#83b31d; margin:0px; } .pro-nav-list a:hover { color: #8fc31f; } .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 td a{ color:#8fc31f !important; border:1px solid #8fc31f; padding:2px 10px; border-radius:5px; display:block;} table tr td a:hover{ color:#83b31d !important; } table tr .center{ text-align:center; } table tr td.bghot,table tr th.bghot { background: url(../images/ipc/bghot.png) no-repeat 78px 5px;} table tr:hover{ background:#f0f0f0; } .yang-table-zlxz{width: 1200px; margin:0 0 10px; } .yang-table-zlxz a{color: #8fc31f;} #pro_n tr th,#pro_n tr td{ padding:6px 8px 6px 12px; } .pro_norms { margin: 10px auto;color: #666; font-size: 12px;} .pro_norms tr th,.pro_norms tr td{ border-left:1px solid #e2e2e2; padding:6px 20px; } .pro_norms tr td,.pro_norms tr th{ text-align:left; padding:6px 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:22px; text-align:left;} .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:#83b31d; border:1px solid #83b31d; border-radius:5px; margin:3px 6px; padding:2px 10px; text-decoration:none; display:inline-block; } .pro_norms .y_btn:hover{ background:#83b31d; color:#ffffff; text-decoration:none; } .pro_h3{ font-size:18px; color:#165aa7; line-height:26px; } .intro_list li{background: url(../images/s_yq.png) no-repeat -33px -487px; line-height: 26px; padding-left:15px; } .row2{ margin-left:-15px; margin-right:-15px; } .row2 .col-lg-6 .pro_down li{ padding-left:15px; } .bgnew{ width:31px; height:14px; background:url(../images/bgnew.jpg) no-repeat 108px 14px; } .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; } .online_doc{ width:64px; height:20px; background:url(../images/online_doc.jpg) no-repeat; border:none; margin:10px 1px; } .pro-nav-list dl dd { padding-left: 38px; 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/power_navigation-1.png) no-repeat 0 2px; padding-left: 38px; 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; float: left;} .pro-nav-list-1 dl:nth-of-type(2) dt{background-position: 0 -43px;} .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 -120px;} .pro-nav-list-2 dl dt{ height:30px; line-height:30px; width:100%; float:left; font-weight: bold; background: url(../images/power_navigation-2.png) no-repeat 0 2px; padding-left: 38px; margin-bottom: 10px;} /*.pro-nav-list-2 dl:nth-of-type(2) dt{background-position: 0 -43px;} .pro-nav-list-2 dl:nth-of-type(3) dt{background-position: 0 -80px;}*/ .pro-nav-list-2 dl:nth-of-type(1) dt{ background-position: 0 -126px;} .pro-nav-list-2 dl:nth-of-type(2) dt{background-position: 0 -170px;} .pro-nav-list-2 dl:nth-of-type(3) dt{background-position: 0 -220px;} .pro-nav-list-2 dl:nth-of-type(4) dt{background-position: 0 -269px;} .pro-nav-list-3 dl dt{ height:30px; line-height:30px; width:100%; float:left; font-weight: bold; background: url(../images/power_navigation-3.png) no-repeat 0 2px; padding-left: 38px; margin-bottom: 10px;} .pro-nav-list-3 dl:nth-of-type(2) dt{background-position: 0 -36px;} .pro-nav-list-3 dl:nth-of-type(3) dt{background-position: 0 -80px;} .pro-nav-list-3 dl:nth-of-type(4) dt{background-position: 0 -118px;} .pro-nav-list-3 dl:nth-of-type(5) dt{background-position: 0 -162px;} .pro-nav-list-3 dl:nth-of-type(6) dt{background-position: 0 -210px;} .pro-nav-list-4 dl dt{ height:30px; line-height:30px; width:100%; float:left; font-weight: bold; background: url(../images/power_navigation-4.png) no-repeat 0 2px; padding-left: 38px; margin-bottom: 10px;} .pro-nav-list-4 dl:nth-of-type(2) dt{background-position: 0 -43px;} .w360{width: 360px !important;} .w363{width: 363px !important;} .w370{width: 370px !important;} .w377{width: 377px !important;} .w380{width: 380px !important;} .w390{width: 390px !important;} .w405{width: 405px !important;} .w410{width: 410px !important;} .w418{width: 418px !important;} .w420{width: 420px !important;} .w440{width: 440px !important;} .w480{width: 480px !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; } .pro_intro{ width:100%; margin-top:0px; } .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:normal; 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; } } @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) { .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; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:270px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left:0px;} .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:260px; height:203px; } .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo>ul>li{ width:55px; height:42px; margin:5px 6px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:52px; height:38px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #83b31d; } .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; margin-bottom:10px;} .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_lunbo8 ul.intro_list li{ border:none !important; font-size: 14px; line-height: 24px; color:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px;} .content .pro_describe8{ width:265px; height:auto; margin:0 auto; float:left; } .content .pro_describe8 p{ font-size:14px; text-align:center; } .main_pro_nav{ width:290px; height:auto; float:left; margin:20px 0px 20px 5px; background:#ffffff; } .main_pro_nav_list{ width:290px; height:auto; } .main_pro_nav_ul{ width:260px; height:auto; float:left; padding-top:20px; margin-left:15px; margin-right:15px; } .main_pro_nav_ul li{ margin-top:10px; } .main_pro_nav_ul li:first-child{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:22px; line-height:32px; width:260px; height:auto; float:left; border-bottom:2px solid #00ae86;} .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:260px; float:left; margin-bottom:30px; } .main_pro_nav_ul_tit a{ display:block; color:#000000; font-size:16px; } .main_pro_nav_ul_tit a:hover{ color:#00ade7; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:none; } .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; } .yang_card_powerp{ color:#666; line-height:26px; margin-top:30px; } .yang_card_h4_buy{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto; } .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; } .pro_intro{ width:100%; height: auto; overflow: hidden; } .con_tit{ font-size:26px; line-height:38px; color:#000000; text-align:center; margin:50px auto 10px auto; font-weight: bold; } .con_h4{ font-size:20px; color:#000000; text-align:center; line-height:42px; padding-bottom:0px; padding-top:0px; } .ct_dt{ color:#ffffff; } .lunbo>ol{ width:206px; margin-left:-50px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:24px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:73px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:69%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div>p>a{ color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:27%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .row2 .col-lg-6 .pro_down{ margin:5px 0px 15px 0px; border-bottom:1px solid #dbdbdb; padding-bottom:15px; } .row2 .col-lg-6 .pro_down li{ line-height:25px; background:url(../images/s_dy.png) no-repeat -7px -42px; } #power_cshow1{ width:100%; height:auto; } #power_cshow1_l{ width:100%; height:auto; float:left; } #power_cshow1_photo>ol>li{ width:100%; height:auto; display:none; } #power_cshow1_photo>ol>li:first-child{ display:block; } #power_cshow1_photo>ol>li>img{ width:280px; height:265px; margin:0; } #power_cshow1_r{ width:100%; float:left; } #power_cshow1_rt{ width:100%; float:left; padding:0px 0 0 14px; } #power_cshow1_rt>ol>li{ display:none; } #power_cshow1_rt>ol>li:first-child{ display:block; } #power_cshow1_rt>ol>li>h3{ font-size:22px; line-height:32px; color:#00c1de; margin-top:0px; margin-bottom:10px; } #power_cshow1_rt>ol>li>p{ height:80px; font-size:16px; line-height:26px; color:#ffffff; margin-left:0px; } #power_cshow1_rb{ width:100%; float:left; padding-left:22px; margin-top:0px; margin-bottom:30px; } #power_cshow1_rb ul{ width:100%; float:left; } #power_cshow1_rb ul li{ width:62px; height:54px; margin-right:24px; float:left; border:1px solid #1f2f47; border-radius:8px; } #power_cshow1_rb ul li.current{ width:62px; height:54px; margin-right:24px; float:left; border:1px solid #1fd2d7; } #power_cshow1_rb ul li img{ width:60px; height:52px; } #power_cshow2{ width:100%; height:auto; float:left; margin:0px; } #power_cshow2>ol{ width:300px; margin:0 auto; } #power_cshow2>ol>li{ display:none; } #power_cshow2>ol>li:first-child{ display:block; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:300px; height:160px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul{ width:100%; height:auto; background:#1f2020; float:left; text-align:center; } #power_cshow2>div>ul>li{ width:50%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } #power_cshow2>div>ul>li>img{ width:44px; height:41px; } #power_cshow2>div>ul>li>p{ color:#fff; margin-top:6px; font-size:12px; line-height:20px; } #power_cshow2>div>ul>li.current{ background:#292a2c; border-bottom: 2px solid #8fc41e; } #csm-csshow{ background:#000; } #power_cshow3{ width:100%; height:auto; float:left; margin:0px; } #power_cshow3>ol{ width:300px; margin:0 auto; } #power_cshow3>ol>li{ display:none; } #power_cshow3>ol>li:first-child{ display:block; } #power_cshow3>ol>li>img{ width:300px; height:160px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul{ width:100%; height:auto; background:#1f2020; float:left; text-align:center; } #power_cshow3>div>ul>li{ width:50%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } #power_cshow3>div>ul>li>img{ width:40px; height:40px; } #power_cshow3>div>ul>li>p{ color:#fff; margin-top:6px; font-size:12px; line-height:20px; } #power_cshow3>div>ul>li.current{ background:#292a2c; border-bottom: 2px solid #8fc41e; } .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:10px auto;overflow:hidden; } .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 { 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 #e2e2e2; padding:6px 20px; } .pro_norms tr td,.pro_norms tr th{text-align:left;padding: 5px 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:22px; text-align:left;} .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{ 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 .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;} .eport_ct1{ width:280px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:280px; float:left; margin-bottom:30px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 50px; } .eport_ct1 ol{ width:240px; margin-left:40px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } .yang_card_pro .yang_card_notes{width: 100%; height: auto; overflow: hidden; padding: 0;} .yang_card_pro .yang_card_notes ul li{ width: 100%; float: left; font-size: 12px; color: #666666; } .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; } .pro_b_g{ border-bottom:#f0f0f0 1px solid; background:url(../images/osc/main_bg.png) bottom center no-repeat #fff; padding-bottom:20px; } } /*閽堝iphone5s*/ @media (min-width: 315px) { .main_pro_nav{ width:305px; height:auto; float:left; margin:20px 0px 20px 5px; } .main_pro_nav_list{ width:305px; height:auto; } .main_pro_nav_ul{ width:275px; height:auto; float:left; padding-top:20px; margin-left:15px; margin-right:15px; } .main_pro_nav_ul li{ margin-top:10px; } .main_pro_nav_ul li:first-child{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:22px; line-height:32px; width:275px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:275px; float:left; } .main_pro_nav_ul_tit a{ display:block; color:#000000; font-size:16px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:none; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:25px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:77px; float:left; margin-bottom:10px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:28%; height:auto; float:left; margin-right:10px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } #power_cshow1_photo>ol>li>img{ width:295px; height:279px; margin:0; } #power_cshow1_rb{ padding-left:26px; } #power_cshow2>ol{ width:315px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:315px; height:168px; margin-top:20px; margin-bottom:0px; } #power_cshow3>ol{ width:315px; margin:0 auto; } #power_cshow3>ol>li>img{ width:315px; height:168px; margin-top:20px; margin-bottom:0px; } table{ font-size:12px; } table tr th{ font-size:12px; } .pro_zhuanti_right iframe{ width:275px;} .eport_ct1{ width:290px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:290px; float:left; margin-bottom:30px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 50px; } .eport_ct1 ol{ width:250px; margin-left:40px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @media (min-width: 360px) { .eport_ct1{ width:340px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:340px; float:left; margin-bottom:30px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 60px; } .eport_ct1 ol{ width:234px; margin-left:60px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } /*閽堝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; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:330px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left:0px; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:325px; height:253px; } .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:330px; height:auto; margin:0 auto; float:left; } .main_pro_nav{ width:350px; height:auto; float:left; margin:20px 0px 20px 12px; } .main_pro_nav_list{ width:350px; height:auto; } .main_pro_nav_ul{ width:335px; height:auto; float:left; padding-top:20px; margin-left:7px; margin-right:7px; } .main_pro_nav_ul li{ margin-top:15px; } .main_pro_nav_ul li:first-child{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:22px; line-height:36px; width:335px; height:auto; float:left; padding-left:0px; margin-bottom:5px; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:335px; float:left; } .main_pro_nav_ul_tit a{ display:block; color:#000000; font-size:16px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:none; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:103px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } #power_cshow1_photo>ol>li>img{ width:355px; height:336px; margin:0; } #power_cshow1_rb{ padding-left:36px; } #power_cshow1_rb ul li{ width:72px; height:63px; margin-right:30px; float:left; border:1px solid #1f2f47; border-radius:8px; } #power_cshow1_rb ul li.current{ width:72px; height:63px; margin-right:30px; float:left; border:1px solid #1fd2d7; } #power_cshow1_rb ul li img{ width:70px; height:61px; } #power_cshow1_rt>ol>li>p{ height:60px; } #power_cshow2>ol{ width:375px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:375px; height:200px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul>li{ width:24%; height:108px; margin:0px; cursor:pointer; float:left; padding-top:15px; } #power_cshow2>div>ul>li:last-child{ width:28%; } #power_cshow3>ol{ width:375px; margin:0 auto; } #power_cshow3>ol>li>img{ width:375px; height:200px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul>li{ width:50%; height:92px; margin:0px; cursor:pointer; float:left; padding-top:15px; } .pro_zhuanti .content{ padding: 0px 16px;} .pro_zhuanti_right iframe{ width:329px;} .eport_ct1{ width:354px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:354px; float:left; margin-bottom:30px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 60px; } .eport_ct1 ol{ width:250px; margin-left:60px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @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 p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:360px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left:1px; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:350px; height:274px; } .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo>ul>li{ width:60px; height:46px; margin:5px 8px; cursor:pointer; border:2px solid #d7d7d7; border-radius:8px; display:inline-block; } .content .pro_lunbo>ul>li>img{ width:57px; height:41px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #83b31d; } .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; } .main_pro_nav{ width:367px; height:auto; float:left; margin:25px 0px 25px 15px; } .main_pro_nav_list{ width:367px; height:auto; } .main_pro_nav_ul{ width:355px; height:auto; float:left; padding-top:20px;margin-left:6px; margin-right:6px; } .main_pro_nav_ul li{ margin-top:10px; } .main_pro_nav_ul li:first-child{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:22px; line-height:36px; width:355px; height:auto; float:left; padding-left:0px; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:355px; float:left; } .main_pro_nav_ul_tit a{ display:block; color:#000000; font-size:16px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:none; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:105px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:5px 0px 0px 0px; float:left; } #power_cshow1_photo>ol>li>img{ width:380px; height:360px; margin:0; } #power_cshow1_rb{ padding-left:46px; } #power_cshow1_rb ul li{ width:76px; height:67px; margin-right:32px; float:left; border:1px solid #1f2f47; border-radius:8px; } #power_cshow1_rb ul li.current{ width:76px; height:67px; margin-right:32px; float:left; border:1px solid #1fd2d7; } #power_cshow1_rb ul li img{ width:74px; height:65px; } #power_cshow2>ol{ width:400px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:400x; height:213px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul>li{ height:98px; } #power_cshow3>ol{ width:400px; margin:0 auto; } #power_cshow3>ol>li>img{ width:400x; height:213px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul>li{ height:98px; } .pro_zhuanti .content {padding: 0px 18px;} .pro_zhuanti_right iframe{ width:350px;} .eport_ct1{ width:380px; height:auto; margin-top:25px; margin-bottom:30px; overflow:hidden; } .eport_ct1 li{ width:170px; float:left; margin-bottom:0px; margin-left:14px; } .eport_ct1 h3{ font-size:18px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 0px; } .eport_ct1 ol{ width:170px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:12px; line-height:24px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 2px no-repeat; padding-left:22px; margin-bottom:0px; } } /*閽堝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 p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li>img{ width:355px; height:278px; } .content .pro_lunbo>ul>li>img{ width:59px; height:43px; border-radius:8px; padding:2px 8px; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:105px; float:left; margin-bottom:20px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:65%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:30%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } #power_cshow1_photo>ol>li>img{ width:390px; height:369px; margin:0; } #power_cshow1_rb{ padding-left:50px; } #power_cshow2>ol{ width:410px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:410px; height:219px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul>li{ width:24%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } #power_cshow2>div>ul>li:last-child{ width:28%; } #power_cshow3>ol{ width:410px; margin:0 auto; } #power_cshow3>ol>li>img{ width:410px; height:219px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul>li{ width:50%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } .pro_zhuanti_right iframe{ width:360px; height: 320px} .pro_zhuanti .content{ padding: 0px 18px;} .eport_ct1{ width:390px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:180px; float:left; margin-bottom:0px; margin-left:14px; } .eport_ct1 h3{ font-size:18px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 0px; } .eport_ct1 ol{ width:180px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:12px; line-height:24px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 2px no-repeat; padding-left:26px; margin-bottom:0px; } } @media (min-width: 414px) { .pro_zhuanti_right iframe{ width:364px; height: 320px} } @media (min-width: 450px) { .pro_zhuanti_right iframe{ width:400px; height: 320px} .eport_ct1{ width:430px; height:auto; margin-top:25px; margin-bottom:40px; overflow:hidden; } .eport_ct1 li{ width:196px; float:left; margin-bottom:0px; margin-left:14px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 0px; } .eport_ct1 ol{ width:180px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:12px; line-height:24px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 2px no-repeat; padding-left:26px; margin-bottom:0px; } } @media (min-width: 480px) { #power_cshow1_photo>ol>li>img{ width:460px; height:435px; margin:0; } #power_cshow1_rb{ padding-left:50px; } #power_cshow1_rb ul li{ width:96px; height:84px; margin-right:30px; float:left; border:1px solid #1f2f47; border-radius:8px; } #power_cshow1_rb ul li.current{ width:96px; height:84px; margin-right:30px; float:left; border:1px solid #1fd2d7; } #power_cshow1_rb ul li img{ width:94px; height:82px; } #power_cshow2>ol{ width:480px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:480px; height:256px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul>li{ width:24%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } #power_cshow2>div>ul>li:last-child{ width:28%; } #power_cshow3>ol{ width:480px; margin:0 auto; } #power_cshow3>ol>li>img{ width:480px; height:256px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul>li{ width:50%; height:98px; margin:0px; cursor:pointer; float:left; padding-top:13px; } .pro_zhuanti .content {padding: 0px 18px;} .eport_ct1{ width:460px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:210px; float:left; margin-bottom:0px; margin-left:14px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 0px; } .eport_ct1 ol{ width:210px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @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 p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:470px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li{width:100%; float:left; display:none; padding-left:3px; } .content .pro_lunbo>ol>li>img{ width:450px; height:352px; } .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo>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_lunbo>ul>li>img{ width:67px; height:48px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo 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; line-height: 32px; } .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; } .yang_card_h4_buy{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .main_pro_nav{ width:464px; height:auto; float:left; margin:40px 0px 40px 17px; } .main_pro_nav_list{ width:464px; height:auto; } .main_pro_nav_ul{ width:464px; height:auto; float:left; padding-top:20px;} .main_pro_nav_ul li{ margin-top:10px; } .main_pro_nav_ul li:first-child{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:22px; line-height:40px; width:464px; height:auto; float:left; padding-left:2px; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:464px; float:left; } .main_pro_nav_ul_tit a{ display:block; color:#000000; font-size:16px; line-height:30px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:none; } .row2 .col-lg-6 { min-height:1px; float:left; padding-bottom:35px; } .row2 .col-lg-6:first-child{ padding-bottom:20px; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0px 0 7px 0; } .row2 .col-lg-6 h3 a{ line-height:26px; } .row2 .col-lg-6 p{ font-size:12px; line-height:22px; color:#b3b3b3; } .row2 .col-lg-6>div{ margin-top:40px; height:auto; border-top:1px solid #d7d7d7; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:5px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:106px; float:left; margin-bottom:15px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:74%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:22%; height:auto; float:left; margin-right:16px; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; margin:4px 0px 0px 0px; float:left; } .con_tit{ font-size:28px; line-height:38px; color:#000000; text-align:center; margin:50px auto 20px auto; font-weight: bold; } .con_h4{ font-size:24px; color:#000000; text-align:center; line-height:40px; padding-bottom:0px; padding-top:0px; } .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_dt{ color:#ffffff; } #power_cshow1_photo>ol>li>img{ width:480px; height:454px; margin:0; } #power_cshow1_rb{ padding-left:70px; } #power_cshow2>ol{ width:500px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:500px; height:267px; margin-top:20px; margin-bottom:0px; } #power_cshow3>ol{ width:500px; margin:0 auto; } #power_cshow3>ol>li>img{ width:500px; height:267px; margin-top:20px; margin-bottom:0px; } .pro_zhuanti_right iframe{ width:450px; height: 320px} .pro_zhuanti .content {padding: 0px 18px;} .eport_ct1{ width:480px; height:auto; margin-top:25px; margin-bottom:50px; overflow:hidden; } .eport_ct1 li{ width:210px; float:left; margin-bottom:0px; margin-left:24px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 10px; } .eport_ct1 ol{ width:210px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @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; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:565px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left: 50%; margin-left: -275px;} .content .pro_lunbo>ol>li>img{ width:550px; height:430px; } .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:20px; } .content .pro_lunbo>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_lunbo>ul>li>img{ width:85px; height:61px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:555px; height:auto; margin:0 auto; float:left; } .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; } .yang_card_h4_buy{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .main_pro_nav{ width:565px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:565px; height:auto; } .main_pro_nav_ul{ width:565px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ margin-top:0px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:565px; height:auto; float:left; border-bottom:2px solid #00ae86; } .row2 .col-lg-6 h2{ font-size:24px; margin:46px 0 20px 0; } .row2 .col-lg-6 h3{ margin:0 0 18px 0; line-height:32px; } .row2 .col-lg-6 p{ font-size:14px; line-height:25px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:106px; float:left; margin-bottom:15px; overflow:hidden; } .con_tit{ font-size:28px; line-height:38px; color:#000000; text-align:center; margin:50px auto 20px auto; font-weight: bold; } .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_dt{ color:#ffffff; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 10px; } #power_cshow1_rt{ width:90%; padding:5px 0 0 70px; } #power_cshow1_rb{ padding-left:70px; } #power_cshow1_rt>ol>li>p{ height:60px; } #power_cshow2>ol{ width:600px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:600px; height:320px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul{ width:100%; height:auto; background:#1f2020; float:left; text-align:center; } #power_cshow2>div>ul>li{ width:25%; height:96px; margin:0px; cursor:pointer; float:left; padding-top:18px; } #power_cshow2>div>ul>li:last-child{ width:25%; } #power_cshow2>div>ul>li>img{ width:40px; height:38px; } #power_cshow3>ol{ width:600px; margin:0 auto; } #power_cshow3>ol>li>img{ width:600px; height:320px; margin-top:20px; margin-bottom:0px; } #power_cshow3>div>ul{ width:100%; height:auto; background:#1f2020; float:left; text-align:center; } #power_cshow3>div>ul>li{ width:50%; height:100px; margin:0px; cursor:pointer; float:left; padding-top:18px; } .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;} .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%;} .eport_ct1{ width:580px; height:auto; margin-top:25px; overflow:hidden; } .eport_ct1 li{ width:260px; float:left; margin-bottom:0px; margin-left:24px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 10px; } .eport_ct1 ol{ width:210px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @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; } .content .pro_describe p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:670px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left: 50%; margin-left: -275px;} .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; } .content .pro_lunbo>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_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo ul li.current{ border:2px solid #83b31d; } .content .pro_describe8{ width:645px; height:auto; margin:0 auto; float:left; } .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; } .yang_card_h4_buy{ font-size:26px; color:#333; line-height:48px; margin:26px auto 5px auto; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:140px; float:left; margin-bottom:25px; overflow:hidden; } .main_pro_nav{ width:655px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:655px; height:auto; } .main_pro_nav_ul{ width:655px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:655px; height:auto; float:left; border-bottom:2px solid #00ae86;} .row2 .col-lg-6:first-child>ul>li{ width:100%; height:140px; float:left; margin-bottom:25px; overflow:hidden; } .con_tit{ font-size:34px; line-height:48px; color:#000000; text-align:center; margin:50px auto 20px auto; font-weight: bold; } .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: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;} #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 60px; } #power_cshow2>ol{ width:700px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:700px; height:373px; margin-top:20px; margin-bottom:0px; } #power_cshow3>ol{ width:700px; margin:0 auto; } #power_cshow3>ol>li>img{ width:700px; height:373px; margin-top:20px; margin-bottom:0px; } .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),.pro_zhuanti .content>ul>li:nth-of-type(6){ float: right;} .pro_zhuanti .content>ul>li>dl{ width: 100%; height: 180px; overflow: hidden;} .pro_zhuanti_right ol li dl { margin-bottom: 20px;} .eport_ct1{ width:600px; height:auto; overflow:hidden; margin:25px auto 60px auto; } .eport_ct1 li{ width:260px; float:left; margin-bottom:0px; margin-left:32px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:20px 0px 10px 10px; } .eport_ct1 ol{ width:210px; height:120px; margin-left:-10px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/ethernet/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; margin-bottom:0px; } } @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 p{ color:#5a5a5a; line-height:28px; } .content .pro_lunbo{ width:730px; height:auto; position:relative; margin:10px auto 20px auto; } .content .pro_lunbo>ol>li:first-child{ display:block; } .content .pro_lunbo>ol>li{ width:100%; float:left; display:none; padding-left: 50%; margin-left: -275px;} .content .pro_lunbo>ul{ width:100%; float:left; text-align:center; margin-bottom:25px; } .content .pro_lunbo>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_lunbo>ul>li>img{ width:97px; height:72px; border-radius:8px; padding:2px 8px; } .content .pro_lunbo 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; } .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; } .yang_card_h4_buy{ font-size:24px; color:#333; line-height:46px; margin:26px auto 5px auto; } .yang_card_powerp{ margin-top:15px; } .pro_nav_mb li.current{ border-bottom:2px solid #002e54; } .lunbo>ol{ width:206px; margin-left:-80px; } .main_pro_nav{ width:720px; height:auto; float:left; margin:45px 0px 45px 18px; } .main_pro_nav_list{ width:720px; height:auto; } .main_pro_nav_ul{ width:720px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:720px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul li{ margin-bottom:40px; } .con_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin:40px auto 20px auto; 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; } .ct_p2{ font-size:14px; color:#333333; line-height:30px; font-weight:normal; text-align:center; margin:38px auto 5px auto; } .ct_dt{color:#ffffff;} #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 80px; } #power_cshow1_rb{ margin-bottom:40px; } #power_cshow2>ol{ width:767px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:767px; height:409px; margin-top:20px; margin-bottom:0px; } #power_cshow3>ol{ width:767px; margin:0 auto; } #power_cshow3>ol>li>img{ width:767px; height:409px; margin-top:20px; margin-bottom:0px; } .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;} .pro_zhuanti .content>ul>li>dl { width: 100%; height: 170px; overflow: hidden;} .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; } } @media (min-width: 768px) { .pro_intro{ width:100%; margin-top:0px; background: #f9f9f9; overflow: hidden; } .ct_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin: 50px 20px 20px; font-weight: bold;} .P0505 .ct_tit{background:url(../images/power/P0505/titbg.png) no-repeat 0px 5px;} .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_h4{ font-size:44px; color:#000000; text-align:center; line-height:68px; padding-bottom:13px; padding-top:0px; } .ct_dt{ color:#ffffff; } .pro_intro{ width:100%; margin-top:0px; } .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:20px 8px; cursor:pointer; border:1px solid #d7d7d7; border-radius:8px; padding:7px 7px; background: #ffffff; } .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; background: #ffffff; } .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:#83b31d; } .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:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; font-size:16px; line-height: 32px; } #eport_ct{ background:url(/tpl/zlg/Public/images/power/ePort/ct1_bg.jpg) center no-repeat; height:630px; overflow: hidden; } .eport_ct1{ width:740px; height:450px; margin-top:25px; margin-bottom:0px; } .eport_ct1 li{ width:220px; float:left; margin-bottom:0px; margin-left:20px; } .eport_ct1 h3{ font-size:18px; color:#8fc01f; font-weight:bold; margin:40px 0px 20px 10px; } .eport_ct1 ol{ width:175px; margin-left:0px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:12px; line-height:26px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } .yang_card_pro .yang_card_notes{width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; } .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;} } @media (min-width: 770px) { .yang_card_box{ padding-top:32px; } .main_pro_nav{ width:720px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:720px; height:auto; } .main_pro_nav_ul{ width:720px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:320px; height:auto; float:left; margin-left:20px; margin-right:20px; } .main_pro_nav_ul li:first-child img{ padding-top:30px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:100%; height:auto; float:left; padding-left:2px;border-bottom:2px solid #00ae86;} .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:320px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; padding:0px 9px; } .row2 .col-lg-6 { width:50%; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:5px 0; } .row2>div{ padding-right:35px; } .row2>div:first-child{ padding-right:10px; } .row2 .col-lg-6>div{ margin-top:40px; border-top:0px solid #f6f6f6; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:68%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6:first-child>ul>li>div>p{ color:#b3b3b3; margin:0px; } .row2 .col-lg-6:first-child>ul>li>div>p>a{ font-size:12px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div>p>a:hover{ font-size:12px; color:#b3b3b3; } .row2 .col-lg-6:first-child>ul>li>div img{ width:100%; height:auto; } .row2 .col-lg-6 p{ font-size:12px; line-height:25px; color:#b3b3b3; } .row2 .col-lg-6 .pro_down{ margin:5px 0px 15px 0px; border-bottom:1px solid #dbdbdb; padding-bottom:15px; } .row2 .col-lg-6 .pro_down li{ line-height:25px; background:url(../images/s_dy.png) no-repeat -7px -42px;} #power_cshow2>ol{ width:770px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:770px; height:411px; margin-top:20px; margin-bottom:0px; } #eport_ct{ height: 630px; } } @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:normal; 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; } .main_pro_nav{ width:760px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:760px; height:auto; } .main_pro_nav_ul{ width:760px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:340px; height:auto; float:left; margin-left:20px; margin-right:20px; } .main_pro_nav_ul li:first-child img{ padding-top:60px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:340px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:340px; } .main_pro_nav_ul_tit a{ display:inline; color:#000000; font-size:14px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:inline; padding:0px 9px; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 100px; } #power_cshow1_rb{ margin-bottom:50px; } #power_cshow2>ol{ width:800px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:800px; height:427px; margin-top:20px; margin-bottom:0px; } #power_cshow2>div>ul>li{ width:25%; height:88px; margin:0px; cursor:pointer; float:left; padding-top:10px; } #power_cshow2>div>ul>li>img{ width:40px; height:38px; } #eport_ct{ height:630px; } .eport_ct1{ width:770px; height:450px; margin-top:25px; } .eport_ct1 li{ width:230px; float:left; margin-bottom:0px; margin-left:20px; } .eport_ct1 h3{ font-size:18px; color:#8fc01f; font-weight:bold; margin:60px 0px 20px 10px; } .eport_ct1 ol{ width:182px; margin-left:0px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:12px; line-height:26px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } } @media (min-width: 880px) { .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; background: #ffffff; } .pro_intro .pro_intro_c .left ul>li>img { width:60px; height:43px; border-radius:8px; } .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.current{ border:2px solid #83b31d; background: #ffffff; } .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.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:28px; } .pro_intro .pro_intro_c .right ul.intro_list { margin-top:30px; } .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;} .yang_card_box{ padding-top:40px; } .main_pro_nav{ width:830px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:830px; height:auto; } .main_pro_nav_ul{ width:830px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:360px; height:auto; float:left; margin-left:25px; margin-right:30px; } .main_pro_nav_ul li:first-child img{ padding-top:30px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:360px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:358px; } .main_pro_nav_ul_tit a{ display:inline; color:#000000; font-size:14px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:inline; padding:0px 9px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:5px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:71%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } .row2 .col-lg-6 .pro_down{ margin:15px 0px 15px 0px; border-bottom:1px solid #dbdbdb; padding-bottom:15px; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 130px; } #power_cshow1_rt>ol>li>p{ height:40px; } #power_cshow2>ol{ width:880px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:880px; height:469px; margin-top:20px; margin-bottom:0px; } #eport_ct{ height: 680px; } .eport_ct1{ width:848px; height:490px; margin-top:25px; } .eport_ct1 li{ width:253px; float:left; margin-bottom:0px; margin-left:22px; } .eport_ct1 h3{ font-size:18px; color:#8fc01f; font-weight:bold; margin:60px 0px 20px 10px; } .eport_ct1 ol{ width:196px; margin-left:0px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } .yang_card_pro .yang_card_notes ul li{ width: 50%; float: left; font-size: 12px; color: #666666; } .yang_card_pro .yang_card_form img{ display: block;} .yang_card_pro .yang_card_form ul{ display: none;} } @media (min-width: 980px) { .pro_intro{ width:100%; margin-top:0px; } .pro_intro_c{ width:925px; height:auto; margin:0 auto; padding-bottom:35px; overflow:hidden;} .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: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.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:normal; 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:#83b31d; } .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:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; } .main_pro_nav{ width:930px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:930px; height:auto; } .main_pro_nav_ul{ width:930px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:400px; height:auto; float:left; margin-left:30px; margin-right:35px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:400px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:398px; } .main_pro_nav_ul_tit a{ display:inline; color:#000000; font-size:14px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:inline; padding:0px 9px; } .yang_card_box{ padding-top:40px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:30px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:100px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:74%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:15px; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 0 180px; } #power_cshow2>ol{ width:980px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:980px; height:523px; margin-top:20px; margin-bottom:0px; } .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;} #eport_ct{ height:730px; } .eport_ct1{ width:940px; height:510px; margin-top:35px; } .eport_ct1 li{ width:274px; float:left; margin-bottom:0px; margin-left:30px; } .eport_ct1 h3{ font-size:20px; color:#8fc01f; font-weight:bold; margin:60px 0px 20px 20px; } .eport_ct1 ol{ width:213px; margin-left:0px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:14px; line-height:26px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } } /*閽堝iPad Pro SIZE 12.9*/ @media (min-width: 1023px) { .content{ padding:25px 0px 50px 0px; } .yang_card_box{ padding-top:50px; } .main_pro_nav{ width:970px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:970px; height:auto; } .main_pro_nav_ul{ width:970px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:400px; height:auto; float:left; margin-left:45px; margin-right:35px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:400px; height:auto; float:left; border-bottom:2px solid #00ae86;} .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:400px; } .main_pro_nav_ul_tit a{ display:inline; color:#000000; font-size:14px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:inline; padding:0px 9px;} .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:20px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:90px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:75%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:18px; } #power_cshow1{ width:1024px; height:auto;} #power_cshow1_l{ width:640px; float:left;} #power_cshow1_photo>ol>li{ display:none;} #power_cshow1_photo>ol>li:first-child{ display:block; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 59px 55px; } #power_cshow1_r{ width:384px; float:left; } #power_cshow1_rt{ width:100%; float:left; padding:38px 0 0 12px; } #power_cshow1_rt>ol>li{ display:none; } #power_cshow1_rt>ol>li:first-child{ display:block; } #power_cshow1_rt>ol>li>h3{ font-size:26px; line-height:42px; color:#00c1de; margin-bottom:32px; } #power_cshow1_rt>ol>li>p{ width:340px; height:140px; font-size:16px; line-height:32px; color:#ffffff; margin:0px; } #power_cshow1_rb{ width:100%; float:left; padding-left:12px; margin-top:82px; } #power_cshow1_rb ul{ width:100%; float:left; } #power_cshow1_rb ul li{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1f2f47; border-radius:8px; cursor:pointer; } #power_cshow1_rb ul li.current{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1fd2d7; } #power_cshow2{ width:100%; min-width:1023px; height:auto; float:left; margin:0px;} #power_cshow2>ol{ width:1023px; margin:0 auto; } #power_cshow2>ol>li{ display:none; } #power_cshow2>ol>li:first-child{ display:block; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:1023px; height:546px; margin-bottom:0px; } #power_cshow2>div{ width:100%; min-width:1023px; height:90px; background:#1f2020; float:left; text-align:center; } #power_cshow2>div>ul{ width:1023px; height:90px; margin:0 auto; float:none; } #power_cshow2>div>ul>li{ width:252px; height:90px; margin:0px; cursor:pointer; display:inline-block; padding-top:10px; } #power_cshow2>div>ul>li>p{ color:#fff; margin-top:8px; font-size:16px; } #power_cshow2>div>ul>li.current{ background:#292a2c; border-bottom: 3px solid #8fc41e; } #csm-csshow{ background:url(/tpl/zlg/Public/images/power/CSM330A/cshow_bg.jpg)#000 no-repeat top center; overflow: hidden; } #power_cshow3>div>ul>li>img{ width:58px; height:58px; } #power_cshow3{ width:100%; min-width:1023px; height:auto; float:left; margin:0px;} #power_cshow3>ol{ width:1023px; margin:0 auto; } #power_cshow3>ol>li{ display:none; } #power_cshow3>ol>li:first-child{ display:block; } #power_cshow3>ol>li>img{ width:1023px; height:546px; margin-bottom:0px; } #power_cshow3>div{ width:100%; min-width:1023px; height:170px; background:#1f2020; float:left; text-align:center; } #power_cshow3>div>ul{ width:566px; height:170px; margin:0 auto; float:none; } #power_cshow3>div>ul>li{ width:282px; height:170px; margin:0px; cursor:pointer; display:inline-block; padding-top:42px; } #power_cshow3>div>ul>li>p{ color:#fff; margin-top:18px; font-size:18px; } #power_cshow3>div>ul>li.current{ background:#292a2c; border-bottom: 3px solid #8fc41e; } .pro_intro { height: auto; overflow: hidden; position: relative; width:100%; } .pro_zhuanti .content{ padding: 0;} .pro_zhuanti_right {float: left; width: 76%; margin-left: 60px; padding-bottom: 40px; margin-top: 20px;} #eport_ct{ height:870px; } .eport_ct1{ width:1000px; height:520px; margin-top:75px; } .eport_ct1 li{ width:300px; float:left; margin-left:30px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 20px; } .eport_ct1 ol{ width:240px; margin-left:0px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } #eport_ct .ct_tit{ font-size: 66px; line-height: 80px; color: #000000; font-weight: bold; margin: 96px auto auto auto; } .yang_card_pro .yang_card_notes ul li{ width:33%; float: left; font-size: 12px; color: #666666; } .pro_intro .con_tit{font-size: 64px; line-height: 80px; color: #000000; font-weight: bold; margin: 96px auto auto auto; font-weight: bold; } .con_h4{ font-size:44px; color:#000000; text-align:center; line-height:68px; padding-bottom:13px; padding-top:0px; } .ct_dt{color: #ffffff;} } @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: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.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:normal; 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:#333333; background: url(../images/canbus/intro_list-dot.png) no-repeat 2px 10px; padding-left:18px; } .main_pro_nav{ width:1030px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:1030px; height:auto; } .main_pro_nav_ul{ width:1030px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:410px; height:auto; float:left; margin-left:50px; margin-right:50px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:410px; height:auto; float:left; border-bottom:2px solid #00ae86; } .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:410px; } .main_pro_nav_ul_tit a{ display:inline; color:#000000; font-size:14px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; display:inline; padding:0px 9px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:24px 0 20px 0; } .row2 .col-lg-6 h3{ margin:7px 0;} .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:100%; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:100%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:100%; height:95px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:75%; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:22px; } #power_cshow1{ width:1080px; height:auto; } #power_cshow1_l{ width:685px; float:left; } #power_cshow1_photo>ol>li{ display:none; } #power_cshow1_photo>ol>li:first-child{ display:block; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 59px 84px; } #power_cshow1_r{ width:395px; float:left; } #power_cshow1_rt{ width:100%; float:left; padding:38px 0 0 20px; } #power_cshow1_rt>ol>li{ display:none; } #power_cshow1_rt>ol>li:first-child{ display:block; } #power_cshow1_rt>ol>li>h3{ font-size:26px; line-height:42px; color:#00c1de; margin-bottom:22px; } #power_cshow1_rt>ol>li>p{ width:350px; height:140px; font-size:16px; line-height:32px; color:#ffffff; margin:0px; } #power_cshow1_rb{ width:100%; float:left; padding-left:20px; margin-top:80px; } #power_cshow1_rb ul{ width:100%; float:left; } #power_cshow1_rb ul li{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1f2f47; border-radius:8px; cursor:pointer; } #power_cshow1_rb ul li.current{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1fd2d7; } #power_cshow2{ width:100%; min-width:1080px; height:auto; float:left; margin:0px;} #power_cshow2>ol{ width:1080px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:1080px; height:576px; margin-bottom:0px; } #power_cshow2>div{ width:100%; min-width:1080px; } #power_cshow2>div>ul{ width:1080px; margin:0 auto; } #power_cshow2>div>ul>li{ width:266px; margin:0px; cursor:pointer; display:inline-block; padding-top:10px; } #power_cshow2{ width:100%; min-width:1080px; height:auto; float:left; margin:0px;} #power_cshow2>ol{ width:1080px; margin:0 auto; } #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:1080px; height:576px; margin-bottom:0px; } #power_cshow2>div{ width:100%; min-width:1080px; } #power_cshow2>div>ul{ width:1080px; margin:0 auto; } #power_cshow2>div>ul>li{ width:266px; margin:0px; cursor:pointer; display:inline-block; padding-top:10px; } .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;} } @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_ce{color: #cecece;} .P0505 .ct_tit {background: url(../images/power/P0505/titbg.png) no-repeat 142px 8px;} .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:35px; 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;} .yang_card_box{ padding-top:60px; } .main_pro_nav{ width:1150px; height:auto; float:left; margin:20px 0px 20px 15px; } .main_pro_nav_list{ width:1150px; height:auto; } .main_pro_nav_ul{ width:1150px; height:auto; float:left; padding-top:20px; } .main_pro_nav_ul li{ width:490px; height:auto; float:left; margin-left:20px; margin-right:65px; } .main_pro_nav_ul li:first-child img{ padding-top:30px; } .main_pro_nav_ul_p{ font-size:24px; line-height:50px; width:100%; height:auto; float:left; padding-left:2px;border-bottom:2px solid #13a8be;} .main_pro_nav_ul_tit{ margin-top:8px; line-height:26px; width:480px; } .main_pro_nav_ul_tit span{ color:#dfdfdf; padding:0px 9px; } .row2 .col-lg-6 { min-height:1px; float:left; padding:0px 35px 35px 35px; } .row2 .col-lg-6 h2{ font-size:24px; margin:25px 0 20px 0; } .row2 .col-lg-6 h3{ margin:10px 0 7px 0; } .row2 .col-lg-6>div{ margin-top:40px; } .row2 .col-lg-6>div:first-child{ margin-top:0px; } .row2 .col-lg-6>div>ul{ width:543px; height:auto; float:left; } .row2 .col-lg-6>div>ul>li{ width:543px; height:auto; float:left; margin-bottom:0px; } .row2 .col-lg-6:first-child>ul{ width:545px; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li{ width:545px; height:100px; float:left; margin-bottom:27px; overflow:hidden; } .row2 .col-lg-6:first-child>ul>li>div{ width:435px; height:auto; float:left; } .row2 .col-lg-6:first-child>ul>li>div:first-child{ width:88px; height:auto; float:left; margin-right:22px; } #power_cshow1{ width:1200px; height:auto; } #power_cshow1_l{ width:760px; height:auto; float:left; } #power_cshow1_photo>ol>li{ width:100%; height:auto; display:none; } #power_cshow1_photo>ol>li:first-child{ display:block; } #power_cshow1_photo>ol>li>img{ width:560px; height:530px; margin:0 0 59px 140px; } #power_cshow1_r{ width:440px; float:left; } #power_cshow1_rt{ width:100%; float:left; padding:38px 0 0 22px; } #power_cshow1_rt>ol>li{ display:none; } #power_cshow1_rt>ol>li:first-child{ display:block; } #power_cshow1_rt>ol>li>h3{ font-size:26px; line-height:42px; color:#00c1de; margin-bottom:18px; } #power_cshow1_rt>ol>li>p{ width:350px; height:140px; font-size:16px; line-height:32px; color:#ffffff; margin-left:0px; } #power_cshow1_rb{ width:100%; float:left; padding-left:22px; margin-top:80px; } #power_cshow1_rb ul{ width:100%; float:left; } #power_cshow1_rb ul li{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1f2f47; border-radius:8px; } #power_cshow1_rb ul li.current{ width:96px; height:84px; margin-right:24px; float:left; border:1px solid #1fd2d7; } #power_cshow2{ width:100%; min-width:1200px; height:auto; float:left; margin:0px; } #power_cshow2>ol{ width:1200px; margin:0 auto;} #power_cshow2>ol>li>img,#power_cshow2>ol>li>video{ width:1200px; height:640px; margin-bottom:0px; } #power_cshow2>div{ width:100%; height:100%; } #csm-csshow{ background:url(/tpl/zlg/Public/images/power/CSM330A/cshow_bg_1200.jpg)#000 no-repeat top center; overflow: hidden; } #power_cshow3{ width:100%; min-width:1200px; height:auto; float:left; margin:0px; } #power_cshow3>ol{ width:1200px; margin:0 auto;} #power_cshow3>ol>li>img{ width:1200px; height:640px; margin-bottom:0px; } #power_cshow3>div{ width:100%; height:100%; } .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_card_h4{font-size: 48px; line-height: 68px; color: #000000; text-align: center; margin: 70px auto 20px auto; font-weight: bold;} .yang_card_h4_buy{font-size: 48px; line-height: 68px; color: #000000; text-align: center; margin: 46px auto 20px auto; font-weight: bold;} .yang_card_h2{font-size: 24px; line-height: 32px; color: #000000; text-align: left; margin: 10px auto;} .pro_intro .con_tit{font-size: 64px; line-height: 80px; color: #000000; margin: 96px auto auto auto; font-weight: bold; } .con_h4{ font-size:44px; color:#000000; text-align:center; line-height:68px; padding-bottom:13px; padding-top:0px; } #eport_ct{ height: 890px; } .eport_ct1{ width:1200px; height:520px; margin-top:75px; } .eport_ct1 li{ width:400px; float:left; margin-bottom:0px; margin-left:0px; } .eport_ct1 h3{ font-size:24px; color:#8fc01f; font-weight:bold; margin:40px 0px 10px 50px; } .eport_ct1 ol{ width:240px; height:140px; margin-left:50px; } .eport_ct1 ol li{ width:100%; height:30px; font-size:16px; line-height:28px; float:left; color:#ffffff; background:url(../images/power/ePort/eport_dian.png) 0px 4px no-repeat; padding-left:26px; } #eport_ct .ct_tit{ font-size: 66px; line-height: 80px; color: #000000; font-weight: bold; margin: 96px auto auto auto; } .yang_card_pro .yang_card_notes{ width: 100%; height: auto; overflow: hidden; margin-bottom: 80px; font-size: 12px; color: #666666;} .yang_card_pro .yang_card_notes ul li{ width:400px; float: left; font-size: 12px; color: #666666; } .yang_card_pro .yang_card_form ul li{float: left; margin-bottom: 50px;} .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;} .ct_dt{color: #ffffff;} } @media (min-width: 1300px) { .ct_tit5{ font-size:48px; line-height:60px; color:#000000; text-align:left; margin:90px 0px 30px; font-weight: bold; } .ct_dt{ color:#ffffff; } } @media (min-width: 1600px) { #csm-csshow{ background:url(/tpl/zlg/Public/images/power/CSM330A/cshow_bg.jpg)#000 no-repeat top center; overflow: hidden; } #power_cshow3{ width:100%; min-width:1600px; height:auto; float:left; margin:0px; } #power_cshow3>ol{ width:1600px; margin:0 auto;} #power_cshow3>ol>li>img{ width:1600px; height:640px; margin-bottom:0px; } #power_cshow3>div{ width:100%; height:100%; } } @media (min-width: 2000px) { .yang_card_pro_list_1{ width: 730px; margin: 150px 0 40px; text-align: left;} .yang_card_pro_list_1 .ct_tit{ text-align: left; font-size: 66px; line-height: 82px; margin: 40px auto;} .yang_card_pro_list_1 .ct_p{ text-align: left; margin: 0 0 60px 0; width: 540px;} .ct_dt{color: #ffffff;} } @media (min-width: 2560px) { }